:root{--sidebar-width:280px;--primary-blue:#3b82f6;--primary-indigo:#6366f1;--bg-light:#f8fafc;--text-dark:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--glass-bg:#ffffffb3;--glass-border:#ffffff80}@keyframes mesh-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background:radial-gradient(circle at 0 0,#f1f5f9 0%,#fff 50%,#f0f9ff 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.premium-bg{background:linear-gradient(-45deg,#f8fafc,#f1f5f9,#eff6ff,#fdf4ff) 0 0/400% 400%;animation:15s infinite mesh-gradient}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--glass-border);box-shadow:0 8px 32px #1f26870a}.premium-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 25px -5px #00000005,0 8px 10px -6px #00000005}.premium-card:hover{border-color:var(--primary-blue);transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px -10px #0000000d}.app-container{min-height:100vh;display:flex}.sidebar-container{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:1000;background:#fff;flex-direction:column;height:100vh;display:flex;position:fixed}.sidebar-header{border-bottom:1px solid var(--border-color);padding:24px}.sidebar-title{letter-spacing:-1px;color:var(--text-dark);font-size:20px;font-weight:900}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.sidebar-section{margin-bottom:32px}.sidebar-label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding-left:12px;font-size:11px;font-weight:900}.sidebar-link{color:#64748b;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover,.sidebar-link.active{color:var(--text-dark);background:#f1f5f9}.sidebar-link.active{color:var(--primary-blue);background:#eff6ff}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.top-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:900;background:#fffc;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:sticky;top:0}.banner{color:#fff;letter-spacing:.5px;background:#1e293b;justify-content:space-between;align-items:center;padding:8px 40px;font-size:11px;font-weight:900;display:flex}@media (max-width:1024px){.sidebar-container{display:none}.main-content{margin-left:0}.top-bar{padding:0 20px}}
.sidebar-container{z-index:1000;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(0)}@media (max-width:1024px){.sidebar-container{transform:translate(-100%)}.sidebar-container.open{transform:translate(0);box-shadow:20px 0 50px #0000001a}}.sidebar-header{border-bottom:1px solid #f1f5f9;padding:32px 24px}.sidebar-title{color:#1e293b;letter-spacing:-1.5px;font-size:22px;font-weight:950}.sidebar-content{scrollbar-width:none;flex:1;padding:24px 0;overflow-y:auto}.sidebar-content::-webkit-scrollbar{display:none}.sidebar-section{margin-bottom:32px}.sidebar-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding:0 24px;font-size:11px;font-weight:900;display:block}.sidebar-link,.submenu-link,.nested-link{cursor:pointer;border-right:4px solid #0000;justify-content:space-between;align-items:center;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;color:#475569!important;text-decoration:none!important;display:flex!important}.sidebar-link:hover,.submenu-link:hover,.nested-link:hover{background:#f8fafc;color:#2563eb!important}.sidebar-link.active,.submenu-link.active,.nested-link.active{font-weight:800;color:#2563eb!important;background:#eff6ff!important;border-right:4px solid #2563eb!important}.sidebar-submenu,.sidebar-nested-submenu{transition:all .3s;overflow:hidden;flex-direction:column!important;display:flex!important}.expanded{opacity:1;visibility:visible;max-height:2000px;padding:4px 0}.collapsed{opacity:0;visibility:hidden;pointer-events:none;max-height:0;padding:0}.submenu-link{padding-left:24px;font-size:13.5px}.sidebar-nested-submenu{border-left:2px solid #f1f5f9;margin-left:32px}.nested-link{padding-left:24px;font-size:13px;color:#64748b!important}.nested-link:hover{border-left:2px solid #2563eb;margin-left:-2px}.sub-header{background:#f1f5f980;margin-top:4px;font-weight:800;color:#1e293b!important}.sub-header:hover{background:#f1f5f9}.group-header{background:0 0}.unauthenticated-mask{filter:grayscale()opacity(.4);pointer-events:none;cursor:not-allowed;-webkit-user-select:none;user-select:none;transition:all .5s}.unauthenticated-mask *{pointer-events:none!important}