*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0b;--surface: #111113;--surface2: #1a1a1e;--border: #222228;--border2: #2e2e38;--text: #e8e8f0;--text2: #8888a0;--text3: #55556a;--accent: #5865f2;--accent2: #7289ff;--green: #23d18b;--red: #f14668;--yellow: #ffdd57;--orange: #ff8c42;--mono: "JetBrains Mono", monospace;--sans: "Space Grotesk", sans-serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}#root{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}input,button{font-family:var(--sans)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.app-header-fixed{position:fixed;top:0;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#0a0a0bdd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:200}.app-main{padding-top:68px}.sidebar{position:fixed;top:52px;left:0;bottom:0;width:220px;background:var(--surface);border-right:1px solid var(--border);z-index:150;transform:translate(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:12px 8px}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;right:0;bottom:0;left:0;top:52px;background:#00000080;z-index:149}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:11px 13px;font-size:.9rem;font-family:var(--sans);font-weight:500;color:var(--text2);text-decoration:none;border-radius:7px;transition:all .15s}.sidebar-nav-item:hover{background:var(--surface2);color:var(--text)}.sidebar-nav-item.active{background:#5865f226;color:var(--accent)}@media (max-width: 768px){.sidebar{width:100%;padding:16px 12px}.sidebar-nav-item{font-size:1rem;padding:14px 16px}}.burger-btn{width:34px;height:34px;border-radius:7px;background:transparent;border:1px solid var(--border);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.burger-btn:hover{background:var(--surface2);color:var(--text);border-color:var(--accent)}.user-menu-wrap{position:relative}.user-avatar-btn{width:34px;height:34px;border-radius:50%;background:#5865f226;border:1.5px solid var(--accent);color:var(--accent);font-weight:700;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.user-avatar-btn:hover{background:var(--accent);color:#fff}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:160px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;box-shadow:0 8px 32px #0006;z-index:1000;overflow:hidden;animation:slideIn .15s ease}.user-dropdown-item{display:flex;align-items:center;padding:11px 14px;font-size:.875rem;color:var(--text2);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;transition:all .15s;font-family:var(--sans)}.user-dropdown-item:hover{background:var(--surface2);color:var(--text)}.user-dropdown-item.danger{color:var(--red)}.user-dropdown-item.danger:hover{background:#f146681a}