:root{--bg:#f4f7f6;--surface:#fff;--ink:#10231d;--muted:#6d7c77;--line:#dfe7e3;--green:#16a36a;--green-dark:#087449;--mint:#e8f7f0;--amber:#e8a317;--red:#df554b;--nav:#0c211a;--shadow:0 10px 30px rgba(17,45,36,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}.muted{color:var(--muted)}.eyebrow{margin:0 0 6px;color:var(--green-dark);font-size:11px;font-weight:800;letter-spacing:.14em}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;display:flex;flex-direction:column;padding:28px 20px;background:var(--nav);color:#fff}.logo{display:flex;align-items:center;gap:11px;padding:0 8px;font-size:18px}.logo>span,.brand-mark,.mobile-brand{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green);color:white;font-weight:900}.logo strong{color:#79d7ad}.sidebar nav{display:grid;gap:7px;margin-top:55px}.sidebar nav a{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:9px;color:#9bb1a9;text-decoration:none;font-weight:600}.sidebar nav a span{width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#173a2e;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--green)}.sidebar-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #29473e}.user-chip{display:flex;align-items:center;gap:10px;min-width:0}.user-chip>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2b5948;color:#aef0d1;font-weight:800}.user-chip div{display:grid}.user-chip small{color:#82a096}.icon-button{border:0;background:none;color:#96afa5;font-size:20px;cursor:pointer}.content{margin-left:244px;padding:36px 42px 24px;max-width:1540px}.content header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.content h1{margin:0;font-size:30px;letter-spacing:-.03em}.content header .muted{margin:4px 0 0}.header-actions{display:flex;align-items:center;gap:12px}.live-pill,.tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #cde5da;border-radius:30px;padding:7px 11px;background:var(--mint);color:var(--green-dark);font-size:12px;font-weight:700}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(22,163,106,.12)}.live-pill.stale{background:#fff3dc;border-color:#efd6a2;color:#8b5d00}.live-pill.stale i{background:var(--amber)}.refresh-button{border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:var(--surface);color:var(--ink);font-weight:700;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card,.panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{padding:20px}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#edf3f1;color:var(--green-dark);font-style:normal;font-size:17px}.metric-card>strong{display:block;margin:14px 0 10px;font-size:31px;letter-spacing:-.04em}.metric-card small{display:block;margin-top:9px;color:var(--muted)}.bar{height:6px;overflow:hidden;border-radius:8px;background:#eaf0ed}.bar i{display:block;width:0;height:100%;border-radius:inherit;background:var(--green);transition:width .5s}.bar i.warning{background:var(--amber)}.bar i.danger{background:var(--red)}.metric-card.accent{background:linear-gradient(145deg,#103428,#0c241c);color:#fff}.metric-card.accent .metric-head,.metric-card.accent small{color:#a3bdb3}.metric-card.accent .icon{background:#1b513e;color:#7ee1b3}.status-line{display:flex;align-items:center;gap:8px;color:#82e6b7}.status-dot{width:8px;height:8px;border-radius:50%;background:#42d78e;box-shadow:0 0 0 5px rgba(66,215,142,.12)}.two-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.two-columns.lower{grid-template-columns:1.05fr 1fr}.panel{padding:22px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.panel h2{margin:0;font-size:19px}.f2b-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.f2b-summary>div{padding:14px;border-radius:10px;background:#f5f8f7}.f2b-summary span{display:block;color:var(--muted);font-size:12px}.f2b-summary strong{font-size:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:9px 10px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}td{padding:11px 10px;border-top:1px solid #edf1ef;font-size:13px}td:first-child{font-weight:700}.state{display:inline-flex;align-items:center;gap:5px;color:var(--green-dark);font-size:11px;font-weight:700}.state:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.service{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e6ece9;border-radius:9px}.service i{width:8px;height:8px;border-radius:50%;background:var(--green)}.service.down i{background:var(--red)}.service span{font-weight:650}.attempt-list{display:grid}.attempt{display:flex;align-items:center;justify-content:space-between;padding:10px 3px;border-top:1px solid #edf1ef}.attempt:first-child{border:0}.attempt code{padding:4px 7px;border-radius:5px;background:#f2f5f4;color:#40514b}.attempt time{color:var(--muted);font-size:12px}.empty{color:var(--muted)}.server-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;background:#fafdFC}.server-panel dl{margin:0}.server-panel dl div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}.server-panel dt{color:var(--muted)}.server-panel dd{margin:0;text-align:right;font-weight:700;font-size:12px}footer{text-align:center;padding-top:22px;color:#8b9994;font-size:11px}footer span{padding:0 8px;color:#b7c1bd}
.login-body{min-height:100vh;display:grid;place-items:center;background:#092019}.login-shell{display:grid;grid-template-columns:1.05fr .95fr;width:min(920px,calc(100% - 40px));min-height:590px;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3)}.brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:48px;background:radial-gradient(circle at 80% 5%,#1a6046 0,transparent 40%),linear-gradient(145deg,#123d2e,#081d17);color:#fff}.brand-panel h1{margin:14px 0 16px;font-size:45px;line-height:1.08;letter-spacing:-.05em}.brand-panel .muted{max-width:330px;color:#a7c0b7}.brand-mark{width:45px;height:45px}.secure-note{color:#9bb9ae;font-size:12px}.pulse{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#4be29a;box-shadow:0 0 0 5px rgba(75,226,154,.11)}.login-card{display:flex;flex-direction:column;justify-content:center;padding:64px}.login-card h2{margin:0;font-size:30px}.login-card>.muted{margin:5px 0 25px}.login-card form{display:grid}.login-card label{margin:12px 0 6px;font-size:12px;font-weight:750}.login-card input{width:100%;border:1px solid #d8e1dd;border-radius:9px;padding:12px 13px;outline:none;background:#fbfdfc}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,106,.1)}.primary-button{display:flex;justify-content:space-between;margin-top:22px;border:0;border-radius:9px;padding:13px 16px;background:var(--green-dark);color:#fff;font-weight:750;cursor:pointer}.primary-button:hover{background:#075f3d}.alert{margin:0 0 5px;padding:10px 12px;border-radius:8px;background:#fff0ef;color:#a43d36;font-size:12px}.login-foot{margin:28px 0 0;text-align:center;color:#98a49f;font-size:11px}.mobile-brand{display:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.two-columns,.two-columns.lower{grid-template-columns:1fr}.content{padding:30px}}
@media(max-width:720px){.sidebar{position:static;width:auto;height:68px;flex-direction:row;align-items:center;padding:12px 18px}.sidebar nav{display:none}.sidebar-foot{margin:0 0 0 auto;padding:0;border:0}.user-chip div{display:none}.content{margin:0;padding:22px 16px}.content header{align-items:flex-start}.content header .muted{display:none}.header-actions{flex-direction:column-reverse;align-items:end}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-card>strong{font-size:26px}.service-list{grid-template-columns:1fr}.server-panel{grid-template-columns:1fr}.login-shell{display:block;width:min(440px,calc(100% - 30px));min-height:auto}.brand-panel{display:none}.login-card{padding:42px 30px}.mobile-brand{display:grid;margin-bottom:32px}}
@media(max-width:460px){.metric-grid{grid-template-columns:1fr}.f2b-summary{grid-template-columns:1fr}.refresh-button{display:none}}

/* Application views */
.view{display:none;animation:viewIn .24s ease}.view.active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.sidebar nav a b{margin-left:auto;min-width:23px;padding:2px 6px;border-radius:20px;background:#214b3c;color:#9fe0c1;text-align:center;font-size:10px}.text-button{border:0;background:transparent;color:var(--green-dark);font-weight:750;cursor:pointer}.spacious{padding:28px}

/* Hosting overview */
.hosting-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.hosting-stats article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.hosting-stats article div{display:grid}.hosting-stats small{color:var(--muted);font-size:11px}.hosting-stats strong{font-size:21px}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-size:18px}.stat-icon.green{background:#e6f7ef;color:#078050}.stat-icon.blue{background:#eaf2ff;color:#3b70c5}.stat-icon.amber{background:#fff3db;color:#b87700}.stat-icon.violet{background:#f1ecff;color:#7554bf}.hosting-workspace{display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(380px,.95fr);gap:16px;align-items:start}.hosting-browser,.hosting-detail{min-height:570px}.tiny-live{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(22,163,106,.11)}.hosting-list,.hosting-mini{display:grid;gap:8px}.hosting-row,.mini-host{appearance:none;width:100%;border:1px solid #e7ecea;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.hosting-row{display:grid;grid-template-columns:auto minmax(150px,1fr) auto auto auto;align-items:center;gap:12px;padding:13px;border-radius:11px;transition:.18s}.hosting-row:hover,.hosting-row.selected{border-color:#89cbb0;background:#f4fbf8;box-shadow:0 5px 18px rgba(20,130,85,.08)}.hosting-row.selected{box-shadow:inset 3px 0 var(--green)}.host-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:linear-gradient(145deg,#21b979,#078453);color:#fff;font-weight:850}.host-avatar.large{width:50px;height:50px;border-radius:14px;font-size:20px}.host-identity{display:grid;min-width:0}.host-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.host-identity small,.host-usage small{color:var(--muted);font-size:10px}.host-usage{display:grid;text-align:right}.host-usage b{font-size:12px}.host-health{display:inline-flex;align-items:center;gap:6px;color:var(--green-dark);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.host-health i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(22,163,106,.1)}.host-health.offline{color:#a43e37}.host-health.offline i{background:var(--red)}.chevron{color:#91a19a;font-size:22px}.mini-host{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px;border-radius:9px}.mini-host>span:nth-child(2){display:grid}.mini-host small{color:var(--muted);font-size:10px}.mini-host>i{width:8px;height:8px;border-radius:50%;background:var(--green)}.mini-host>i.offline{background:var(--red)}
.detail-placeholder{display:grid;place-items:center;align-content:center;height:510px;color:var(--muted);text-align:center}.detail-placeholder>span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--mint);color:var(--green-dark);font-size:24px}.detail-placeholder h3{margin:15px 0 2px;color:var(--ink)}.detail-placeholder p{margin:0}.detail-top{display:flex;align-items:center;gap:13px;padding-right:125px}.detail-top>div{min-width:0}.detail-top h2{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;font-size:18px}.detail-top p{margin:2px 0;color:var(--muted);font-size:12px}.hosting-detail{position:sticky;top:20px}.open-site{position:absolute;right:22px;top:25px;padding:8px 10px;border:1px solid #b9ddcd;border-radius:8px;color:var(--green-dark);text-decoration:none;font-size:11px;font-weight:750}.detail-section{margin-top:23px;padding-top:19px;border-top:1px solid var(--line)}.detail-label{margin-bottom:10px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.ports-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.port-card{position:relative;display:grid;padding:11px;border:1px solid #dfe9e4;border-radius:9px;background:#f8fbfa}.port-card span,.port-card small{color:var(--muted);font-size:9px}.port-card strong{font-size:17px}.port-card>i{position:absolute;right:9px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--green)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.resource-grid>div{min-width:0;padding:12px;border-radius:9px;background:#f3f7f5}.resource-grid span{display:block;color:var(--muted);font-size:9px}.resource-grid strong{font-size:16px}.mini-bar{height:3px;margin-top:6px;border-radius:5px;background:#dae6e0}.mini-bar i{display:block;height:100%;border-radius:inherit;background:var(--green)}.host-meta{margin:0}.host-meta>div{display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;padding:6px 0}.host-meta dt{color:var(--muted);font-size:11px}.host-meta dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650}.processes{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.process-chip{padding:4px 7px;border-radius:6px;background:#eaf4ef;color:#306f54;font:10px ui-monospace,monospace}.process-chip.quiet{color:var(--muted)}

/* Security center */
.security-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;overflow:hidden;padding:26px 30px;border-radius:17px;background:radial-gradient(circle at 83% 0,#26644e 0,transparent 36%),linear-gradient(140deg,#09261d,#0e3b2d);color:#fff;box-shadow:0 16px 36px rgba(8,45,33,.18)}.security-hero:after{content:"";position:absolute;right:16%;bottom:-70px;width:200px;height:200px;border:1px solid rgba(117,224,176,.15);border-radius:50%}.security-hero h2{margin:0;font-size:25px}.security-hero p:not(.eyebrow){margin:5px 0 0;color:#9ebbb0}.shield-orbit{display:grid;place-items:center;width:66px;height:66px;border:1px solid #3b755f;border-radius:50%;background:rgba(41,138,99,.15)}.shield-orbit span{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#21b777;color:#fff;font-size:21px;box-shadow:0 0 25px rgba(39,213,143,.25)}.security-score{z-index:1;display:grid;text-align:right}.security-score strong{color:#69e2ae;font-size:17px;letter-spacing:.07em}.security-score span{color:#7fa296;font-size:9px;letter-spacing:.16em}.security-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.security-stats article{padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.security-stats small{display:block;color:var(--muted)}.security-stats strong{display:block;margin:3px 0;font-size:25px}.trend{font-size:10px}.trend.good{color:var(--green-dark)}.trend.neutral{color:var(--muted)}.security-columns{grid-template-columns:1.35fr .65fr}.jail-icon{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:7px;background:var(--mint);color:var(--green-dark)}.banned-list{display:grid;gap:8px}.banned-ip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #f0d9d6;border-radius:9px;background:#fff9f8}.banned-ip>span{color:var(--red);font-size:19px}.banned-ip div{display:grid}.banned-ip code{font-size:11px}.banned-ip small{color:var(--muted);font-size:9px}.banned-ip>b{color:var(--red);font-size:8px}.safe-empty{display:grid;place-items:center;padding:35px 10px;text-align:center}.safe-empty span{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--mint);color:var(--green-dark);font-size:20px}.safe-empty strong{margin-top:10px;font-size:12px}.safe-empty small{color:var(--muted);font-size:10px}.service-grid-full{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.service-full{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px;border:1px solid #e2ebe6;border-radius:11px}.service-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:var(--mint);color:var(--green-dark)}.service-full div{display:grid}.service-full small{color:var(--muted);font-size:10px}.service-full>b{color:var(--green-dark);font-size:9px}.service-full.down .service-symbol{background:#fff0ef;color:var(--red)}.service-full.down>b{color:var(--red)}.attempt-origin{display:flex;align-items:center;gap:9px}.attempt-origin>span{color:var(--red)}.denied{padding:3px 6px;border-radius:5px;background:#fff0ef;color:var(--red);font-size:8px}

@media(max-width:1120px){.hosting-stats{grid-template-columns:1fr 1fr}.hosting-workspace{grid-template-columns:1fr}.hosting-detail{position:relative;top:auto}.service-grid-full{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.sidebar{height:auto;flex-wrap:wrap}.sidebar nav{display:flex;order:3;width:100%;margin:10px 0 0;overflow-x:auto}.sidebar nav a{flex:0 0 auto;padding:8px 10px;font-size:11px}.sidebar nav a span,.sidebar nav a b{display:none}.content{padding-top:18px}.hosting-stats{grid-template-columns:1fr 1fr}.hosting-workspace{display:block}.hosting-detail{margin-top:12px;min-height:0}.hosting-browser{min-height:0}.hosting-row{grid-template-columns:auto minmax(120px,1fr) auto}.host-usage,.hosting-row>.host-health{display:none}.ports-grid,.resource-grid{grid-template-columns:1fr 1fr}.security-hero{grid-template-columns:auto 1fr}.security-score{display:none}.security-stats{grid-template-columns:1fr}.service-grid-full{grid-template-columns:1fr}.detail-top{padding-right:0}.open-site{position:static;display:inline-block;margin-top:16px}.security-columns{grid-template-columns:1fr}}
@media(max-width:460px){.hosting-stats{grid-template-columns:1fr}.ports-grid,.resource-grid{grid-template-columns:1fr}.security-hero{grid-template-columns:1fr}.shield-orbit{display:none}}

/* Service details and controls */
.service,.service-full{font:inherit;text-align:left;cursor:pointer}.service{width:100%;background:#fff;color:var(--ink)}.service>b{margin-left:auto;color:#9aa9a3;font-size:17px}.service-full{position:relative;width:100%;background:#fff;color:var(--ink)}.service-full:hover,.service:hover{border-color:#91cdb4;background:#f8fcfa}.service-open{position:absolute;right:14px;bottom:8px;color:var(--muted);font-size:8px}.modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:.2s}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(4,20,15,.68);backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:1;width:min(610px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #d8e5df;border-radius:19px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.34);transform:translateY(10px) scale(.98);transition:.2s}.modal.open .modal-card{transform:none}.modal-close{position:absolute;z-index:2;right:17px;top:15px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:#f0f4f2;color:#50615b;font-size:20px;cursor:pointer}.modal-lock{overflow:hidden}.modal-service-head{display:flex;align-items:center;gap:15px;padding:27px 28px 20px}.service-modal-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--mint);color:var(--green-dark);font-size:21px}.service-modal-icon.down{background:#fff0ef;color:var(--red)}.modal-service-head h2{margin:3px 0 0;font-size:23px}.modal-service-head p{margin:1px 0;color:var(--muted);font-size:12px}.service-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-block:1px solid var(--line);background:var(--line)}.service-vitals>div{padding:17px 20px;background:#f8fbfa}.service-vitals small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.service-vitals strong{font-size:16px}.service-state-line{display:grid;grid-template-columns:1fr 1fr;padding:17px 28px}.service-state-line>div{display:flex;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid #eef2f0}.service-state-line span{color:var(--muted);font-size:11px}.service-state-line strong{font-size:11px;text-align:right}.service-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:8px 28px}.service-actions button{border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff;font-weight:750;cursor:pointer}.service-actions button:disabled{opacity:.35;cursor:not-allowed}.service-actions .action-start{border-color:#a6d8c2;color:var(--green-dark);background:#f0faf5}.service-actions .action-restart{border-color:#b9cadf;color:#396898;background:#f3f7fc}.service-actions .action-stop{border-color:#ebc2be;color:#b6433a;background:#fff6f5}.action-warning{margin:10px 28px 25px;padding:10px 12px;border-radius:8px;background:#fff8e8;color:#84601c;font-size:10px}.action-message{display:none;margin:2px 28px;padding:9px 11px;border-radius:8px;background:#eef3f1;color:var(--muted);font-size:11px}.action-message.visible{display:block}.action-message.success{background:#eaf8f1;color:var(--green-dark)}.action-message.error{background:#fff0ef;color:var(--red)}.modal-loading,.modal-error{display:grid;place-items:center;padding:70px 30px;text-align:center}.modal-loading span{width:31px;height:31px;border:3px solid #dce9e3;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-loading p,.modal-error p{color:var(--muted)}.modal-error span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff0ef;color:var(--red);font-size:20px;font-weight:800}
@media(max-width:560px){.service-vitals{grid-template-columns:1fr}.service-state-line{grid-template-columns:1fr;padding:14px}.service-actions{grid-template-columns:1fr;padding:8px 18px}.action-warning,.action-message{margin-inline:18px}.modal-service-head{padding:22px 20px}}
.service-charts{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 28px 27px;border-bottom:1px solid var(--line);background:#fbfdfc}.service-charts article{min-width:0;padding:13px 14px 9px;border:1px solid #e0e9e5;border-radius:11px;background:#fff}.chart-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:8px}.chart-head div{display:grid}.chart-head small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.07em}.chart-head strong{font-size:17px}.chart-head>span{color:#8d9a95;font-size:8px}.service-charts canvas{display:block;width:100%;height:92px}.chart-freshness{position:absolute;left:28px;bottom:8px;color:#8a9993;font-size:8px}.modal-card{width:min(680px,100%)}
@media(max-width:560px){.service-charts{grid-template-columns:1fr;padding-inline:18px}.chart-freshness{left:18px}}

/* Firewall and network observability */
.firewall-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;overflow:hidden;padding:24px 28px;border-radius:17px;background:radial-gradient(circle at 76% -30%,#274d68 0,transparent 42%),linear-gradient(135deg,#0a251e,#102e3d);color:#fff;box-shadow:0 16px 36px rgba(9,40,32,.17)}.firewall-hero:after{content:"";position:absolute;right:20%;top:-75px;width:190px;height:190px;border:1px solid rgba(100,195,159,.12);border-radius:50%}.firewall-hero h2{margin:0;font-size:24px}.firewall-hero p:not(.eyebrow){margin:4px 0;color:#9fb8af}.firewall-mark{position:relative;display:grid;place-items:center;width:60px;height:60px;border:1px solid #37715d;border-radius:17px;background:#123f30;color:#6be0ae;font-size:25px}.firewall-mark i{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border:2px solid #0c2b22;border-radius:50%;background:#3dd68e}.firewall-status{z-index:1;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #36755e;border-radius:25px;background:rgba(14,77,55,.6);color:#72e3b3;font-size:10px;font-weight:850;letter-spacing:.05em}.firewall-status i{width:7px;height:7px;border-radius:50%;background:#4ae09b;box-shadow:0 0 0 4px rgba(74,224,155,.12)}.firewall-status.offline{border-color:#7a423c;color:#ffaaa2}.firewall-status.offline i{background:var(--red)}.firewall-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.firewall-stats article{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.firewall-stats small,.firewall-stats span{display:block;color:var(--muted);font-size:9px}.firewall-stats strong{display:block;margin:1px 0;font-size:23px}.network-charts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.network-charts .panel{padding:18px 20px 11px}.network-chart-head{display:flex;align-items:start;justify-content:space-between}.network-chart-head>div{display:flex;align-items:center;gap:10px}.network-chart-head>div>div{display:grid}.network-chart-head small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.07em}.network-chart-head strong{font-size:20px}.network-chart-head>span{color:var(--muted);font-size:9px}.traffic-dot{display:grid;width:10px;height:10px;border:3px solid #dbf0e7;border-radius:50%;background:var(--green)}.traffic-dot.outgoing{border-color:#e2e9f8;background:#4c75c7}.network-charts canvas{display:block;width:100%;height:105px;margin-top:10px}.chart-axis{display:flex;justify-content:space-between;color:#a0aca7;font-size:8px}.firewall-columns{grid-template-columns:1.05fr .95fr}.firewall-table-panel{padding-bottom:10px}.firewall-scroll{max-height:445px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c7d4ce transparent}.read-only-tag{padding:5px 8px;border-radius:6px;background:#f0f3f2;color:#73817c;font-size:9px;font-weight:750}.firewall-table-panel td{vertical-align:middle}.firewall-table-panel td:first-child{font-weight:400}.rule-origin{display:block;color:var(--ink);font-weight:700}.firewall-table-panel td:first-child small{display:block;color:var(--muted);font-size:9px}.port-pill,.listener-port{display:inline-block;margin:1px;padding:3px 6px;border-radius:5px;background:#edf4f1;color:#245e47;font:10px ui-monospace,SFMono-Regular,monospace}.listener-port{background:#eaf1fb;color:#365e96;font-size:11px}.rule-action{padding:3px 6px;border-radius:5px;background:#e9f7f0;color:var(--green-dark);font-size:8px;font-weight:850}.rule-action.reject,.rule-action.drop{background:#fff0ef;color:var(--red)}.protocol-tag{padding:3px 6px;border-radius:5px;background:#edf4f1;color:#24714f;font-size:8px;font-weight:850}.protocol-tag.udp{background:#fff4df;color:#956200}.firewall-table-panel tbody strong{font-size:11px}.firewall-table-panel tbody small{color:var(--muted);font-size:9px}
@media(max-width:1050px){.firewall-stats{grid-template-columns:1fr 1fr}.firewall-columns{grid-template-columns:1fr}}
@media(max-width:720px){.network-charts{grid-template-columns:1fr}.firewall-hero{grid-template-columns:auto 1fr}.firewall-status{grid-column:1/-1;width:max-content}.firewall-stats{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.firewall-stats{grid-template-columns:1fr}.firewall-mark{display:none}.firewall-hero{grid-template-columns:1fr}.network-chart-head>span{display:none}}

/* Staged server defense plan */
.defense-workspace{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-top:15px}.defense-findings-panel,.defense-roadmap-panel{padding:22px}.defense-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:17px}.defense-heading>div{display:flex;align-items:center;gap:12px}.defense-heading h2{margin:0;font-size:19px}.defense-heading p:not(.eyebrow){margin:2px 0;color:var(--muted);font-size:11px}.defense-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#133d30,#0d2b22);color:#6ce0ae;font-size:22px}.simulation-pill{padding:6px 8px;border:1px solid #ead7ab;border-radius:6px;background:#fff8e8;color:#8b650f;font-size:8px;font-weight:850;letter-spacing:.04em;white-space:nowrap}.defense-risk-strip{display:grid;grid-template-columns:1fr 1fr 1.25fr;overflow:hidden;margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:var(--line);gap:1px}.defense-risk-strip>div{padding:11px 13px;background:#f8fbfa}.defense-risk-strip small{display:block;color:var(--muted);font-size:9px}.defense-risk-strip strong{font-size:16px}.risk-critical strong{color:#c7453c}.risk-high strong{color:#a36a00}.vpn-state strong{color:#596962;font-size:12px}.defense-findings{display:grid;gap:7px}.defense-row{display:grid;grid-template-columns:73px 88px minmax(160px,1fr) auto;align-items:center;gap:9px;padding:10px;border:1px solid #e5ebe8;border-radius:9px;background:#fff}.defense-level{padding:4px 6px;border-radius:5px;text-align:center;font-size:8px;font-weight:850;text-transform:uppercase}.defense-level.critical{background:#ffebe9;color:#bd3e35}.defense-level.high{background:#fff2dc;color:#9b6200}.defense-level.admin{background:#eaf1fb;color:#3d6699}.defense-port,.defense-copy{display:grid}.defense-port strong{font:11px ui-monospace,SFMono-Regular,monospace}.defense-port small,.defense-copy small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.defense-copy strong{font-size:11px}.exposure-state{display:flex;align-items:center;gap:4px;color:#c84840;font-size:8px;font-weight:850}.exposure-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#ec5c53;box-shadow:0 0 0 3px rgba(236,92,83,.1)}.defense-phases{display:grid}.defense-phase{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0}.defense-phase:not(:last-child):after{content:"";position:absolute;left:13px;top:37px;width:1px;height:17px;background:#d7e1dc}.defense-phase>span{z-index:1;display:grid;place-items:center;width:27px;height:27px;border:1px solid #d7e2dd;border-radius:50%;background:#f6f9f7;color:#788780;font-size:10px;font-weight:800}.defense-phase.ready>span{border-color:#9fd4bd;background:var(--mint);color:var(--green-dark)}.defense-phase div{display:grid}.defense-phase strong{font-size:11px}.defense-phase small{color:var(--muted);font-size:8px}.defense-phase>i{color:#9aa6a1;font-size:7px;font-style:normal;font-weight:850}.defense-phase.ready>i{color:var(--green-dark)}.defense-apply{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;margin-top:14px;border:1px solid #dce4e0;border-radius:9px;padding:11px;background:#f4f7f5;color:#8a9791;text-align:left}.defense-apply>span{font-size:18px}.defense-apply div{display:grid}.defense-apply strong{font-size:10px}.defense-apply small{font-size:8px}.defense-apply>b{font-size:7px;text-transform:uppercase}
@media(max-width:1100px){.defense-workspace{grid-template-columns:1fr}.defense-roadmap-panel{min-height:0}}
@media(max-width:720px){.defense-heading{display:grid}.defense-risk-strip{grid-template-columns:1fr}.defense-row{grid-template-columns:68px 80px 1fr}.exposure-state{display:none}}
@media(max-width:460px){.defense-row{grid-template-columns:65px 1fr}.defense-copy{grid-column:1/-1}.simulation-pill{white-space:normal}}

/* OpenVPN operations */
.vpn-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;overflow:hidden;padding:25px 29px;border-radius:17px;background:radial-gradient(circle at 77% -50%,#276178 0,transparent 43%),linear-gradient(135deg,#082820,#10394b);color:#fff;box-shadow:0 16px 36px rgba(8,43,35,.19)}.vpn-hero:after{content:"";position:absolute;right:18%;top:-90px;width:220px;height:220px;border:1px dashed rgba(90,207,164,.17);border-radius:50%}.vpn-hero h2{margin:0;font-size:26px}.vpn-hero p:not(.eyebrow){margin:4px 0;color:#a3beb5}.vpn-tunnel-mark{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid #357362;border-radius:18px;background:rgba(17,83,62,.65);color:#6ce0ae;font-size:28px}.vpn-tunnel-mark i{position:absolute;right:2px;top:2px;width:9px;height:9px;border:2px solid #0d3228;border-radius:50%;background:#46dc97}.vpn-service-status{z-index:1;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #397663;border-radius:24px;background:rgba(15,73,55,.58);color:#76e3b5;font-size:9px;font-weight:850;letter-spacing:.06em}.vpn-service-status i{width:7px;height:7px;border-radius:50%;background:#48dc98;box-shadow:0 0 0 4px rgba(72,220,152,.12)}.vpn-service-status.offline{border-color:#77453e;color:#ffaaa2}.vpn-service-status.offline i{background:var(--red)}.vpn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:15px}.vpn-stats article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.vpn-stats article>div{display:grid;min-width:0}.vpn-stats small,.vpn-stats span:not(.stat-icon){overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.vpn-stats strong{overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.vpn-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-top:15px}.vpn-connections-panel,.vpn-users-panel{min-height:310px}.vpn-connections,.vpn-users{display:grid;gap:8px}.vpn-connection{display:grid;grid-template-columns:auto minmax(125px,1.2fr) repeat(4,minmax(85px,1fr)) auto;align-items:center;gap:10px;padding:11px;border:1px solid #e0e9e5;border-radius:10px;background:#fbfdfc}.vpn-user-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#25b97d,#087c53);color:#fff;font-weight:850}.vpn-client-name,.vpn-connection>div{display:grid;min-width:0}.vpn-connection small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.vpn-connection strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.connected-badge,.user-online{display:flex;align-items:center;gap:4px;color:var(--green-dark);font-size:7px;font-weight:850}.connected-badge i{width:6px;height:6px;border-radius:50%;background:var(--green)}.vpn-empty{display:grid;place-items:center;padding:56px 15px;text-align:center}.vpn-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px dashed #9bcdb8;border-radius:50%;background:var(--mint);color:var(--green-dark);font-size:23px}.vpn-empty strong{margin-top:11px;font-size:12px}.vpn-empty small{color:var(--muted);font-size:10px}.vpn-user{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid #e2eae6;border-radius:10px}.vpn-user>div{display:grid}.vpn-user>div small{color:var(--muted);font-size:9px}.certificate-state{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:5px;background:var(--mint);color:var(--green-dark);font-size:8px;font-weight:800}.certificate-state i{width:5px;height:5px;border-radius:50%;background:var(--green)}.certificate-state.revoked,.certificate-state.expired{background:#fff0ef;color:var(--red)}.certificate-state.revoked i,.certificate-state.expired i{background:var(--red)}.profile-state{grid-column:2/-1;color:var(--muted);font-size:8px}.user-online{position:absolute;right:8px;bottom:7px}.vpn-guide{margin-top:15px;padding:23px}.vpn-guide-title{display:flex;align-items:center;gap:12px}.vpn-guide-title>span{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#eaf1fb;color:#416c9e;font-weight:800}.vpn-guide-title h2{margin:0;font-size:18px}.vpn-guide-title p:not(.eyebrow){margin:2px 0;color:var(--muted);font-size:10px}.vpn-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px}.vpn-steps>div{display:grid;align-content:start;min-width:0;padding:13px;border:1px solid #e0e9e5;border-radius:9px;background:#f9fbfa}.vpn-steps>div>span{display:grid;place-items:center;width:22px;height:22px;margin-bottom:8px;border-radius:50%;background:#173e31;color:#fff;font-size:9px;font-weight:800}.vpn-steps strong{font-size:10px}.vpn-steps small{color:var(--muted);font-size:8px}.vpn-steps code{overflow:auto;margin-top:4px;padding:5px;border-radius:5px;background:#edf2ef;color:#315c4b;font-size:8px;white-space:nowrap}
@media(max-width:1150px){.vpn-stats{grid-template-columns:1fr 1fr}.vpn-grid{grid-template-columns:1fr}.vpn-steps{grid-template-columns:1fr 1fr}.vpn-connection{grid-template-columns:auto 1fr 1fr 1fr}.vpn-connection>div:nth-of-type(4),.vpn-connection>div:nth-of-type(5){display:none}}
@media(max-width:720px){.vpn-hero{grid-template-columns:auto 1fr}.vpn-service-status{grid-column:1/-1;width:max-content}.vpn-connection{grid-template-columns:auto 1fr auto}.vpn-connection>div:not(.vpn-client-name){display:none}.vpn-steps{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.vpn-stats,.vpn-steps{grid-template-columns:1fr}.vpn-tunnel-mark{display:none}.vpn-hero{grid-template-columns:1fr}}

/* OpenVPN identity management */
.vpn-panel-actions{display:flex;align-items:center;gap:7px}.vpn-create-button{border:1px solid #9bcfb8;border-radius:8px;padding:7px 9px;background:#edf9f3;color:var(--green-dark);font-size:9px;font-weight:800;cursor:pointer}.vpn-create-button:disabled{border-color:#dfe6e2;background:#f3f5f4;color:#9aa6a1;cursor:not-allowed}.vpn-admin-notice{display:flex;align-items:center;gap:9px;margin:-4px 0 12px;padding:9px 10px;border-radius:8px}.vpn-admin-notice>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px}.vpn-admin-notice>div{display:grid}.vpn-admin-notice strong{font-size:9px}.vpn-admin-notice small{font-size:8px}.vpn-admin-notice.secure{background:#eaf8f1;color:var(--green-dark)}.vpn-admin-notice.secure>span{background:#cef0df}.vpn-admin-notice.external,.vpn-admin-notice.locked{background:#fff7e5;color:#846019}.vpn-admin-notice.external>span,.vpn-admin-notice.locked>span{background:#f7e7bd}.vpn-user{padding-bottom:38px}.vpn-user-actions{position:absolute;right:8px;bottom:7px;display:flex;gap:5px}.vpn-user-actions button{border:1px solid #bedbce;border-radius:6px;padding:4px 6px;background:#f2faf6;color:var(--green-dark);font-size:7px;font-weight:800;cursor:pointer}.vpn-user-actions button.revoke{border-color:#ecc5c1;background:#fff6f5;color:#b8443b}.vpn-user-actions button:disabled{border-color:#e2e7e5;background:#f4f6f5;color:#adb6b2;cursor:not-allowed}.vpn-user .user-online{left:48px;right:auto;bottom:10px}.vpn-user-modal-card{width:min(470px,100%)}.vpn-user-modal-head{display:flex;align-items:center;gap:13px;padding:27px 27px 17px}.vpn-user-modal-head>span{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--mint);color:var(--green-dark);font-size:21px}.vpn-user-modal-head h2{margin:0;font-size:20px}.vpn-user-modal-head p:not(.eyebrow){margin:2px 0;color:var(--muted);font-size:10px}.vpn-user-form{display:grid;padding:8px 27px 27px}.vpn-user-form label{margin-bottom:6px;font-size:10px;font-weight:750}.vpn-user-form input{border:1px solid #d5e0db;border-radius:9px;padding:11px 12px;outline:none}.vpn-user-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,106,.1)}.vpn-user-form>small{margin-top:5px;color:var(--muted);font-size:8px}.vpn-user-form .action-message{margin:13px 0 0}.vpn-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.vpn-modal-actions button{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fff;color:var(--muted);font-size:9px;font-weight:800;cursor:pointer}.vpn-modal-actions button[type="submit"]{border-color:#0d7c51;background:var(--green-dark);color:#fff}.vpn-modal-actions button:disabled{opacity:.55}
.vpn-user-form label:not(:first-child){margin-top:13px}.vpn-audit-panel{margin-top:15px;padding-bottom:12px}.vpn-audit-scroll{max-height:360px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c7d4ce transparent}.vpn-audit-panel td{vertical-align:middle}.vpn-audit-panel td:first-child{font-weight:400}.vpn-audit-panel td code{padding:3px 5px;border-radius:5px;background:#edf4f1;color:#245e47;font-size:9px}.vpn-event{display:inline-flex;align-items:center;padding:4px 7px;border-radius:6px;background:#eef3f1;color:#63736c;font-size:8px;font-weight:850;white-space:nowrap}.vpn-event.connected,.vpn-event.profile_created{background:#e8f7ef;color:#08764d}.vpn-event.disconnected{background:#eaf1fb;color:#3f689b}.vpn-event.certificate_revoked{background:#fff0ef;color:#bb443b}.vpn-log-empty{padding:31px;color:var(--muted);text-align:center}.vpn-history-card{width:min(690px,100%)}.vpn-history-content{display:grid;gap:8px;max-height:470px;overflow:auto;padding:3px 27px 27px;scrollbar-width:thin;scrollbar-color:#c7d4ce transparent}.vpn-history-event{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #e0e9e5;border-radius:10px;background:#fbfdfc}.vpn-history-event>div{display:grid;min-width:0}.vpn-history-event>div:last-child{text-align:right}.vpn-history-event strong{font-size:10px}.vpn-history-event small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.history-marker{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef3f1;color:#63736c;font-size:15px}.history-marker.connected,.history-marker.profile_created{background:#e7f7ef;color:#08764d}.history-marker.disconnected{background:#eaf1fb;color:#3f689b}.history-marker.certificate_revoked{background:#fff0ef;color:#bb443b}
@media(max-width:500px){.vpn-panel-actions{align-items:end;flex-direction:column}.vpn-user{grid-template-columns:auto 1fr}.vpn-user>.certificate-state{grid-column:2}.vpn-user-actions{position:static;grid-column:1/-1}.vpn-user{padding-bottom:11px}}
@media(max-width:620px){.vpn-audit-scroll{overflow-x:auto}.vpn-audit-panel table{min-width:720px}.vpn-history-event{grid-template-columns:auto 1fr}.vpn-history-event>div:last-child{grid-column:2;text-align:left}}

/* Database backup via Rclone */
.backup-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:25px 29px;border-radius:17px;background:radial-gradient(circle at 80% -60%,#356c92 0,transparent 45%),linear-gradient(135deg,#092b24,#163c53);color:#fff;box-shadow:0 16px 36px rgba(8,43,35,.18)}.backup-hero h2{margin:0;font-size:26px}.backup-hero p:not(.eyebrow){margin:4px 0;color:#abc2bd}.backup-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid #477d78;border-radius:18px;background:rgba(27,91,73,.6);color:#6ce0ae;font-size:29px}.backup-health{padding:9px 12px;border:1px solid #527369;border-radius:20px;color:#b7cbc5;font-size:8px;font-weight:850;letter-spacing:.05em}.backup-health.ready{border-color:#397663;background:rgba(15,73,55,.58);color:#76e3b5}.backup-health.warning{border-color:#8b713e;color:#f4d991}.backup-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-top:15px}.backup-form{display:grid;gap:7px}.backup-form label{margin-top:7px;font-size:10px;font-weight:800}.backup-form input,.backup-form select{width:100%;border:1px solid #d5e0db;border-radius:9px;padding:11px 12px;background:#fff;color:var(--text);outline:none}.backup-form input:focus,.backup-form select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,106,.1)}.backup-form>small{color:var(--muted);font-size:8px;line-height:1.6}.backup-run{margin-top:9px;border:0;border-radius:9px;padding:12px;background:linear-gradient(135deg,#138258,#0b6846);color:#fff;font-size:10px;font-weight:850;cursor:pointer}.backup-run:disabled{background:#dce5e1;color:#8d9b95;cursor:not-allowed}.backup-setup{display:grid;gap:4px;margin-top:13px;padding:12px;border-radius:9px;background:#fff7e5;color:#795d20}.backup-setup:empty{display:none}.backup-setup strong{font-size:10px}.backup-setup small{font-size:8px;line-height:1.6}.backup-setup code{word-break:break-all}.backup-source{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #dfe9e4;border-radius:10px;background:#f9fcfa}.backup-source>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--mint);color:var(--green-dark);font-size:19px}.backup-source>div{display:grid}.backup-source small{color:var(--muted);font-size:8px}.backup-info-panel ul{display:grid;gap:9px;margin:16px 0 0;padding-left:19px;color:var(--muted);font-size:9px}.backup-history-panel{margin-top:15px}.backup-history-panel td{vertical-align:middle}.backup-history-panel td>strong,.backup-history-panel td>small{display:block}.backup-history-panel td small{margin-top:2px;color:var(--muted);font-size:8px}.backup-state{display:inline-flex;padding:5px 7px;border-radius:6px;background:#eef3f1;color:#63736c;font-size:7px;font-weight:850}.backup-state.success{background:#e8f7ef;color:#08764d}.backup-state.error{background:#fff0ef;color:#bb443b}.backup-state.running{background:#eaf1fb;color:#3f689b}.backup-empty{padding:35px!important;color:var(--muted);text-align:center}
@media(max-width:900px){.backup-grid{grid-template-columns:1fr}}@media(max-width:620px){.backup-hero{grid-template-columns:auto 1fr}.backup-health{grid-column:1/-1;width:max-content}.backup-history-panel .table-wrap{overflow-x:auto}.backup-history-panel table{min-width:650px}}
.backup-accounts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.backup-accounts>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px;background:#fff;color:#315c4b;font-size:8px;font-weight:800}.backup-accounts button{display:grid;place-items:center;width:16px;height:16px;border:0;border-radius:50%;background:#f5dedb;color:#a83d35;cursor:pointer}.backup-account-card{width:min(620px,100%)}.backup-account-form{display:grid;padding:2px 27px 27px}.backup-account-form>label{margin:12px 0 6px;font-size:10px;font-weight:800}.backup-account-form>input,.backup-account-form>textarea{border:1px solid #d5e0db;border-radius:9px;padding:11px 12px;outline:none;resize:vertical}.backup-account-form>input:focus,.backup-account-form>textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,106,.1)}.backup-account-form textarea{min-height:105px;font-family:monospace;font-size:9px}.oauth-steps{display:grid;gap:7px}.oauth-steps>div{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:9px;border:1px solid #e1e9e5;border-radius:9px;background:#fafcfb}.oauth-steps>div>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#173e31;color:#fff;font-size:9px;font-weight:850}.oauth-steps>div>div{display:grid;gap:2px}.oauth-steps strong{font-size:9px}.oauth-steps small{color:var(--muted);font-size:8px;line-height:1.45}.oauth-steps code{width:max-content;max-width:100%;overflow:auto;padding:4px 6px;border-radius:5px;background:#eaf2ee;color:#245e47;font-size:8px}.oauth-steps small code{display:inline;padding:1px 3px}
.backup-oauth-warning{display:grid;gap:2px;margin-bottom:9px;padding:10px;border-radius:8px;background:#fff2d7;color:#795715}.backup-oauth-warning:empty{display:none}.backup-oauth-warning strong{font-size:9px}.backup-oauth-warning small{font-size:8px;line-height:1.45}
.backup-download{display:inline-flex;align-items:center;gap:4px;border:1px solid #9bcfb8;border-radius:7px;padding:6px 8px;background:#edf9f3;color:var(--green-dark);font-size:8px;font-weight:850;text-decoration:none;white-space:nowrap}.backup-download:hover{background:#dff4e9}
.backup-schedule-panel{margin-top:15px}.backup-schedule-form{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr .9fr .65fr .55fr auto;gap:8px}.backup-schedule-form input,.backup-schedule-form select{min-width:0;border:1px solid #d5e0db;border-radius:8px;padding:9px;background:#fff;font-size:9px}.backup-schedule-form button{border:0;border-radius:8px;padding:9px 11px;background:var(--green-dark);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.backup-schedules{display:grid;gap:7px;margin-top:13px}.backup-schedule{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid #e0e9e5;border-radius:9px}.backup-schedule>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--mint);color:var(--green-dark)}.backup-schedule>div{display:grid}.backup-schedule strong{font-size:10px}.backup-schedule small{color:var(--muted);font-size:8px}.backup-schedule button{border:0;border-radius:50%;width:23px;height:23px;background:#fff0ef;color:#b8443b;cursor:pointer}@media(max-width:1200px){.backup-schedule-form{grid-template-columns:1fr 1fr 1fr 1fr}.backup-schedule-form button{grid-column:span 2}}@media(max-width:620px){.backup-schedule-form{grid-template-columns:1fr}.backup-schedule-form button{grid-column:auto}}