:root{--bg:#080b10;--surface:#11151b;--surface2:#171c23;--line:#252b34;--ink:#f4f6f8;--muted:#929ba8;--blue:#79aefb;--blue2:#4c8dea;--green:#24c58b;--amber:#e8aa46;--side:#101318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#16233c 0,transparent 42%),var(--bg);padding:28px}.login-brand{position:absolute;top:28px;left:34px;display:flex;align-items:center;gap:11px}.login-brand>span,.side-brand>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#287df0,#0a459e)}.login-brand b,.side-brand b{line-height:1}.login-brand small,.side-brand small{display:block;color:var(--muted);font-size:9px;margin-top:6px;letter-spacing:.08em}.login-card{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 26px 70px #0008}.eyebrow,.section-label{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em}.login-card h1{font-size:32px;margin:7px 0}.login-card p,.login-card small{color:var(--muted)}.login-card label{display:grid;gap:7px;margin:16px 0;font-weight:700}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#0b0e13;color:var(--ink)}.login-card button{width:100%;padding:12px;border:0;border-radius:9px;background:var(--blue2);color:#fff;font-weight:800;margin-bottom:16px}.app{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column}.side-brand{height:72px;padding:15px 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.organization{margin:17px 15px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#151a21}.organization small,.organization strong{display:block}.organization small{color:var(--muted);font-size:9px;letter-spacing:.12em}.organization strong{margin-top:4px}.sidebar nav{padding:2px 10px;display:grid;gap:4px}.sidebar nav p{margin:17px 9px 6px;color:#707986;font-size:10px;font-weight:800;letter-spacing:.12em}.sidebar nav a{padding:10px 12px;border-radius:8px;color:#b1b8c2;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:#20252d;color:#fff}.sidebar nav a span{margin-left:9px}.side-user{margin:auto 15px 15px;padding:13px;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px}.side-user>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#243b62;color:var(--blue)}.side-user b,.side-user small{display:block;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{color:var(--muted)}.main{min-width:0}.topbar{height:64px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#0c0f14;position:sticky;top:0;z-index:4}.crumb{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.plan{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--muted)}.topbar button{border:1px solid var(--line);border-radius:8px;background:#171b22;color:var(--ink);padding:8px 11px;cursor:pointer}.content{padding:30px clamp(22px,3vw,44px) 70px;max-width:1640px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-head h1{font-size:28px;margin:0}.page-head p{margin:4px 0;color:var(--muted)}.primary-action{padding:10px 14px;background:var(--blue);color:#08101c;border-radius:8px;font-weight:800}.account-banner{padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:flex;justify-content:space-between;align-items:center}.account-banner>div:first-child{display:flex;align-items:center;gap:16px}.banner-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:#1d2530;color:var(--blue)}.account-banner small,.account-banner strong,.account-banner em{display:block}.account-banner small{color:var(--muted);font-size:10px}.account-banner strong{font-size:23px}.account-banner em{color:var(--muted);font-style:normal}.usage{width:min(320px,35%)}.usage>span{display:block;height:8px;background:#252b34;border-radius:99px;overflow:hidden}.usage i{display:block;width:0;height:100%;background:var(--blue);border-radius:99px}.usage small{display:block;text-align:right;color:var(--muted);margin-top:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:13px 0 28px}.metric-grid article,.panel{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:19px}.metric-grid span,.metric-grid small{display:block;color:var(--muted)}.metric-grid b{display:block;font-size:28px;margin:7px 0}.green{color:var(--green)}.amber{color:var(--amber)}.section-label{margin:28px 0 10px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.panel h2{font-size:15px;margin:0 0 17px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.panel-head a{color:var(--blue)}.empty-state{min-height:100px;display:flex;align-items:center;gap:15px}.empty-state>span{width:39px;height:39px;display:grid;place-items:center;background:#103429;color:var(--green);border-radius:11px}.empty-state p{color:var(--muted);margin:3px 0}.empty-line{min-height:100px;display:grid;place-items:center;color:var(--muted)}.operation{min-height:230px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:35px;padding:10px}.donut{width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--green) 0,var(--green) 0%,#242a32 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;background:var(--surface)}.donut span{position:relative;font-size:24px;font-weight:800;text-align:center}.donut small{display:block;color:var(--muted);font-size:10px;font-weight:500}.legend{display:grid;gap:12px}.legend span{color:var(--muted)}.legend b{color:var(--ink);margin-left:10px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.green-dot{background:var(--green)}.amber-dot{background:var(--amber)}.access-state{color:var(--muted);margin-bottom:15px}.access-row{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.data-panel,.account-panel{margin-top:14px;scroll-margin-top:80px}.data-panel .section-label,.account-panel .section-label{margin:0 0 5px}.panel-head h2{font-size:20px;margin:0}.panel-head span{color:var(--muted)}.private-badge{padding:7px 10px!important;border-radius:99px;background:#103429;color:var(--green)!important;font-size:11px;font-weight:800}.table{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#7f8997;font-size:10px;letter-spacing:.06em}td select{padding:8px;background:#0d1116;color:var(--ink);border:1px solid var(--line);border-radius:7px}td button{padding:8px 10px;margin-left:7px;border:0;border-radius:7px;background:var(--blue);color:#08101c;font-weight:800}.empty{text-align:center;color:var(--muted);padding:32px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.account-grid span{padding:14px;border:1px solid var(--line);border-radius:9px}.account-grid small,.account-grid b{display:block}.account-grid small{color:var(--muted)}#message{position:fixed;top:74px;right:20px;z-index:8;color:#fff;background:#8e2c2c;border-radius:8px;padding:10px 14px}#message:empty{display:none}footer{padding:24px 34px;border-top:1px solid var(--line);color:var(--muted)}[hidden]{display:none!important}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.app{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 15px}.plan{display:none}.content{padding:24px 15px 55px}.account-banner,.page-head{align-items:flex-start;flex-direction:column;gap:18px}.usage{width:100%}.panel-grid{grid-template-columns:1fr}}@media(max-width:540px){.metric-grid,.account-grid{grid-template-columns:1fr}.donut-wrap{align-items:flex-start;flex-direction:column}.top-actions button:first-of-type{display:none}}

/* MDM VIET unified light interface */
:root{--bg:#f4f7fb;--surface:#fff;--surface2:#f8fafc;--line:#e3e8f0;--ink:#111827;--muted:#667085;--blue:#1769e0;--blue2:#0f5bc7;--green:#087a55;--amber:#9a6700;--side:#08192e;color-scheme:light}body{background:var(--bg);color:var(--ink)}.login-page{background:radial-gradient(circle at 50% 8%,#deebff 0,transparent 38%),var(--bg)}.login-brand>span,.side-brand>span{color:#fff}.login-card{background:#fff;border-color:var(--line);box-shadow:0 24px 70px #2444691c}.login-card h1{color:var(--ink)}.login-card input{background:#fbfcfe;color:var(--ink);border-color:var(--line)}.login-card button{background:var(--blue);color:#fff}.sidebar{background:var(--side);border-color:#18304d}.side-brand{border-color:#18304d;color:#fff}.side-brand small{color:#8fa3bd}.organization{background:#102743;border-color:#254361;color:#fff}.organization small{color:#8fa3bd}.sidebar nav p{color:#607894}.sidebar nav a{color:#a9b9cc}.sidebar nav a:hover,.sidebar nav a.active{background:#183654;color:#fff}.side-user{border-color:#18304d;color:#fff}.side-user>span{background:#1c4777;color:#d9e9ff}.side-user small{color:#8fa3bd}.topbar{background:#fff;border-color:var(--line);box-shadow:0 1px 8px #16294408}.topbar button{background:#fff;color:var(--ink);border-color:var(--line)}.plan{background:#f8fafc;color:var(--muted);border-color:var(--line)}.content{background:var(--bg)}.primary-action{background:var(--blue);color:#fff}.account-banner,.metric-grid article,.panel{background:#fff;border-color:var(--line);box-shadow:0 6px 22px #1b315708}.banner-icon{background:#eaf2ff;color:var(--blue)}.usage>span{background:#e9edf3}.usage i{background:var(--blue)}.section-label{color:var(--blue)}.empty-state>span{background:#e9f9f2;color:var(--green)}.donut{background:conic-gradient(var(--green) 0,var(--green) 0%,#e9edf3 0)}.donut:before{background:#fff}.access-row,th,td{border-color:var(--line)}td select{background:#fbfcfe;color:var(--ink);border-color:var(--line)}td button{background:var(--blue);color:#fff}.private-badge{background:#e9f9f2}.account-grid span{background:#fbfcfe;border-color:var(--line)}footer{background:#fff;border-color:var(--line)}