@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#07090e;--panel:#0d111a;--panel2:#111824;--line:#202a39;--text:#f4f7fc;--muted:#8793a7;--blue:#2785ff;--blue2:#55a1ff;--green:#38d69a;--amber:#f4b64c;--red:#f16d76}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-shell{max-width:1160px;margin:auto;padding:0 34px}.topbar,.admin-topbar{border-bottom:1px solid #1a2230;justify-content:space-between;align-items:center;height:88px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup b,.footer-brand b{letter-spacing:1.5px;font:700 15px Space Grotesk}.brand-lockup small{color:#7d8ba1;letter-spacing:2.2px;margin-top:4px;font-size:9px;display:block}.brand-mark{background:linear-gradient(145deg,#208bff,#1052ba);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 5px 24px #1679ff30}.brand-mark span{color:#fff;font:700 25px Space Grotesk}.status-pill,.mini-status{color:#b9c7d9;border:1px solid #243347;border-radius:30px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;display:inline-flex}.status-pill i,.eyebrow span{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #38d69a80}.status-pill.paused i{background:var(--amber)}.status-pill.completed i{background:var(--green)}.status-pill.planned i{background:#8493a9}.hero{max-width:850px;padding:90px 0 72px}.eyebrow{letter-spacing:2px;color:#5b9fff;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.hero h1,.admin-heading h1{letter-spacing:-2.4px;max-width:800px;margin:22px 0 16px;font:600 clamp(36px,5vw,58px)/1.1 Space Grotesk}.hero-copy,.admin-heading p{color:#9aa6b8;max-width:700px;margin:0;font-size:15px;line-height:1.8}.main-progress-card{background:linear-gradient(135deg,#101a2a,#0c111a 65%);border:1px solid #1f3552;border-radius:17px;margin-top:43px;padding:27px 30px 23px;box-shadow:0 18px 55px #0004}.progress-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.muted-label{letter-spacing:1.8px;color:#8090a6;font-size:9px;font-weight:700}.progress-heading h2{margin:7px 0 0;font:600 19px Space Grotesk}.progress-heading strong{color:var(--blue2);letter-spacing:-2px;font:700 42px Space Grotesk}.progress-track{background:#202b3b;border-radius:20px;height:7px;overflow:hidden}.progress-large{height:11px}.progress-fill{background:linear-gradient(90deg,#176ce4,#48a2ff);border-radius:20px;height:100%;transition:width .5s;box-shadow:0 0 18px #2785ff55}.progress-foot{color:#8795a9;justify-content:space-between;margin-top:14px;font-size:10px;display:flex}.progress-foot>span:first-child{align-items:center;gap:8px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #38d69a}.announcement{background:#19160f;border:1px solid #574321;border-radius:12px;gap:15px;margin-top:16px;padding:17px 19px;display:flex}.announcement-icon{color:#ffc65c;background:#4b3718;border-radius:8px;place-items:center;width:27px;height:27px;font-weight:700;display:grid}.announcement b{font-size:12px}.announcement p{color:#b9aa8c;margin:5px 0 0;font-size:12px;line-height:1.6}.services-section{padding:10px 0 85px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{margin:8px 0 0;font:600 29px Space Grotesk}.service-count{letter-spacing:1.5px;color:#7f8da2;border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:9px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;transition:border-color .2s}.service-card:hover{border-color:#31527b}.service-card-top{justify-content:space-between;align-items:center;display:flex}.service-symbol{color:#5ca7ff;background:#10284a;border-radius:10px;place-items:center;width:35px;height:35px;font-size:18px;display:grid}.mini-status{border-color:#29394d;padding:5px 9px;font-size:9px}.mini-status.active{color:#70adff;background:#10213a}.mini-status.completed{color:#55d8a4;background:#10271f;border-color:#234a3b}.mini-status.maintenance{color:#ffc46b;background:#302313;border-color:#594322}.service-card h3{margin:19px 0 6px;font:600 17px Space Grotesk}.service-card p{color:#8491a5;min-height:36px;margin:0 0 21px;font-size:11px;line-height:1.6}.service-progress-line{color:#8996a9;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.service-progress-line b{color:#b9d8ff}.footer{color:#69778b;border-top:1px solid #1b2431;justify-content:space-between;align-items:center;gap:15px;padding:25px 0 34px;font-size:10px;display:flex}.footer-brand{color:#cbd5e4;align-items:center;gap:9px;display:flex}.footer-brand .brand-mark{border-radius:8px;width:27px;height:27px}.footer-brand .brand-mark span{font-size:18px}.loading-screen,.admin-loading{background:var(--bg);place-content:center;justify-items:center;gap:28px;min-height:100vh;display:grid}.loader{border:2px solid #26364c;border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:420px;padding:35px}.error-card .brand-mark{margin:auto}.error-card h1{font:600 23px Space Grotesk}.error-card p{color:var(--muted);font-size:13px;line-height:1.7}.error-card button,.primary-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#1674ed,#278dff);border:0;border-radius:9px;padding:12px 17px;font-weight:700}.admin-shell{background:#080a10;min-height:100vh}.admin-topbar{padding:0 5vw}.admin-top-actions{gap:9px;display:flex}.ghost-button,.danger-button,.icon-button{color:#c6d2e1;cursor:pointer;background:#101722;border:1px solid #293548;border-radius:8px;padding:9px 12px;font-size:11px}.danger-button{color:#ff9299;background:#1d1115;border-color:#4b292e}.admin-content{max-width:1050px;margin:0 auto;padding:55px 28px}.admin-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.admin-heading h1{margin:12px 0 8px;font-size:37px}.admin-heading p{font-size:13px}.admin-secure{color:#59d9a6;border:1px solid #234a3a;border-radius:20px;padding:8px 11px;font-size:10px}.admin-card{background:#0e131c;border:1px solid #202b3b;border-radius:14px;margin-bottom:18px;padding:25px}.admin-card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.admin-card-heading h2{margin:8px 0 0;font:600 21px Space Grotesk}.admin-card-heading p{color:var(--muted);margin:6px 0 0;font-size:11px}.big-percent{color:var(--blue2);font:700 32px Space Grotesk}label{color:#aab6c7;margin-bottom:17px;font-size:11px;font-weight:600;display:block}label input:not([type=range]),label textarea,label select,.service-modal input:not([type=range]),.service-modal textarea,.service-modal select{color:#eef4fc;background:#090e16;border:1px solid #2a3546;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:11px 12px;font-size:12px;display:block}input:focus,textarea:focus,select:focus{border-color:#318cff!important}textarea{resize:vertical}.form-two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.range-line{align-items:center;gap:14px;margin-top:8px;display:flex}.range-line input[type=range]{accent-color:#2785ff;flex:1}.range-line .number-input{width:65px!important;margin:0!important}.primary-button:disabled{opacity:.6;cursor:wait}.primary-button.full{width:100%;margin-top:7px}.admin-service-list{gap:9px;display:grid}.admin-service-row{background:#0a0f17;border:1px solid #263142;border-radius:10px;padding:15px}.admin-service-summary{justify-content:space-between;align-items:center;gap:15px;display:flex}.admin-service-summary b{font-size:12px}.admin-service-summary small{color:#8592a6;margin-top:5px;font-size:10px;display:block}.service-actions{gap:7px;display:flex}.service-edit-form{border-top:1px solid #202b3b;margin-top:15px;padding-top:17px}.service-edit-form .primary-button{margin-top:2px}.form-message{color:#8ce0b5;background:#102219;border:1px solid #24543e;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 14px;font-size:12px;display:flex}.form-message.error{color:#ff9ba2;background:#211216;border-color:#59343a}.form-message button{color:inherit;cursor:pointer;background:0 0;border:0}.admin-footer{text-align:center;color:#647287;padding:18px;font-size:10px}.admin-login-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.admin-login-wrap>.brand-lockup{margin-bottom:30px}.login-card{background:#0e131c;border:1px solid #263246;border-radius:15px;width:min(100%,410px);padding:30px}.login-card h1{margin:12px 0 8px;font:600 28px Space Grotesk}.login-card>p{color:#8c9aaf;margin:0 0 24px;font-size:12px;line-height:1.7}.back-link{text-align:center;color:#8291a7;margin-top:20px;font-size:10px;display:block}.modal-backdrop{z-index:5;background:#000b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.service-modal{background:#101722;border:1px solid #2b3a50;border-radius:15px;width:min(100%,500px);max-height:90vh;padding:24px;overflow:auto}.service-modal .admin-card-heading{margin-bottom:20px}.service-modal .admin-card-heading h2{margin:0}.icon-button{padding:3px 10px;font-size:19px}.modal-actions{justify-content:end;gap:8px;margin-top:20px;display:flex}@media (max-width:700px){.site-shell{padding:0 19px}.topbar,.admin-topbar{height:72px}.hero{padding:65px 0 52px}.hero h1{letter-spacing:-1.5px}.main-progress-card{padding:22px 18px}.progress-heading strong{font-size:34px}.service-grid{grid-template-columns:1fr}.service-card p{min-height:0}.footer{flex-direction:column;align-items:flex-start}.form-two{grid-template-columns:1fr;gap:0}.admin-content{padding:38px 17px}.admin-heading{flex-direction:column;align-items:flex-start;gap:15px}.admin-heading h1{font-size:30px}.admin-card{padding:18px}.admin-topbar{padding:0 16px}.admin-top-actions{gap:5px}.ghost-button,.danger-button{padding:8px;font-size:10px}.admin-service-summary{flex-direction:column;align-items:flex-start}.service-actions{width:100%}.service-actions button{flex:1}.admin-card-heading{flex-wrap:wrap;align-items:flex-start}.progress-foot{font-size:9px}.status-pill{padding:7px 9px;font-size:9px}}