:root{color-scheme:light;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at top right,rgba(139,92,246,.12),transparent 24%),#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{min-height:100vh}.dashboard{max-width:1100px;margin:0 auto;padding:48px 24px 32px}.dashboard__header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}.dashboard__eyebrow{margin:0 0 8px;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.dashboard__header h1{margin:0;font-size:clamp(2rem,4vw,2.75rem);line-height:1.1}.dashboard__subtitle{margin:12px 0 0;max-width:560px;color:#475569}.dashboard__refresh{border:0;border-radius:999px;padding:12px 20px;background:#0f172a;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:opacity .2s ease}.dashboard__refresh:disabled{opacity:.65;cursor:wait}.dashboard__error{margin:0 0 24px;padding:14px 16px;border-radius:12px;background:#fef2f2;color:#b91c1c}.dashboard__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{padding:24px;border-radius:20px;background:#ffffffe0;border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 40px #0f172a0f}.stat-card__label{margin:0;font-size:.95rem;color:#64748b}.stat-card__value{margin:12px 0 8px;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1}.stat-card__hint{margin:0;font-size:.875rem;color:#475569}.stat-card--blue .stat-card__value{color:#2563eb}.stat-card--green .stat-card__value{color:#059669}.stat-card--amber .stat-card__value{color:#d97706}.stat-card--violet .stat-card__value{color:#7c3aed}.dashboard__progress{margin-top:32px;padding:24px;border-radius:20px;background:#ffffffe0;border:1px solid rgba(148,163,184,.25)}.progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#334155}.progress__track{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#059669,#10b981);transition:width .4s ease}.dashboard__footer{margin-top:20px;font-size:.875rem;color:#64748b}.dashboard__actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard__logout{border:1px solid rgba(148,163,184,.45);border-radius:999px;padding:12px 20px;background:#fff;color:#334155;font:inherit;font-weight:600;cursor:pointer}.commands{margin-top:32px;padding:24px;border-radius:20px;background:#ffffffe0;border:1px solid rgba(148,163,184,.25)}.commands--page{margin-top:0}.commands__header h2{margin:0;font-size:1.35rem}.commands__header p{margin:8px 0 0;color:#64748b}.commands__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}.command-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.command-card--wide{grid-column:1 / -1}.command-card h3{margin:0;font-size:1.05rem}.command-card p{margin:0;color:#64748b;font-size:.92rem}.command-card__field{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:#475569}.command-card__field input{border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font:inherit}.command-card__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.command-card__checkbox{display:flex;align-items:center;gap:8px;min-height:42px;color:#475569;font-size:.875rem}.command-card button{border:0;border-radius:10px;padding:12px 16px;background:#2563eb;color:#fff;font:inherit;font-weight:600;cursor:pointer}.command-card button:disabled{opacity:.65;cursor:wait}.commands__error{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#fef2f2;color:#b91c1c}.commands__result{margin:16px 0 0;padding:14px;border-radius:10px;background:#0f172a;color:#e2e8f0;overflow:auto;font-size:.82rem}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login__card{width:min(100%,420px);padding:32px;border-radius:24px;background:#ffffffeb;border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 48px #0f172a14}.login__eyebrow{margin:0 0 8px;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.login__card h1{margin:0;font-size:2rem}.login__subtitle{margin:10px 0 24px;color:#64748b}.login__field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.875rem;color:#475569}.login__field input{border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;font:inherit}.login__error{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#fef2f2;color:#b91c1c}.login__submit{width:100%;border:0;border-radius:999px;padding:14px 20px;background:#0f172a;color:#fff;font:inherit;font-weight:600;cursor:pointer}.login__submit:disabled{opacity:.65;cursor:wait}@media(max-width:720px){.dashboard__header{flex-direction:column}}