:root{--bg: #0b0f15;--sidebar-bg: rgba(15, 20, 28, .7);--text: #e1e7ef;--text-muted: #8892b0;--accent: #3b82f6;--accent-hover: #2563eb;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--sidebar-width: 260px}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:50;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:24px;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--glass-border);letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.logo{width:28px;height:28px}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.nav-item{padding:12px 14px;border-radius:8px;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;gap:12px}.nav-item:hover,.nav-item.active{background:var(--glass-bg);color:#fff}.nav-item.active{background:#3b82f61a;color:var(--accent);border:1px solid rgba(59,130,246,.2)}.sidebar-footer{padding:20px;border-top:1px solid var(--glass-border);display:flex;align-items:center;gap:14px;cursor:pointer;transition:background .2s ease}.sidebar-footer:hover{background:var(--glass-bg)}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent),indigo);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:1.1rem;box-shadow:0 4px 12px #3b82f64d}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;font-size:.95rem;color:#fff;letter-spacing:-.01em}.user-role{font-size:.8rem;color:var(--text-muted)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:40px;display:flex;flex-direction:column}.mobile-toggle{display:none;position:fixed;top:16px;right:16px;z-index:100;background:#0f141ccc;border:1px solid var(--glass-border);color:#fff;padding:10px;border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:32px}@media (max-width: 768px){.mobile-toggle{display:block}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 50px #0009}.main-content{margin-left:0;padding:80px 20px 40px}}