:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#102a43;background:#f7f9fc;font-synthesis:none;--ink:#102a43;--muted:#6b7c93;--line:#e5eaf0;--blue:#1769e0;--green:#16a26b;--orange:#e58a2b;--purple:#7956d8}*{box-sizing:border-box}body{margin:0;background:#f7f9fc}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:20px;letter-spacing:-.4px;padding:0 10px 28px}.brand-mark{background:#155ed0;color:#fff;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:15px}.workspace-switcher{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 11px;display:flex;align-items:center;gap:9px;font-size:12px;color:#41566c;margin-bottom:25px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#25ba83}.chevron{margin-left:auto;color:#9ba9b7}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;color:#66798e;text-align:left;height:42px;padding:0 12px;border-radius:8px;font:inherit;font-size:13px;display:flex;align-items:center;gap:13px;cursor:pointer}.nav-item:hover{background:#f2f6fb;color:var(--ink)}.nav-item.active{background:#eaf2ff;color:#145bc1;font-weight:650}.nav-icon{width:18px;text-align:center;font-size:18px;color:currentColor}.sidebar-bottom{margin-top:auto}.upgrade-card{background:#f1f7ff;border:1px solid #dbeafe;border-radius:10px;padding:15px;margin:0 2px 16px}.upgrade-icon{color:#1d6fea;font-size:17px;margin-bottom:8px}.upgrade-card strong{font-size:12px}.upgrade-card p{color:#708397;font-size:11px;line-height:1.5;margin:6px 0 10px}.text-button{border:0;background:none;color:#1966cf;font-weight:650;font-size:12px;cursor:pointer;padding:0}.text-button span{font-size:15px;margin-left:4px}.user-row{border-top:1px solid var(--line);padding:16px 5px 0;margin-top:7px;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{border-radius:50%;background:#e2e9f4;color:#315779;width:30px;height:30px;display:grid;place-items:center;font-size:11px;font-weight:700}.user-row strong{display:block;font-size:12px}.user-row small{color:#8b9aab;font-size:10px}.more{margin-left:auto;color:#9aa8b7;font-size:12px}.main-content{margin-left:240px;width:calc(100% - 240px);padding:0 42px 50px}.topbar{height:73px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;gap:10px;font-size:12px;color:#9aa7b5}.breadcrumb strong{color:#4d6178;font-weight:550}.top-actions{display:flex;align-items:center;gap:17px}.icon-button,.help-button{border:0;background:transparent;color:#6f8093;font-size:17px;cursor:pointer;position:relative}.icon-button i{position:absolute;width:5px;height:5px;background:#e45353;border-radius:50%;top:1px;right:0}.help-button{border:1px solid #d6dee7;border-radius:50%;font-size:12px;width:21px;height:21px}.page-view{display:none;max-width:1400px;margin:0 auto}.page-view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:37px 0 29px}.eyebrow{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#6d91bc;font-weight:750;margin:0 0 8px}.page-heading h1{font-size:27px;letter-spacing:-.7px;margin:0 0 6px;color:var(--ink)}.wave{font-size:18px;color:#eda843;margin-left:4px}.muted{color:#77899c;font-size:13px;margin:0}.heading-actions{display:flex;align-items:center;gap:10px}.last-sync{font-size:11px;color:#8d9bab;margin-right:8px}.primary-button,.secondary-button,.filter-button{border-radius:7px;height:36px;padding:0 15px;font:inherit;font-weight:650;font-size:12px;cursor:pointer}.primary-button{background:#1769e0;border:1px solid #1769e0;color:#fff;box-shadow:0 2px 4px #1769e01e}.secondary-button,.filter-button{background:#fff;border:1px solid #dce4ed;color:#52667a}.filter-button{height:32px;font-weight:550;padding:0 10px}.filter-button span{margin-left:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px 15px;min-height:136px;position:relative;overflow:hidden}.metric-label{font-size:11px;color:#718398;display:flex;align-items:center;gap:5px}.info{border:1px solid #adb9c7;border-radius:50%;width:13px;height:13px;font-size:9px;text-align:center;line-height:12px;color:#94a2b2}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.green{background:#26b37f}.metric-value{font-size:27px;letter-spacing:-.9px;color:var(--ink);font-weight:730;margin:11px 0 7px}.metric-value small{font-size:13px;font-weight:500;color:#8a98a8;letter-spacing:0}.metric-foot{display:flex;gap:7px;align-items:center;font-size:10px;color:#a0acb8}.trend{font-weight:700}.up{color:#15a06a}.down{color:#e48a34}.sparkline{position:absolute;bottom:0;right:8px;width:92px;height:39px;opacity:.7;background:linear-gradient(175deg,transparent 45%,#5e9af440 46%,#5e9af440 50%,transparent 51%),linear-gradient(165deg,transparent 50%,#5e9af440 51%,#5e9af440 55%,transparent 56%);clip-path:polygon(0 83%,18% 69%,32% 75%,48% 38%,64% 54%,79% 19%,100% 10%,100% 100%,0 100%)}.green-line{background:linear-gradient(175deg,transparent 45%,#32b78d55 46%,#32b78d55 50%,transparent 51%),linear-gradient(165deg,transparent 50%,#32b78d55 51%,#32b78d55 55%,transparent 56%);clip-path:polygon(0 55%,20% 71%,35% 58%,52% 66%,68% 33%,82% 42%,100% 15%,100% 100%,0 100%)}.orange{background:linear-gradient(165deg,transparent 45%,#e3a05255 46%,#e3a05255 50%,transparent 51%);clip-path:polygon(0 48%,20% 61%,35% 36%,52% 64%,66% 47%,83% 50%,100% 22%,100% 100%,0 100%)}.purple{background:linear-gradient(165deg,transparent 45%,#9278dd55 46%,#9278dd55 50%,transparent 51%);clip-path:polygon(0 70%,20% 37%,35% 52%,50% 31%,66% 43%,83% 20%,100% 36%,100% 100%,0 100%)}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:15px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.panel-header{padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:flex-start}.panel-header h2{font-size:14px;margin:0 0 5px;letter-spacing:-.2px}.panel-header p{font-size:11px;color:#8796a6;margin:0}.panel-actions{display:flex;gap:8px;align-items:center}.bordered{border:1px solid #dce4ed;border-radius:6px;width:31px;height:31px;font-size:12px}.table-row{display:grid;grid-template-columns:1.7fr .85fr 1.35fr .9fr .9fr 22px;gap:10px;align-items:center;padding:12px 20px;border-top:1px solid #eef1f4;font-size:11px;color:#61758a}.table-head{border-top:0;color:#a0acb8;font-size:10px;padding-top:4px;padding-bottom:9px}.service-name{display:flex;gap:10px;align-items:center;color:#273e56;font-weight:650}.service-logo{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:750}.logo-github{background:#222}.logo-docker{background:#2496ed}.logo-tmdb{background:#11a66b}.logo-cloudflare{background:#ed9a26}.logo-telegram{background:#2aabee}.logo-custom{background:#7d67c9}.service-sub{font-size:10px;color:#9ba8b5;font-weight:450;margin-top:3px}.status{font-size:10px;display:inline-flex;align-items:center;gap:5px}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:#25b77f}.status.degraded::before{background:#eaa03f}.status.down::before{background:#e05252}.domain{color:#5a6f83;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latency{font-variant-numeric:tabular-nums;color:#526a80}.row-menu{color:#a6b1bd;font-weight:700}.panel-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-top:1px solid #eef1f4;color:#9aa7b4;font-size:10px}.activity-list{padding:0 20px}.activity-item{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #eef1f4}.activity-item:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:#4f90df;margin-top:4px;flex:0 0 auto}.activity-dot.green-dot{background:#2ab17d}.activity-dot.orange-dot{background:#e59a40}.activity-item p{font-size:11px;color:#526a80;margin:0;line-height:1.45}.activity-item p strong{color:#243e58;font-weight:650}.activity-item time{display:block;font-size:10px;color:#a3aeba;margin-top:4px}.quick-panel{margin-top:16px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px 20px;gap:11px}.quick-action{background:#fff;border:1px solid #e6ebf1;border-radius:8px;display:flex;align-items:center;gap:10px;padding:12px 11px;text-align:left;cursor:pointer;min-width:0}.quick-action:hover{border-color:#a8c6ec;box-shadow:0 3px 10px #2c6db912}.quick-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:16px;flex:0 0 auto}.blue-bg{background:#e8f1ff;color:#2672dc}.green-bg{background:#e5f7f0;color:#19a16d}.orange-bg{background:#fff2df;color:#d9902e}.purple-bg{background:#f0eaff;color:#785bd1}.quick-action strong{display:block;font-size:11px;color:#334c64;white-space:nowrap}.quick-action small{display:block;color:#9aa6b3;font-size:9px;margin-top:3px;white-space:nowrap}.arrow{margin-left:auto;color:#a4b0bc}.full-panel{margin-bottom:20px}.services-cards{padding:0 20px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-card{border:1px solid #e6ebf1;border-radius:8px;padding:16px}.service-card-top{display:flex;align-items:center;gap:10px}.service-card h3{font-size:13px;margin:0;color:#2d465f}.service-card .domain-line{font-size:10px;color:#8192a3;margin-top:4px}.service-card-meta{display:flex;gap:18px;margin-top:17px;color:#8594a3;font-size:10px}.service-card-meta strong{display:block;color:#3a536c;font-size:13px;margin-top:4px}.node-empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:72px 20px}.node-illustration{width:58px;height:58px;border-radius:17px;background:#eaf2ff;color:#1769e0;font-size:31px;display:grid;place-items:center;margin:0 auto 16px}.node-empty h2{font-size:17px;margin:0 0 8px}.node-empty p{font-size:12px;color:#8190a1;margin:0 0 22px}.domain-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.domain-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.domain-card h3{font-size:14px;margin:0 0 8px}.domain-card p{font-size:11px;color:#73869a;margin:0}.domain-card .cert{margin-top:15px;color:#19a16d;font-size:11px}.modal-backdrop{display:none;position:fixed;inset:0;background:#102a4366;z-index:10;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{background:#fff;border-radius:12px;width:min(500px,100%);box-shadow:0 20px 60px #102a4333}.modal-header{padding:24px 26px 16px;display:flex;justify-content:space-between}.modal-header h2{font-size:19px;margin:0}.close-button{border:0;background:transparent;font-size:24px;color:#9aa7b4;cursor:pointer}.modal form{padding:0 26px 26px}.modal label{display:block;font-size:11px;color:#63768a;font-weight:650;margin-top:13px}.modal input,.modal select{width:100%;height:38px;margin-top:7px;border:1px solid #dce4ed;border-radius:6px;padding:0 11px;font:inherit;font-size:12px;color:#334b62;outline:none}.modal input:focus,.modal select:focus{border-color:#5791df;box-shadow:0 0 0 3px #5791df16}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.toast{position:fixed;bottom:24px;right:28px;background:#17324d;color:#fff;border-radius:7px;padding:11px 15px;font-size:12px;display:flex;gap:8px;align-items:center;transform:translateY(15px);opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{transform:none;opacity:1}.toast span:first-child{color:#5ee1a8;font-weight:700}@media(max-width:1050px){.sidebar{width:208px}.main-content{margin-left:208px;width:calc(100% - 208px);padding:0 25px}.quick-actions{grid-template-columns:repeat(2,1fr)}.table-row{grid-template-columns:1.5fr .8fr 1.1fr .8fr 22px}.table-row span:nth-child(5){display:none}}@media(max-width:760px){.sidebar{width:62px;padding:20px 9px}.brand{padding:0 7px 25px}.brand>span:last-child,.workspace-switcher,.nav-item:not(.active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:0}.nav-icon{font-size:18px}.upgrade-card,.user-row>div:not(.avatar),.user-row .more{display:none}.main-content{margin-left:62px;width:calc(100% - 62px);padding:0 14px}.topbar{height:60px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column;padding:26px 0 20px}.heading-actions{width:100%;flex-wrap:wrap}.last-sync{width:100%;margin:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.services-cards,.domain-list{grid-template-columns:1fr}.table-row{padding-left:12px;padding-right:12px;grid-template-columns:1.8fr .9fr .8fr 20px}.table-row span:nth-child(3),.table-row span:nth-child(4),.table-row span:nth-child(5){display:none}.quick-actions{grid-template-columns:1fr}.top-avatar{width:26px;height:26px}}