*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#08111f;color:#e5e7eb}.app-shell{display:flex;min-height:100vh}.sidebar{width:255px;background:#111827;padding:18px;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;gap:10px;align-items:center;font-weight:700;margin-bottom:20px}.brand img,.brand-mark{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#2563eb;display:grid;place-items:center}.sidebar nav{display:grid;gap:6px}.sidebar a{color:#d1d5db;text-decoration:none;padding:11px;border-radius:8px}.sidebar a:hover{background:#1f2937}.content{margin-left:255px;width:calc(100% - 255px);padding:22px}.topbar{display:flex;justify-content:space-between;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:18px}.stat,.card{background:#111827;border:1px solid #263449;border-radius:12px;padding:17px}.stat{display:grid;gap:8px}.stat strong{font-size:28px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.wide{grid-column:1/-1}label{display:grid;gap:6px}input,select{width:100%;padding:11px;border-radius:8px;border:1px solid #3b485c;background:#0f172a;color:#fff}.btn{border:0;border-radius:8px;padding:10px 14px;background:#2563eb;color:#fff;text-decoration:none;cursor:pointer;display:inline-block}.secondary{background:#475569}.danger{background:#b91c1c}.small{padding:7px 9px;font-size:12px}.inline{display:inline}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #29364a;text-align:left;white-space:nowrap}.alert{padding:12px;border-radius:8px;margin-bottom:12px}.success{background:#065f46}.error{background:#7f1d1d}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#07101f,#0b3470)}.login-card{width:min(420px,100%);padding:28px;background:#111827;border-radius:16px;border:1px solid #263449}.login-card form{display:grid;gap:14px}.login-logo,.login-logo-placeholder{width:90px;height:90px;object-fit:contain;margin:0 auto 14px;border-radius:16px}.login-logo-placeholder{display:grid;place-items:center;background:#2563eb;font-size:28px;font-weight:700}.hint{font-size:13px;color:#9ca3af}.preview{max-width:220px;max-height:140px;object-fit:contain;background:white;padding:5px;border-radius:8px}@media(max-width:780px){.app-shell{display:block}.sidebar{position:static;width:100%}.content{margin:0;width:100%;padding:14px}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}