@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#17171c;--muted:#777782;--line:#e9e8ee;--paper:#fbfbfc;--panel:#fff;--purple:#7358ef;--purple-dark:#6348e0;--soft-purple:#f1efff;--orange:#e88542;--green:#27a177;--blue:#5187db;--sidebar:#17161d}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}body{margin:0;min-width:320px}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;width:250px;flex:0 0 250px;padding:25px 16px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:8px;padding:2px 10px 26px;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.5px;position:relative}.brand small{font-family:'DM Sans';position:absolute;left:40px;top:28px;color:#918e9e;font-weight:500;font-size:9px;letter-spacing:.4px}.brand-mark{height:24px;width:24px;border-radius:7px;display:grid;place-items:center;background:#806cff;color:#fff;font-family:Georgia,serif;font-size:20px;font-weight:bold;font-style:italic}.workspace-switcher{display:flex;align-items:center;gap:9px;background:#24232c;border:1px solid #373640;border-radius:9px;padding:9px 9px;margin-bottom:25px}.workspace-switcher>svg{margin-left:auto;color:#85818e}.workspace-switcher strong,.workspace-switcher span,.user-row strong,.user-row span{display:block}.workspace-switcher strong{font-size:11px;font-weight:600}.workspace-switcher span{font-size:10px;color:#96929e;margin-top:2px}.workspace-avatar,.user-avatar{display:grid;place-items:center;border-radius:7px;background:#d8c9ff;color:#453693;height:27px;width:27px;font-size:9px;font-weight:700}.nav-label{color:#777380;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:1.1px;margin:0 10px 9px}.nav-label.second{margin-top:27px}.nav-item{height:40px;padding:0 10px;display:flex;align-items:center;gap:12px;color:#aaa7b3;text-decoration:none;border-radius:7px;font-size:12px;font-weight:500;margin:2px 0}.nav-item svg{color:#817d8d}.nav-item:hover{background:#25242e;color:#fff}.nav-item.active{background:#2d2944;color:#fff}.nav-item.active svg{color:#a997ff}.nav-item b{margin-left:auto;font-size:10px;color:#a7a3ae;font-weight:500}.nav-item .count-badge{color:#d0c8ff;background:#5f4cd0;border-radius:9px;line-height:18px;min-width:19px;text-align:center}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:8px;background:#22212a;border:1px solid #34323d;border-radius:8px;padding:10px;margin-bottom:15px}.help-card strong,.help-card span{display:block}.help-card strong{font-size:10px}.help-card span{font-size:9px;color:#8e8a96;margin-top:2px}.help-icon{display:grid;place-items:center;border:1px solid #555060;border-radius:50%;color:#bfb8ff;width:23px;height:23px;font-size:12px;font-weight:700}.help-card svg{margin-left:auto;color:#7d7887}.user-row{display:flex;align-items:center;gap:9px;padding:4px 8px}.user-row strong{font-size:11px}.user-row span{font-size:10px;color:#8d8995;margin-top:2px}.user-row>svg{margin-left:auto;color:#817d8c}.main-content{margin-left:250px;width:calc(100% - 250px)}.topbar{height:71px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:rgba(251,251,252,.86);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.breadcrumb{display:flex;align-items:center;gap:10px;color:#898790;font-size:12px}.breadcrumb svg{color:#b5b2bb}.breadcrumb strong{color:#313038;font-weight:600}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{border:0;background:none;color:#777580;display:grid;place-items:center;padding:5px;cursor:pointer;position:relative}.icon-button:hover{color:var(--ink)}.notification i{width:6px;height:6px;background:#e98156;border:2px solid var(--paper);position:absolute;right:0;top:2px;border-radius:50%;box-sizing:content-box}.top-avatar{height:29px;width:29px;background:#211e38;color:#d7ccff;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.page-wrap{padding:40px 44px 70px;max-width:1400px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.page-heading.compact{margin-bottom:31px}.eyebrow{margin:0 0 9px;color:#96939c;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:700}.page-heading h1{font-family:Manrope,sans-serif;letter-spacing:-1.2px;font-size:29px;line-height:1.1;margin:0;font-weight:800}.subheading{color:var(--muted);font-size:12px;margin:9px 0 0}.wave{color:#8a6df3;font-size:23px;margin-left:3px}.primary-button,.secondary-button,.row-action,.manage-button,.filter-button,.text-link-button{font-family:'DM Sans';font-size:11px;font-weight:600;border-radius:6px;height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.15s}.primary-button{color:#fff;background:var(--purple);border:1px solid var(--purple)}.primary-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.secondary-button,.filter-button{background:#fff;border:1px solid #dddbe4;color:#4d4b54}.secondary-button:hover,.filter-button:hover{border-color:#b9b3cc;background:#fcfbff}.success-button{background:var(--green);border-color:var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 19px 16px;min-height:139px;box-shadow:0 2px 8px rgba(29,24,48,.025)}.metric-card.highlight{border-color:#ded9ff;background:linear-gradient(135deg,#fff 62%,#f7f4ff)}.metric-top,.panel-header,.table-toolbar{display:flex;align-items:flex-start;justify-content:space-between}.metric-label{font-size:11px;color:#7b7982}.metric-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px}.blue-bg{background:#edf4ff;color:#4b83db}.orange-bg{background:#fff1e8;color:#dd7c35}.green-bg{background:#e9f8f1;color:#23946e}.purple-bg{background:#f0edff;color:#745cf0}.gray-bg{background:#f1f1f4;color:#777580}.metric-value{font-family:Manrope,sans-serif;font-weight:800;font-size:30px;letter-spacing:-1.5px;margin-top:14px}.unit{font-size:17px;letter-spacing:-.5px;margin-left:2px}.metric-foot{display:flex;align-items:center;gap:5px;margin-top:9px;color:#99969e;font-size:10px}.metric-foot a{color:#755cf0;font-weight:600;text-decoration:none;margin-left:auto;display:flex;gap:3px;align-items:center}.positive{display:flex;align-items:center;gap:2px;color:#249770;font-weight:600}.positive svg{transform:rotate(-45deg)}.warning-dot{height:6px;width:6px;background:#e68a4a;border-radius:50%}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-bottom:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 8px rgba(29,24,48,.025)}.panel-header{padding:20px 20px 15px}.panel h2{font-family:Manrope,sans-serif;font-size:13px;letter-spacing:-.3px;margin:0;font-weight:800}.panel-header p,.table-toolbar p{margin:5px 0 0;color:#96939b;font-size:10px}.text-link{color:#7358ef;text-decoration:none;font-size:10px;font-weight:600;display:flex;align-items:center;gap:5px;margin-top:3px}.site-list{padding:0 10px 10px}.site-row{width:100%;display:flex;align-items:center;text-align:left;background:none;border:0;border-top:1px solid #f0eff3;padding:13px 10px;cursor:pointer;color:var(--ink);gap:12px}.site-row:hover{background:#fcfbff;border-radius:6px}.site-identity{display:flex;align-items:center;gap:10px;min-width:0}.site-identity strong,.site-identity span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-identity strong{font-size:11px;font-weight:600}.site-identity span{font-size:10px;color:#9b98a1;margin-top:3px}.site-mark{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:-.3px}.site-mark.coral{background:#ffe9e3;color:#d5684d}.site-mark.blue{background:#e8f0ff;color:#4f7fc5}.site-mark.violet{background:#eee9ff;color:#775adb}.site-mark.amber{background:#fff1d8;color:#b27b20}.site-mark.green{background:#e3f6ed;color:#31936b}.site-row>.site-identity{flex:1}.site-health{color:#7c7a82;font-size:10px;display:flex;align-items:center;gap:5px;min-width:94px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.healthy{background:#38b57f}.status-dot.attention{background:#ed9448}.site-updates{font-size:10px;color:#8a8790;min-width:70px}.site-updates b,.has-updates{color:#d87c39!important;font-weight:600}.site-row>svg{color:#bbb8c0}.activity-list{padding:0 20px 17px}.activity-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #f0eff3}.activity-badge{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex:0 0 28px}.activity-item strong,.activity-item span{display:block}.activity-item strong{font-size:10px;font-weight:600}.activity-item div span{color:#99969e;font-size:9px;margin-top:3px}.updates-panel{margin-bottom:0}.update-preview{margin:0 20px 20px;border:1px solid #eeeafc;background:#fcfbff;border-radius:7px;padding:14px;display:flex;align-items:center;gap:11px}.preview-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:7px}.update-preview>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.update-preview strong{font-size:11px}.update-preview span{font-size:10px;color:#92909a}.update-preview .secondary-button{height:31px;font-size:10px}.view{display:none}.view.active{display:block}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:-3px 0 16px}.search-box{height:36px;border:1px solid #dedce5;border-radius:6px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;width:250px;color:#9a97a0}.search-box input{border:0;outline:0;font:11px 'DM Sans';width:100%;color:var(--ink)}.toolbar-actions,.table-tools{display:flex;gap:8px}.filter-button{height:34px;color:#77737e;font-size:10px;gap:14px}.filter-button span{color:#aaa7b0}.full-site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.site-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px;box-shadow:0 2px 8px rgba(29,24,48,.025)}.site-card-head{display:flex;justify-content:space-between;align-items:flex-start}.icon-button.small{padding:1px;color:#aaa7b0}.site-card-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#6f6d77;border-bottom:1px solid #f0eff3;padding:15px 0}.site-card-status .divider{height:12px;width:1px;background:#e3e2e7;margin:0 3px}.site-card-stats{display:flex;gap:25px;padding:15px 0}.site-card-stats span,.site-card-stats strong{display:block}.site-card-stats span{font-size:9px;color:#9c99a1;margin-bottom:4px}.site-card-stats strong{font-size:11px;font-weight:600}.site-card-stats div:last-child{flex:1}.manage-button{height:31px;border:1px solid #e1ddec;background:#faf9ff;color:#6b52e3;font-size:10px;width:100%;justify-content:center}.manage-button:hover{background:#f2efff}.update-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.update-summary>div{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px;display:flex;align-items:center;gap:12px}.summary-number{font:800 25px Manrope}.summary-number.orange{color:#e17e38}.summary-number.blue{color:#4e83d3}.summary-number.purple{color:#775de6}.summary-number.dark{color:#282631}.update-summary strong,.update-summary span{display:block}.update-summary strong{font-size:10px}.update-summary div div span{font-size:9px;color:#9a97a0;margin-top:4px}.table-panel{overflow:hidden}.table-toolbar{padding:20px 20px 16px}.table-toolbar h2{font-size:13px;margin:0}.table-toolbar>div:first-child p{margin-top:5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{text-align:left;text-transform:uppercase;letter-spacing:.9px;font-size:8px;color:#a4a1aa;font-weight:700;padding:10px 20px;border-top:1px solid #efedf2;border-bottom:1px solid #efedf2}td{font-size:10px;color:#77747d;padding:13px 20px;border-bottom:1px solid #f1f0f3}td:first-child{display:flex;align-items:center;gap:9px;color:var(--ink)}tr:last-child td{border-bottom:0}.type-icon{height:25px;width:25px;border-radius:6px;display:grid;place-items:center;background:#f0edff;color:#7158e2}.type-icon.layout{background:#eaf5ff;color:#4c8bc7}.type-icon.chart{background:#eff8ed;color:#53a15b}.type-icon.wordpress{background:#eef1f7;color:#566c89}.type-icon.cart{background:#fff0e5;color:#d27735}.type-icon.bolt{background:#fff6d9;color:#d59c22}.version{font-family:'DM Mono';font-size:9px;color:#86828e}.risk{border-radius:10px;padding:4px 8px;font-size:8px;font-weight:600}.risk.low{color:#28946d;background:#eaf8f1}.risk.review{color:#c77b30;background:#fff4e7}.row-action{height:27px;border:1px solid #e2dff0;background:#fff;color:#6d54de;font-size:9px;padding:0 10px}.row-action.done{color:#278f69;border-color:#cbeadb;background:#f2fcf7}.site-inline{font-size:10px;color:#6f6d77}.backup-hero{background:linear-gradient(100deg,#f1efff,#fff 70%);border:1px solid #e2defc;border-radius:10px;padding:22px 25px;display:flex;align-items:center;gap:16px;margin-bottom:20px}.backup-orb{width:52px;height:52px;background:#e5e0ff;color:#765de5;border-radius:50%;display:grid;place-items:center}.backup-hero h2{font:800 17px Manrope;margin:1px 0 4px}.backup-hero p{font-size:10px;color:#8a8792;margin:0}.health-pill{margin-left:auto;color:#26966f;background:#e5f7ee;border-radius:13px;padding:6px 10px;font-size:9px;font-weight:600}.health-pill i{display:inline-block;width:5px;height:5px;background:#2dae7d;border-radius:50%;margin-right:4px}.backup-list{padding:0 20px}.backup-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #f0eff3}.backup-site{flex:1}.backup-site strong,.backup-site span{display:block}.backup-site strong{font-size:10px}.backup-site span,.backup-time{font-size:9px;color:#99969f;margin-top:3px}.backup-time{margin:0;width:150px}.backup-success{color:#26966f;font-size:9px;display:flex;align-items:center;gap:4px;margin-right:18px}.text-link-button{border:0;color:#7157e4;background:none;height:auto;padding:0;font-size:10px}.log-list{padding:0 20px}.log-list>div{display:flex;align-items:center;gap:11px;border-top:1px solid #f0eff3;padding:15px 0}.log-list p{flex:1;margin:0}.log-list strong,.log-list p span{display:block}.log-list strong{font-size:10px}.log-list p span{font-size:9px;color:#99969e;margin-top:3px}.log-list time{font:9px 'DM Mono';color:#a29fa7}.report-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.chart-panel{min-height:310px}.chart-value{font:800 20px Manrope;color:#7158e4}.fake-chart{height:215px;margin:9px 20px 0;position:relative;padding:11px 0 0}.chart-gridlines{position:absolute;inset:0 0 27px;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines i{height:1px;background:#f0eef4;width:100%}.fake-chart svg{width:100%;height:178px;position:relative}.chart-labels{display:flex;justify-content:space-between;color:#a5a1aa;font-size:8px}.health-bars{padding:3px 20px 20px}.health-bars>div{margin:18px 0}.health-bars>div>div{display:flex;justify-content:space-between;margin-bottom:7px;font-size:10px}.health-bars strong{font-weight:600}.health-track{display:block;background:#f0eff4;height:6px;border-radius:6px;overflow:hidden}.health-track i{display:block;background:#755ce7;height:100%;border-radius:6px}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:15px;max-width:850px}.settings-nav{padding:7px}.settings-nav a{display:block;padding:10px 12px;font-size:11px;color:#85818b;border-radius:6px;margin-bottom:2px}.settings-nav a.selected{background:#efedff;color:#6e54e2;font-weight:600}.settings-panel{padding:23px 25px;max-width:600px}.settings-panel h2{font-size:15px}.settings-panel>p{font-size:10px;color:#96939c;margin:5px 0 23px}.settings-panel label{display:block;font-size:10px;font-weight:600;margin:16px 0}.settings-panel input,.settings-panel select{display:block;width:100%;margin-top:8px;border:1px solid #dedce4;border-radius:6px;height:35px;background:#fff;padding:0 10px;font:11px 'DM Sans';color:#55515d;outline:none}.setting-toggle{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0eff3;padding:15px 0}.setting-toggle strong,.setting-toggle span{display:block}.setting-toggle strong{font-size:10px}.setting-toggle span{font-size:9px;color:#99969e;margin-top:4px}.toggle{width:31px;height:18px;border:0;border-radius:10px;background:#cfcdd4;padding:2px}.toggle.on{background:#755ce7}.toggle i{display:block;width:14px;height:14px;background:#fff;border-radius:50%;transition:.2s}.toggle.on i{transform:translateX(13px)}.settings-panel>.primary-button{margin-top:15px}.drawer-backdrop{position:fixed;inset:0;background:rgba(18,17,24,.2);z-index:30;opacity:0;pointer-events:none;transition:.25s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.site-drawer{position:fixed;z-index:31;right:0;top:0;bottom:0;background:#fff;width:390px;box-shadow:-10px 0 35px rgba(20,16,36,.12);padding:42px 29px;transform:translateX(100%);transition:.28s ease;overflow-y:auto}.site-drawer.open{transform:translateX(0)}.drawer-close{position:absolute;top:20px;right:20px;border:0;background:none;color:#8f8b96;cursor:pointer}.drawer-kicker{font:700 9px 'DM Sans';color:#9c98a2;text-transform:uppercase;letter-spacing:1.1px}.drawer-title{font:800 23px Manrope;letter-spacing:-.8px;margin-top:12px}.drawer-url{font-size:11px;color:#8e8a95;margin-top:5px}.drawer-status{margin-top:19px;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#4d4a55;background:#edf9f3;padding:7px 9px;border-radius:14px}.drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #eeeef2;border-radius:8px;margin:28px 0;padding:13px 0}.drawer-stats div{text-align:center;border-right:1px solid #eeeef2}.drawer-stats div:last-child{border:0}.drawer-stats span,.drawer-stats strong{display:block}.drawer-stats span{font-size:9px;color:#99969e}.drawer-stats strong{font:700 14px Manrope;margin-top:5px}.drawer-section{border-top:1px solid #eeeef2;padding-top:21px;margin-top:22px}.drawer-section h3{font:800 11px Manrope;margin:0 0 11px}.drawer-action{display:flex;align-items:center;width:100%;border:0;background:none;border-bottom:1px solid #f1f0f3;padding:13px 0;text-align:left;color:#7358ef;font-size:11px}.drawer-action span{color:#46434c;margin-left:10px}.drawer-action b{margin-left:auto;color:#aaa6b1}.drawer-event{font-size:10px;color:#5e5b65;display:flex;align-items:center;gap:8px}.drawer-event small{color:#a09ca5;margin-left:auto}.event-dot{width:6px;height:6px;border-radius:50%;background:#2da97b}.event-dot.blue{background:#5485d6}.toast{position:fixed;z-index:50;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#24212d;color:#fff;border-radius:7px;padding:11px 15px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 30px rgba(26,22,38,.2);font-size:11px;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}.toast-icon{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#2ca879;color:#fff}.mobile-menu{display:none;border:0;background:none;color:#777580}
@media(max-width:1050px){.page-wrap{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.full-site-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.report-grid{grid-template-columns:1fr}.site-health{min-width:85px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.mobile-menu{display:grid;margin-right:10px}.topbar{height:60px;padding:0 18px}.breadcrumb span,.breadcrumb svg{display:none}.top-actions{gap:10px}.page-wrap{padding:27px 17px 50px}.page-heading{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:23px}.page-heading .primary-button{align-self:stretch;justify-content:center}.page-heading h1{font-size:26px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px;min-height:125px}.metric-value{font-size:26px}.metric-foot{font-size:9px}.dashboard-grid{gap:10px}.panel-header{padding:17px 15px 12px}.site-list{padding:0 7px 7px}.site-row{padding:12px 7px;gap:7px}.site-health{display:none}.site-updates{min-width:52px;text-align:right}.update-preview{margin:0 15px 15px;flex-wrap:wrap}.update-preview .secondary-button{width:100%;justify-content:center}.toolbar{align-items:stretch;flex-direction:column;gap:10px}.search-box{width:100%}.toolbar-actions{justify-content:space-between}.toolbar-actions .filter-button{flex:1;justify-content:space-between}.full-site-grid{grid-template-columns:1fr}.update-summary{grid-template-columns:1fr 1fr;gap:9px}.update-summary>div{padding:12px;gap:8px}.summary-number{font-size:21px}.table-toolbar{align-items:flex-start;gap:10px;flex-direction:column}.table-tools{width:100%}.table-tools .filter-button{flex:1;justify-content:space-between}.backup-hero{padding:18px;align-items:flex-start;flex-wrap:wrap}.health-pill{margin-left:68px}.backup-time{display:none}.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto;gap:4px;padding:0}.settings-nav a{white-space:nowrap}.settings-panel{padding:20px 16px}.site-drawer{width:calc(100% - 25px)}}