*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;color:#0f172a;background:#f8fafc;font-family:DM Sans,sans-serif}a{color:inherit}.layout{color:#0f172a;background:#f8fafc;flex-direction:column;min-height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.9rem 1.6rem;display:flex;box-shadow:0 1px 3px #0f172a0a}.topbar .brand{align-items:center;gap:.7rem;font-size:1.05rem;font-weight:700;display:flex}.topbar .brand .mark{background:linear-gradient(135deg,#10b981,#0d9488);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.topbar .user{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.85rem;font-weight:500;display:flex}.body{flex:1;min-height:0;display:flex;position:relative}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:0;width:300px;min-width:300px;padding:2rem 0 1.6rem;transition:width .25s,min-width .25s;display:flex;position:relative;overflow:hidden}.sidebar.sidebar-collapsed{width:44px;min-width:44px}.sidebar-edge-btn{cursor:pointer;color:#64748b;z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:20px;height:56px;transition:left .25s,background .15s,color .15s;display:flex;position:absolute;top:180px;box-shadow:0 2px 8px #0f172a1a}.sidebar-edge-btn:hover{color:#0f172a;background:#f1f5f9;box-shadow:0 4px 14px #0f172a26}.sidebar .sidebar-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;padding:0 1.8rem;font-size:.75rem;font-weight:700}.sidebar .nav-group{flex-direction:column;gap:.5rem;padding:0 1.1rem;display:flex}.sidebar .sidebar-item{color:#475569;border-radius:10px;align-items:center;gap:.9rem;padding:.85rem 1.1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.sidebar .sidebar-item svg{opacity:.65;flex-shrink:0;transition:opacity .15s}.sidebar .sidebar-item:hover{color:#0f172a;background:#f8fafc}.sidebar .sidebar-item:hover svg{opacity:1}.sidebar .sidebar-item.active{color:#059669;background:#10b9811a;font-weight:600;box-shadow:inset 3px 0 #10b981}.sidebar.sidebar-collapsed .sidebar-item.active{box-shadow:none;background:0 0}.sidebar>*{opacity:1;transition:opacity .15s .2s}.sidebar.sidebar-collapsed>*{opacity:0;pointer-events:none;transition:opacity 50ms}.sidebar .sidebar-item.active svg{opacity:1}.sidebar .queue-badge{color:#fff;background:#10b981;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite badge-pulse;display:inline-flex}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.93)}}.sidebar .sidebar-divider{border:none;border-top:1px solid #f1f5f9;margin:1.3rem 1.6rem}.logout-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.75rem;width:calc(100% - 2rem);margin:0 1rem;padding:.75rem 1.1rem;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.logout-btn svg{opacity:.65;transition:opacity .15s}.logout-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.logout-btn:hover svg{opacity:1}.sidebar .sidebar-footer{margin-top:auto;padding-top:1rem}.main{flex:1;min-width:0;padding:2.2rem 2.6rem}.page{max-width:1440px;margin:0 auto}.sk{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;flex-shrink:0;animation:1.5s ease-in-out infinite sk-shimmer;display:block}@keyframes sk-shimmer{to{background-position:-200% 0}}@keyframes ji-spin{to{transform:rotate(360deg)}}