:root{color-scheme:dark;--bg: #030a06;--panel: rgba(7, 14, 12, .92);--primary: #12f7a4;--primary-dark: #0ebc77;--muted: #8ba39a;--text: #f8fafc;--border: rgba(104, 126, 118, .22);--radius: 16px;font-family:Sora,SF Pro Display,Helvetica Neue,sans-serif}body{margin:0;background:radial-gradient(circle at 30% 10%,rgba(18,247,164,.18),transparent 36%),radial-gradient(circle at bottom right,rgba(4,54,32,.5),transparent 50%),#030a06;color:var(--text);min-height:100vh}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}button{cursor:pointer}.auth-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.auth-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:36px;box-shadow:0 20px 60px #0f172a73}.auth-card h1{margin:0 0 12px}.form-grid{display:grid;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--muted)}input,select,textarea{padding:12px;border-radius:10px;border:1px solid var(--border);background:#0f1829b3;color:var(--text);font-size:15px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;padding:12px 20px;font-size:15px;font-weight:600;transition:transform .15s ease,filter .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#12f7a4,#0ebc77);color:#03140d}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:#0f172a99;color:var(--text);border:1px solid var(--border)}.btn-text{background:transparent;color:var(--primary);font-weight:500}.alert{border-radius:12px;padding:12px 14px;font-size:14px;background:#94a3b81f}.alert.error{border:1px solid rgba(239,68,68,.4);color:#fca5a5}.alert.success{border:1px solid rgba(34,197,94,.4);color:#86efac}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top left,rgba(30,41,59,.35),transparent 50%),radial-gradient(circle at bottom right,rgba(18,247,164,.18),transparent 55%),var(--bg)}.app-sidebar{width:240px;padding:28px 24px;background:linear-gradient(180deg,#06140ff5,#051a12eb);border-right:1px solid rgba(18,247,164,.24);box-shadow:inset -1px 0 #12f7a429;display:flex;flex-direction:column;gap:28px}.app-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.brand-logo{height:56px;width:auto;max-width:240px;object-fit:contain;border-radius:12px;box-shadow:0 12px 28px #12f7a438;border:1px solid rgba(18,247,164,.18)}.brand-meta{display:flex;flex-direction:column;gap:6px}.brand-title{font-size:21px;font-weight:700;line-height:1.1}.brand-mark{color:var(--primary)}.brand-subtitle{font-size:12px;color:var(--muted);letter-spacing:.02em}.app-nav{display:flex;flex-direction:column;gap:10px}.app-nav a{padding:10px 14px;border-radius:10px;color:var(--muted);font-weight:500;border:1px solid transparent;transition:all .18s ease}.app-nav a.active,.app-nav a:hover{color:#eafff7;background:linear-gradient(120deg,#12f7a42e,#12f7a414);border-color:#12f7a44d;box-shadow:0 12px 28px #12f7a424}.app-main{flex:1;padding:clamp(20px,4vw,48px);display:flex;flex-direction:column;gap:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 80px #08172959}.panel h2{margin:0}.grid-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;background:#12f7a41f;color:#c9ffe6}.link-inline{font-size:13px;color:var(--primary)}@media (max-width: 840px){.app-shell{flex-direction:column}.app-sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.app-nav{flex-direction:row;flex-wrap:wrap;gap:8px}.app-nav a{padding:8px 12px}}