:root{--blue:#2563eb;--soft:#eff6ff;--gray:#64748b;--dark:#0f172a}body{font-family:'Sarabun','Noto Sans Thai',system-ui,sans-serif;background:#f6f9fc;color:#1e293b}.app{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,#eaf4ff,#fff);border-right:1px solid #dbeafe;transition:.25s;position:sticky;top:0;height:100vh}.sidebar.collapsed{width:86px}.brand{height:70px;display:flex;align-items:center;gap:12px;padding:0 20px;font-weight:800;color:var(--blue)}.brand i{font-size:28px}.sidebar a{display:flex;align-items:center;gap:12px;margin:6px 12px;padding:12px 14px;border-radius:16px;color:#334155;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:#dbeafe;color:#1d4ed8}.sidebar.collapsed .txt,.sidebar.collapsed .brand span{display:none}.main{flex:1;min-width:0}.navbar-soft{height:70px;background:#fff;border-bottom:1px solid #e2e8f0}.card-soft{border:0;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.07)}.btn-blue{background:var(--blue);color:#fff;border:0}.btn-blue:hover{background:#1d4ed8;color:#fff}.badge-status{background:#e0f2fe;color:#075985}.footer{color:#64748b;border-top:1px solid #e2e8f0;background:#fff}.table thead th{color:#475569;background:#f8fafc}.login-wrap{min-height:100vh;background:linear-gradient(135deg,#dbeafe,#fff,#f1f5f9);display:grid;place-items:center}.login-card{max-width:440px;width:92%;border:0;border-radius:26px;box-shadow:0 20px 60px rgba(37,99,235,.15)}@media(max-width: 992px){.sidebar{position:fixed;z-index:1040;left:-280px}.sidebar.show{left:0}.sidebar.collapsed{width:270px}.sidebar.collapsed .txt,.sidebar.collapsed .brand span{display:inline}.main{width:100%}}