:root{--bg-deep: #0a0e12;--bg-main: #0f1419;--bg-card: #1a1f26;--bg-elevated: #242b33;--border: #2f3336;--border-light: #3e4147;--text: #e7e9ea;--text-muted: #8899a6;--accent: #1d9bf0;--accent-hover: #1a8cd8;--success: #17bf63;--danger: #e0245e;--warning: #ffad1f;--premium: #ffad1f;--sidebar-width: 240px;--topbar-height: 56px;--radius: 10px;--radius-sm: 6px;--shadow: 0 4px 20px rgba(0, 0, 0, .35);--transition: .2s ease}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);min-height:100vh;line-height:1.45}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover);text-decoration:none}input,button{font:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);transition:background var(--transition),transform .1s ease}button:hover{background:var(--accent-hover)}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text);padding:.5rem .75rem;border-radius:var(--radius-sm)}.app-frame{display:flex;min-height:100vh}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-main) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;box-shadow:var(--shadow)}.app-sidebar-brand{padding:1rem 1.25rem;border-bottom:1px solid var(--border);font-weight:700;font-size:1rem;color:var(--text);letter-spacing:.02em}.app-sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.app-sidebar-nav a{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;color:var(--text-muted);font-size:.9rem;border-left:3px solid transparent;transition:color var(--transition),background var(--transition),border-color var(--transition)}.app-sidebar-nav a:hover{color:var(--text);background:#1d9bf00f}.app-sidebar-nav a.active{color:var(--accent);background:#1d9bf01a;border-left-color:var(--accent)}.app-topbar{position:fixed;left:var(--sidebar-width);right:0;top:0;height:var(--topbar-height);background:#0f1419eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:99;gap:1rem;flex-wrap:wrap}.app-topbar-left,.app-topbar-right{display:flex;align-items:center;gap:1rem}.app-main{flex:1;margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));padding:1.5rem;overflow-x:hidden;overflow-y:auto}.container{max-width:960px;margin:0 auto}.container-wide{max-width:1280px;margin:0 auto}.card{background:var(--bg-card);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;border:1px solid var(--border)}h1,h2,h3{margin-top:0}h1{font-size:1.5rem}h2{font-size:1.25rem}.app-fullpage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}