:root{font-family:Inter,Aptos,system-ui,sans-serif;color:#10243b;background:#f4f7fb;--navy:#001842;--navy-deep:#001438;--navy-hover:#072a66;--teal:#00c48c;--teal-dark:#00a375;--mint:#eaf8f4;--mint-2:#e6f7f2;--line:#dce5eb;--muted:#647486;--surface:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:16px;background:#f4f7fb}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:284px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:24px 19px;display:flex;flex-direction:column;box-shadow:8px 0 30px #00184212}.drams-brand{display:flex;align-items:center;gap:12px;min-width:0}.drams-emblem{width:52px;height:52px;flex:0 0 auto}.drams-wordmark{min-width:0}.drams-wordmark>div{display:flex;align-items:baseline;gap:5px}.drams-wordmark strong{font-size:1.22rem;letter-spacing:.08em;color:#fff}.drams-wordmark span{font-size:.78rem;font-weight:850;letter-spacing:.12em;color:var(--teal)}.drams-wordmark small{display:block;margin-top:2px;font-size:.5rem;font-weight:800;letter-spacing:.12em;color:#c9d7e3;white-space:nowrap}.drams-wordmark em{display:block;margin-top:5px;font-size:.55rem;font-style:normal;font-weight:850;letter-spacing:.18em;color:var(--teal)}.drams-brand.compact .drams-emblem{width:46px;height:46px}.drams-brand.compact .drams-wordmark strong{font-size:1.05rem}.sidebar nav{display:grid;gap:4px;margin-top:32px}.sidebar nav button{border:0;background:transparent;color:#c5d0db;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;text-align:left}.sidebar nav button svg{width:18px}.sidebar nav button .chev{margin-left:auto;width:15px}.sidebar nav button:hover,.sidebar nav button.active{background:#0b3159;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--teal);color:#fff}.security{margin-top:auto;border:1px solid #1f4565;background:#08284c;padding:13px;border-radius:11px;display:flex;gap:10px}.security svg{width:20px;color:var(--teal)}.security strong,.security span{display:block;font-size:.77rem}.security span{color:#b8c7d4;margin-top:3px}.admin-logout{margin-top:14px;border:0;background:transparent;color:#c5d0db;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px}.admin-logout:hover{background:#0b3159;color:#fff}.admin-logout svg{width:18px}.close,.menu,.bell{border:0;background:transparent;display:grid;place-items:center}.close,.menu{display:none}.close{position:absolute;right:12px;top:13px;color:#fff}main>header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:18px;box-shadow:0 2px 12px #00184208}.search{height:42px;max-width:470px;flex:1;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;color:#81909f;padding:0 14px;background:#fbfcfd}.search svg{width:18px}.bell{margin-left:auto;color:#526476}.profile{display:flex;align-items:center;gap:10px}.profile>span{width:39px;height:39px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:50%;font-size:.78rem;font-weight:800;border:2px solid #d9f6ee}.profile strong,.profile small{display:block}.profile strong{font-size:.82rem}.profile small{font-size:.72rem;color:var(--muted);margin-top:2px}.content{padding:34px;max-width:1500px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{font-size:.72rem;color:var(--teal-dark);letter-spacing:.15em;font-weight:850}.heading h1,.login-card h1{font-size:2rem;margin:7px 0 5px;letter-spacing:-.025em;color:var(--navy)}.heading p,.login-card p,.panel-title p{margin:0;color:var(--muted)}.primary{border:0;background:var(--navy);color:#fff;padding:12px 18px;border-radius:9px;font-weight:800;box-shadow:0 6px 18px #00184218;transition:.18s}.primary:hover{background:var(--navy-hover);transform:translateY(-1px)}.security-bar{margin:27px 0 17px;padding:13px 16px;background:var(--mint);border:1px solid #bce8dd;border-radius:10px;display:flex;align-items:center;gap:10px;color:#285e54;font-size:.86rem}.security-bar svg{width:20px;color:var(--teal-dark)}.security-bar span{color:#52736d}.security-bar i{margin-left:auto;font-style:normal;color:#087c69;font-weight:800}.vps-security{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 20px #0018420a}.metric{padding:20px;border-top:3px solid transparent;transition:.18s}.metric:hover{border-top-color:var(--teal);transform:translateY(-1px)}.metric>span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:1.7rem;margin:9px 0 7px;color:var(--navy)}.metric small{font-size:.78rem;font-weight:700}.metric small.teal{color:#087e6b}.metric small.amber{color:#9b6610}.metric small.red{color:#a34040}.metric small.blue{color:#22628b}.work-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:17px;margin-top:17px}.panel{padding:21px}.panel-title{display:flex;justify-content:space-between;border-bottom:1px solid #e6edf1;padding-bottom:16px}.panel-title h2{font-size:1.12rem;margin:0 0 3px;color:var(--navy)}.panel-title p{font-size:.83rem}.panel-title button{border:0;background:transparent;color:var(--teal-dark);font-weight:750}.queue-row{display:grid;grid-template-columns:10px 1fr auto 18px;align-items:center;gap:13px;padding:15px 2px;border-bottom:1px solid #edf1f3}.queue-row:last-child{border:0}.dot{width:8px;height:8px;border-radius:50%;background:#1573a7}.dot.amber{background:#d29225}.dot.teal{background:var(--teal)}.dot.red{background:#c45050}.queue-row small,.queue-row strong,.queue-row span{display:block}.queue-row small{color:#67798a;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.queue-row strong{font-size:.9rem;margin:3px 0;color:var(--navy)}.queue-row span{color:var(--muted);font-size:.78rem}.queue-row time{color:var(--muted);font-size:.75rem}.queue-row>svg{width:16px;color:#91a0ad}.health{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf1f3;font-size:.88rem}.health strong{color:#087b69;font-size:.78rem}.health strong i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:7px}.health strong.warning{color:#95620f}.health strong.warning i{background:#d09125}.alert{display:flex;gap:10px;background:#fff7e8;color:#704f16;border-radius:9px;padding:13px;margin-top:17px}.alert svg{width:18px}.alert strong,.alert span{display:block;font-size:.78rem}.alert span{margin-top:3px;color:#856f49}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,#e8faf4 0,transparent 33%),linear-gradient(145deg,#f4f7fb,#eef3f8)}.login-card{width:min(440px,calc(100% - 32px));background:#fff;border:1px solid #e2e9ee;border-radius:16px;padding:40px 38px;box-shadow:0 15px 45px #00184214}.login-card>.drams-brand{margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid #edf1f3}.login-card .drams-wordmark strong{color:var(--navy)}.login-card .drams-wordmark small{color:#66798b}.login-card form{display:grid;gap:15px;margin:24px 0}.login-card label{font-size:.86rem;font-weight:750;color:#263b50}.login-card input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #bdcad4;border-radius:8px;background:#fff}.login-card input:focus,.inline-form input:focus,.inline-form select:focus{outline:2px solid #00c48c45;border-color:var(--teal-dark)}.login-note{display:flex;justify-content:center;align-items:center;gap:7px;color:#627486;font-size:.78rem}.login-note svg{width:16px;color:var(--teal-dark)}.form-error{color:#a42b2b!important;background:#fff0f0;padding:10px;border-radius:8px;font-size:.84rem}.section-stack{display:grid;gap:17px;margin-top:27px}.data-panel{overflow:hidden}.table-wrap{overflow-x:auto;margin-top:14px}.table-wrap table{width:100%;border-collapse:collapse;font-size:.84rem}.table-wrap th,.table-wrap td{text-align:left;padding:12px 11px;border-bottom:1px solid #e8eef2;vertical-align:top}.table-wrap th{color:#617385;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;background:#f8fafb}.table-wrap td{color:#263b50}.table-wrap td.table-empty-cell{text-align:center;padding:28px 16px;color:var(--muted);font-weight:650;background:#fbfcfd}.table-wrap td strong{color:var(--navy)}.table-wrap td small{color:var(--muted)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf3f6;color:#4f6475;font-size:.72rem;font-weight:800}.badge-active,.badge-confirmed,.badge-paid,.badge-completed,.badge-issued{background:#e4f6f0;color:#087b69}.badge-overdue,.badge-failed,.badge-rejected,.badge-critical{background:#fff0f0;color:#a43b3b}.badge-pending_verification,.badge-awaiting_customer,.badge-awaiting_provider,.badge-high,.badge-provisioning,.badge-requested{background:#fff5e4;color:#95620f}.badge-suspended{background:#eef1f4;color:#536577}.badge-terminated{background:#f4f4f4;color:#7b7b7b}.inline-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;align-items:end;box-shadow:0 5px 20px #00184208}.inline-form label{font-size:.78rem;font-weight:750;color:#32495e}.inline-form input,.inline-form select{display:block;width:100%;margin-top:6px;border:1px solid #bdcad4;border-radius:8px;padding:10px;background:#fff;color:#22384d}.vps-form{grid-template-columns:repeat(3,minmax(0,1fr))}.vps-metrics{margin-bottom:0}.summary-strip{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 20px;box-shadow:0 5px 20px #00184208}.summary-strip strong{font-size:1.5rem;color:var(--navy)}.summary-strip span{color:var(--muted);margin-right:18px}.review-row{display:flex;justify-content:space-between;gap:16px;padding:15px 2px;border-bottom:1px solid #edf1f3}.review-row:last-child{border:0}.review-row strong,.review-row span{display:block}.review-row span{color:var(--muted);font-size:.8rem;margin-top:4px}.review-row button,.table-action{border:0;border-radius:7px;padding:8px 11px;font-weight:750}.approve,.table-action{background:var(--mint-2);color:#087b69}.table-action:hover{background:var(--teal);color:var(--navy)}.reject{background:#fff0f0;color:#9b3838;margin-left:7px}.message-row{padding:15px 0;border-bottom:1px solid #edf1f3}.message-row p{margin:6px 0;color:#344a5f}.message-row small{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.key-value{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf1f3;font-size:.86rem}.key-value span{color:var(--muted)}.permission-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:15px}.permission-list span{padding:7px 9px;border-radius:8px;background:var(--mint);color:#17685e;font-size:.75rem;font-weight:750}.admin-empty{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);padding:28px}.admin-empty svg{width:20px;color:var(--teal-dark)}.error-note{display:flex;align-items:center;gap:9px;background:#fff0f0;color:#9b3838;border:1px solid #f2cccc;border-radius:9px;padding:12px}.error-note svg{width:18px}.form-error{display:block}.section-stack>.table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px;box-shadow:0 5px 20px #00184208}@media(max-width:1100px){.vps-form{grid-template-columns:1fr 1fr}}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;width:285px;min-height:100vh;z-index:10;transform:translate(-105%);transition:.2s}.sidebar.open{transform:translate(0)}.menu,.close{display:grid}.content{padding:24px 18px}main>header{padding:0 18px}.search{display:none}.bell{margin-left:auto}.metrics{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr}}@media(max-width:900px){.inline-form{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:620px){.profile div{display:none}.heading{align-items:start;flex-direction:column}.heading .primary{width:100%}.heading h1{font-size:1.65rem}.security-bar span,.security-bar i{display:none}.metrics{grid-template-columns:1fr}.queue-row{grid-template-columns:9px 1fr 16px}.queue-row time{display:none}.panel{padding:17px}.login-card{padding:30px 22px}.inline-form,.vps-form{grid-template-columns:1fr}.review-row{align-items:flex-start;flex-direction:column}.table-wrap{font-size:.78rem}.drams-brand.compact .drams-wordmark small{display:none}}.global-search{position:relative;display:flex;align-items:center;gap:10px;height:42px;max-width:520px;flex:1;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fbfcfd}.global-search>svg{width:18px;color:#718497;flex:0 0 auto}.global-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#20364b;font:inherit}.global-search input::placeholder{color:#81909f}.search-clear{display:grid;place-items:center;border:0;background:transparent;color:#7b8c9b;padding:3px}.search-clear svg{width:15px}.search-popover,.notification-popover{position:absolute;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 48px #00184224;z-index:40;overflow:hidden}.search-popover{left:0;width:min(590px,80vw);max-height:520px;overflow-y:auto}.popover-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #edf1f3;background:#fbfcfd}.popover-head strong{font-size:.84rem;color:var(--navy)}.popover-head span{font-size:.72rem;color:var(--muted)}.popover-empty{padding:24px 16px;text-align:center;color:var(--muted);font-size:.84rem}.search-popover>button{position:relative;width:100%;border:0;background:#fff;text-align:left;padding:12px 82px 12px 15px;border-bottom:1px solid #edf1f3}.search-popover>button:hover,.notification-popover>button:hover{background:#f3faf8}.search-popover>button strong,.search-popover>button small{display:block}.search-popover>button strong{color:var(--navy);font-size:.86rem;margin:3px 0}.search-popover>button small{color:var(--muted);font-size:.74rem}.search-popover .badge{position:absolute;right:13px;top:18px}.result-kind{font-size:.65rem;font-weight:850;letter-spacing:.08em;color:var(--teal-dark);text-transform:uppercase}.notification-wrap{position:relative;margin-left:auto}.notification-wrap .bell{position:relative;margin-left:0;width:38px;height:38px;border-radius:9px}.notification-wrap .bell:hover{background:#f1f6f8}.notification-count{position:absolute;right:-3px;top:-3px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#bf4242;color:#fff;border:2px solid #fff;font-size:.58rem;font-weight:850}.notification-popover{right:0;width:min(430px,88vw);max-height:560px;overflow-y:auto}.notification-popover>button{width:100%;border:0;background:#fff;text-align:left;padding:13px 15px;display:grid;grid-template-columns:9px 1fr;gap:11px;border-bottom:1px solid #edf1f3}.notification-popover>button strong,.notification-popover>button span,.notification-popover>button small{display:block}.notification-popover>button strong{color:var(--navy);font-size:.82rem}.notification-popover>button span{color:#526779;font-size:.76rem;margin:4px 0}.notification-popover>button small{color:#83919d;font-size:.68rem}.notice-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#4f8bad}.notice-dot.warning{background:#d29225}.notice-dot.high{background:#c25645}.notice-dot.critical{background:#8f2626}.package-form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 5px 20px #00184208}.package-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.package-form label{font-size:.78rem;font-weight:750;color:#32495e}.package-form input,.package-form select,.package-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #bdcad4;border-radius:8px;padding:10px;background:#fff;color:#22384d;font:inherit}.package-form input:focus,.package-form select:focus,.package-form textarea:focus{outline:2px solid #00c48c45;border-color:var(--teal-dark)}.package-description{display:block;margin-top:14px}.vps-profile-fields{margin-top:16px;padding-top:16px;border-top:1px solid #e6edf1}.vps-profile-fields>strong{display:block;color:var(--navy);font-size:.88rem;margin-bottom:11px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.form-actions>span{color:var(--muted);font-size:.74rem}.retire-action{background:#fff0f0;color:#9b3838}.retire-action:hover{background:#f1d8d8;color:#802d2d}.catalogue-warning{display:flex;gap:10px;align-items:flex-start;background:#fff7e8;color:#704f16;border:1px solid #f0dfba;border-radius:10px;padding:14px 16px}.catalogue-warning svg{width:18px;flex:0 0 auto}.catalogue-warning strong,.catalogue-warning span{display:block}.catalogue-warning span{color:#856f49;font-size:.78rem;margin-top:3px}.plan-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;padding:15px;background:#f5faf9;border:1px solid #d7ebe6;border-radius:10px}.plan-preview span,.plan-preview strong,.plan-preview small{display:block}.plan-preview span{color:#6f827f;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.plan-preview strong{color:var(--navy);font-size:.86rem;margin:4px 0}.plan-preview small{color:var(--muted);font-size:.72rem}@media(max-width:1050px){.package-form-grid{grid-template-columns:1fr 1fr}.plan-preview{grid-template-columns:1fr}}@media(max-width:980px){.global-search{max-width:none}.notification-wrap{margin-left:0}}@media(max-width:680px){.global-search{height:38px;padding:0 9px}.global-search input::placeholder{font-size:.76rem}.package-form-grid{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .primary{width:100%}.profile{display:none}.notification-popover{position:fixed;right:12px;left:12px;top:66px;width:auto}.search-popover{position:fixed;left:12px;right:12px;top:66px;width:auto}}.package-actions{display:flex;gap:6px;flex-wrap:wrap}.secondary-action{background:#eef4f7;color:#466071}.secondary-action:hover{background:#dde8ed;color:#20364b}.form-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid #e6edf1}.form-section-heading strong{display:block;color:var(--navy);margin-top:3px}.edit-package-form{border-left:3px solid var(--teal)}