:root{--bg:#0b1220;--panel:#111827;--panel-soft:#172033;--line:#94a3b833;--text:#e5eefb;--muted:#a7b5cc;--primary:#4f46e5;--primary-soft:#eef2ff;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}body{min-height:100vh}.landing-page{max-width:1100px;margin:0 auto;padding:80px 24px 40px}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#4f46e538,#1118274d);border-radius:24px;padding:48px 32px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#a5b4fc;margin-bottom:12px;font-size:12px;display:inline-block}.hero h1{max-width:760px;margin:0 0 16px;font-size:clamp(2.2rem,6vw,4rem)}.hero p{color:var(--muted);max-width:720px;margin:0;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.primary-btn,.secondary-btn,.ghost-btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:12px 20px;font-weight:700;transition:all .2s;display:inline-flex}.primary-btn{background:var(--primary);color:#fff}.secondary-btn{border-color:var(--line);color:var(--text);background:0 0}.ghost-btn{border-color:var(--line);color:var(--muted);background:#ffffff05}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.feature-grid article,.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.feature-grid h3{margin-top:0}.feature-grid p{color:var(--muted);margin-bottom:0;line-height:1.6}.auth-shell{place-items:center;min-height:100vh;padding:32px 16px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;width:min(440px,100%);padding:28px;box-shadow:0 12px 30px #080f194d}.auth-card h1{margin-top:0;margin-bottom:8px;font-size:2rem}.auth-card p{color:var(--muted);margin-top:0}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}label{color:var(--muted);font-size:.92rem}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0f172ae6;border-radius:10px;padding:12px 14px;font-size:1rem}button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 18px;font-size:1rem;font-weight:700}.form-link{text-align:center;color:var(--muted);margin-top:16px}.form-link a{color:#a5b4fc}.dashboard-shell{max-width:1200px;margin:0 auto;padding:32px 20px 60px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.topbar nav{flex-wrap:wrap;gap:16px;display:flex}.topbar nav a{color:var(--muted)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.kpi-label{color:var(--muted);margin-bottom:10px;display:block}.kpi-value{font-size:2rem;font-weight:700}.grid-two{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.table{border-collapse:collapse;width:100%;margin-top:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px}.small-text{color:var(--muted)}.btn-inline{width:auto;margin-right:8px;display:inline-flex}.form-row{flex-wrap:wrap;gap:10px;display:flex}.form-row .form-group{flex:160px;margin-bottom:10px}.error-text{color:var(--danger)}.success-text{color:var(--success)}.mt{margin-top:12px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:264px;height:100vh;padding:20px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{padding:4px 10px 16px;font-size:1.15rem;font-weight:800}.sidebar-entity{padding:0 0 14px}.sidebar-nav{flex:1}.sidebar-group{margin-bottom:20px}.sidebar-group-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px;padding:0 10px;font-size:.7rem}.sidebar-link{color:var(--muted);border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{background:var(--panel-soft);color:var(--text)}.sidebar-link.active{background:var(--primary);color:#fff}.sidebar-user{padding:0 10px 12px}.sidebar-footer{border-top:1px solid var(--line);padding-top:14px}.content{flex:1;width:100%;min-width:0;max-width:1160px;padding:28px 28px 64px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-head h2{margin:0}.page-head-actions{flex-wrap:wrap;gap:10px;display:flex}.mobile-nav{display:none}@media (max-width:900px){.app-shell{flex-direction:column}.sidebar{display:none}.mobile-nav{z-index:20;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.mobile-nav select{flex-shrink:0;width:auto}.mobile-nav a{white-space:nowrap;color:var(--muted);border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:600}.mobile-nav a.active{background:var(--primary);color:#fff}.content{padding:20px 16px 64px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.summary-grid{grid-template-columns:1fr}}@media (max-width:800px){.feature-grid,.grid-two{grid-template-columns:1fr}}