*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#081120;color:#ecf3ff}a{text-decoration:none;color:inherit}.dashboard-page{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:radial-gradient(circle at top left,rgba(58,123,213,.2),transparent 24%),radial-gradient(circle at right top,rgba(140,82,255,.12),transparent 18%),#081120}.sidebar{border-right:1px solid hsla(0,0%,100%,.08);background:rgba(5,12,24,.9);padding:28px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{gap:14px;margin-bottom:28px}.brand,.brand-badge{display:flex;align-items:center}.brand-badge{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#5aa7ff,#7c5cff);justify-content:center;font-weight:800}.brand h2{margin:0;font-size:17px}.brand p{margin:4px 0 0;color:#8ca0bf;font-size:13px}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{padding:12px 14px;border-radius:12px;color:#b5c3da;transition:.2s ease}.nav-item.active,.nav-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.main-panel{padding:30px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.page-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:hsla(0,0%,100%,.08);color:#bfd0ea;font-size:12px;margin-bottom:14px}.topbar h1{margin:0;font-size:34px;line-height:1.2}.topbar p{margin:14px 0 0;max-width:760px;color:#aab8cf;line-height:1.8}.top-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 18px;border-radius:12px;font-weight:700;white-space:nowrap}.btn-primary{background:#fff;color:#081120}.btn-secondary{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);color:#edf4ff}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:22px}.kpi-card,.module-card,.panel{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpi-card{padding:22px}.kpi-card span{display:block;color:#9eb0cb;font-size:14px;margin-bottom:12px}.kpi-card strong{display:block;font-size:34px;margin-bottom:8px}.kpi-card small{color:#83d9a7}.content-grid{display:grid;grid-template-columns:1.6fr .9fr;grid-gap:18px;gap:18px;margin-bottom:18px}.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px}.panel{padding:22px}.panel-large{padding-bottom:26px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h3{margin:0;font-size:20px}.panel-header span{color:#8fa3c3;font-size:13px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.module-card{padding:20px}.module-card h4{margin:0 0 12px;font-size:18px}.accent-panel p,.module-card p{margin:0;line-height:1.8;color:#a8b6cd}.module-card a{display:inline-block;margin-top:16px;color:#8db8ff;font-size:14px}.subpage{min-height:100vh;padding:30px;background:radial-gradient(circle at top left,rgba(58,123,213,.18),transparent 24%),#081120}.subpage-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.cards-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.diff-block{display:flex;flex-direction:column;gap:8px}.diff-block strong{color:#eef4ff}.diff-block p,.diff-block small{margin:0;color:#a8b6cd;line-height:1.8}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px 12px;border-bottom:1px solid hsla(0,0%,100%,.08);color:#dce7f8;font-size:14px}th{color:#8fa3c3;font-weight:600}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.list li{padding:14px 16px;border-radius:14px;background:hsla(0,0%,100%,.04);color:#eaf2ff}.list.muted li{color:#bed0ea}.accent-panel{background:linear-gradient(135deg,rgba(94,114,235,.18),rgba(36,198,220,.08))}.mini-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mini-tags span{padding:8px 12px;border-radius:999px;background:hsla(0,0%,100%,.08);color:#e7f0ff;font-size:13px}@media (max-width:1100px){.dashboard-page{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid hsla(0,0%,100%,.08)}.bottom-grid,.content-grid,.kpi-grid,.module-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top left,rgba(58,123,213,.2),transparent 24%),#081120}.login-card{width:100%;max-width:560px;padding:32px;border-radius:24px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08)}.login-card h1{margin:12px 0}.login-card p{color:#a8b6cd;line-height:1.8}.login-form{display:grid;grid-gap:16px;gap:16px;margin:24px 0}.login-form label{display:grid;grid-gap:8px;gap:8px;color:#dce7f8;font-size:14px}.login-form input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04);color:#ecf3ff}@media (max-width:720px){.main-panel,.subpage{padding:18px}.subpage-header,.topbar{flex-direction:column}.topbar h1{font-size:28px}.cards-2{grid-template-columns:1fr}}