:root{--drakkon-orange:#ff5a08;--drakkon-dark:#232326;--drakkon-gray:#6e727f;--drakkon-white:#fff;--drakkon-brown:#8b3513;--background:#111114;--surface:#1a1a1f;--surface-soft:#232326;--surface-card:#2b2b31;--text-primary:#fff;--text-secondary:#c5c7ce;--text-muted:#8f94a3;--border-soft:hsla(0,0%,100%,.08);--shadow-orange:0 20px 70px rgba(255,90,8,.24)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:radial-gradient(circle at top left,rgba(255,90,8,.18),transparent 32rem),radial-gradient(circle at bottom right,hsla(226,7%,46%,.18),transparent 28rem),var(--background);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.drakkon-page{min-height:100vh}.drakkon-gradient-text{background:linear-gradient(135deg,var(--drakkon-orange),#ff9a3d);background-clip:text;-webkit-background-clip:text;color:transparent}.drakkon-button{border:0;border-radius:14px;padding:13px 18px;background:linear-gradient(135deg,var(--drakkon-orange),var(--drakkon-brown));color:var(--drakkon-white);font-weight:800;cursor:pointer;box-shadow:var(--shadow-orange);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.drakkon-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.drakkon-button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}.drakkon-input{width:100%;border:1px solid var(--border-soft);border-radius:14px;background:hsla(0,0%,100%,.045);color:var(--text-primary);padding:13px 14px;outline:none}.drakkon-input:focus{border-color:rgba(255,90,8,.7);box-shadow:0 0 0 4px rgba(255,90,8,.12)}.drakkon-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem;font-weight:700}.login-page{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);grid-gap:40px;gap:40px;align-items:center;padding:56px}.login-hero{max-width:820px}.brand-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,90,8,.35);border-radius:999px;padding:8px 14px;background:rgba(255,90,8,.1);color:#ffb088;font-weight:800;letter-spacing:.02em}.login-hero h1{margin:26px 0 18px;font-size:clamp(3rem,7vw,6.5rem);line-height:.94;letter-spacing:-.07em}.login-hero p{max-width:660px;color:var(--text-secondary);font-size:1.15rem;line-height:1.7}.hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:34px}.hero-cards div{border:1px solid var(--border-soft);border-radius:20px;padding:18px;background:hsla(0,0%,100%,.045);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-cards strong{display:block;color:var(--drakkon-orange);margin-bottom:8px}.hero-cards span{color:var(--text-secondary);font-size:.93rem;line-height:1.45}.login-card{border:1px solid var(--border-soft);border-radius:30px;padding:30px;background:linear-gradient(180deg,hsla(0,0%,100%,.075),hsla(0,0%,100%,.035)),var(--surface);box-shadow:0 28px 90px rgba(0,0,0,.35)}.login-card-header{display:flex;gap:16px;align-items:center;margin-bottom:30px}.logo-mark{width:54px;height:54px;border-radius:18px;font-size:1.5rem}.login-card h2{margin:0;font-size:1.45rem}.login-card p{margin:4px 0 0;color:var(--text-muted)}.login-form{display:grid;grid-gap:18px;gap:18px}.login-error{border:1px solid rgba(255,90,8,.35);border-radius:14px;padding:12px 14px;background:rgba(255,90,8,.1);color:#ffc7ae;font-size:.92rem}@media (max-width:980px){.login-page{padding:28px}.hero-cards,.login-page{grid-template-columns:1fr}}.dashboard-page{display:grid;grid-template-columns:290px minmax(0,1fr)}.sidebar{min-height:100vh;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,rgba(255,90,8,.12),transparent 22rem),var(--drakkon-dark);padding:24px}.sidebar-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.sidebar-brand strong{display:block}.sidebar-brand small{color:var(--text-muted)}.logo-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--drakkon-orange),var(--drakkon-brown));color:var(--drakkon-white);font-weight:950;box-shadow:var(--shadow-orange)}.sidebar-nav{display:grid;grid-gap:8px;gap:8px}.sidebar-nav a{border-radius:14px;padding:12px 14px;color:var(--text-secondary);cursor:pointer}.sidebar-nav a.active,.sidebar-nav a:hover{background:rgba(255,90,8,.14);color:var(--drakkon-white)}.dashboard-content{padding:34px}.dashboard-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.eyebrow{color:var(--drakkon-orange);font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.dashboard-header h1{margin:8px 0;font-size:2.4rem;letter-spacing:-.05em}.dashboard-header p{margin:0;color:var(--text-secondary)}.user-card{display:flex;align-items:center;gap:16px;border:1px solid var(--border-soft);border-radius:18px;padding:12px;background:hsla(0,0%,100%,.045)}.user-card strong{display:block}.user-card small{color:var(--text-muted)}.user-card button{border:0;border-radius:12px;padding:10px 13px;background:hsla(0,0%,100%,.08);color:var(--text-primary);cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.metric-card{border:1px solid var(--border-soft);border-radius:24px;padding:22px;background:linear-gradient(180deg,hsla(0,0%,100%,.065),hsla(0,0%,100%,.03)),var(--surface)}.metric-card.highlight{background:linear-gradient(135deg,rgba(255,90,8,.28),rgba(139,53,19,.18)),var(--surface)}.metric-card span{color:var(--text-secondary);font-weight:800}.metric-card strong{display:block;margin:14px 0 8px;font-size:2.1rem;letter-spacing:-.05em}.metric-card small{color:var(--text-muted)}.dashboard-panel{border:1px solid var(--border-soft);border-radius:26px;padding:24px;background:hsla(0,0%,100%,.045)}.dashboard-panel h2{margin:0 0 8px}.dashboard-panel p{margin:0;color:var(--text-secondary);line-height:1.7}.status-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.status-list span{border:1px solid rgba(255,90,8,.25);border-radius:999px;padding:8px 12px;background:rgba(255,90,8,.1);color:#ffc1a5;font-size:.9rem;font-weight:800}.dashboard-error{border:1px solid rgba(255,90,8,.35);border-radius:16px;margin-bottom:20px;padding:14px;background:rgba(255,90,8,.1);color:#ffc7ae}@media (max-width:980px){.dashboard-page{grid-template-columns:1fr}.sidebar{min-height:auto}.metric-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}}