:root{--ink:#142b37;--muted:#76858e;--line:#e5ebee;--teal:#007f78;--nav:#102f39;--bg:#f5f7f9}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,input,select{outline-offset:3px}button{transition:background .15s,border-color .15s}button svg{flex-shrink:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #00a397}button:hover:not(:disabled){filter:brightness(.97)}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--nav);color:#bdcdd2;display:flex;flex-direction:column;padding:33px 20px 0;position:fixed;inset:0 auto 0 0}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;color:white;display:flex;align-items:center;padding:0 10px}.brand span{color:#46c8ba}.brand b{font-size:9px;font-weight:500;letter-spacing:2px;border-left:1px solid #567079;padding-left:12px;margin-left:16px;color:#bacacf}.workspace{display:flex;align-items:center;gap:10px;margin:32px 0;padding:12px 7px;border-top:1px solid #29434c;border-bottom:1px solid #29434c;font-size:12px;color:#eef5f5}.sidebar-bottom small,.workspace small{display:block;color:#7e9ba5;font-size:10px;margin-top:5px}.workspace-avatar{width:31px;height:31px;border-radius:7px;background:#264751;color:#b3e8e2;display:grid;place-items:center;font-size:12px}.workspace>svg{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.7px;color:#6e909c;margin:0 12px 15px}nav{display:grid;gap:7px}nav button{display:flex;gap:11px;align-items:center;background:transparent;border:0;text-align:left;padding:13px 12px;color:#b9ccd2;border-radius:7px;font-size:12px}nav button.active{background:#1e4e55;color:#83e0d2;box-shadow:inset 3px 0 #46c8ba}nav em{font-style:normal;font-size:10px;background:#33505a;padding:3px 6px;border-radius:4px;margin-left:auto}.side-note{margin:auto 0 22px;padding:16px 10px;background:#163842;border:1px solid #284952;border-radius:8px;font-size:10px}.side-note strong{color:#bad4d8;font-weight:500}.status-dot{display:inline-block;width:6px;height:6px;background:#48c5a8;border-radius:50%;margin-right:7px}.side-note p{font-size:10px;line-height:1.6;color:#779ca6;margin-bottom:0}.sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #29434c;padding:20px 0;font-size:11px}.avatar{background:#35535e;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:white;font-size:10px}.sidebar-bottom button{margin-left:auto;color:#91adb7;background:none;border:0}.main-shell{margin-left:238px;width:calc(100% - 238px)}.topbar{height:69px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 36px;font-size:11px;color:#84939b}.topbar,.topbar>div{display:flex;align-items:center}.topbar>div{gap:15px}.topbar strong{font-weight:500;color:#425b67}.environment{display:flex;align-items:center;gap:7px;border:1px solid #e7edef;border-radius:6px;padding:7px 10px;font-size:10px}.environment span{height:5px;width:5px;border-radius:100%;background:#d6a14e}.content{padding:33px 36px 20px;max-width:1850px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#738994}h1{font-size:29px;letter-spacing:-.8px;margin:10px 0}p{color:var(--muted);line-height:1.6}.page-heading p{font-size:12px;margin:7px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;padding:12px 16px;font-size:11px;font-weight:600}.primary{background:var(--teal);color:#fff;border:1px solid var(--teal);box-shadow:0 2px 3px #007f7814}.secondary{background:#fff;color:#536b76;border:1px solid #dfe7ea}.freshness{justify-content:space-between;color:#89969e;font-size:10px;margin:23px 0 19px}.freshness,.freshness>span{display:flex;align-items:center}.freshness>span{gap:6px}.freshness strong{font-weight:400;color:#607784}.freshness i{width:3px;height:3px;background:#b4c0c6;border-radius:50%;margin:0 5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 21px;box-shadow:0 2px 4px #142b3702}.metric>div{display:flex;justify-content:space-between;align-items:center;color:#6a7e89;font-size:11px}.metric>div svg{color:#75949d}.metric>strong{display:block;font-size:35px;letter-spacing:-1px;font-weight:600;margin:18px 0 8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric>small{color:#97a4ab;font-size:10px}.metric.total{background:#123d45;border-color:#123d45;color:white}.metric.total>div{color:#bbd8d9}.metric.total svg{color:#63c5ba}.metric.total>small{color:#8bb3b8}.notice{display:flex;align-items:center;gap:10px;background:#fcfaf4;border:1px solid #ebe4cf;border-radius:7px;padding:13px 15px;font-size:11px;color:#8b7850;margin:20px 0}.notice strong{font-weight:600}.notice>svg{flex-shrink:0}.notice button{margin-left:auto;display:flex;align-items:center;gap:6px;background:none;border:0;color:#8b7850;font-size:11px;font-weight:600}.notice.danger{background:#fff2f2;color:#a33838;border-color:#f1cccc}.platform-section{margin:29px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}h2{font-size:15px;letter-spacing:-.2px;margin:0}.count-badge,.section-heading h2 span{font-size:10px;color:#8a9aa3;background:#eaf0f3;padding:3px 6px;border-radius:4px;margin-left:9px;font-weight:400}.text-button{border:0;background:none;color:var(--teal);font-size:10px;font-weight:600}.platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.platform{border:1px solid var(--line);border-radius:8px;background:white;text-align:left;padding:14px 13px;color:var(--ink);min-width:0}.platform.selected{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.platform-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.server-icon{background:#f1f5f6;width:29px;height:29px;display:grid;place-items:center;border-radius:6px;color:#6c8691}.state{font-size:8px;border-radius:4px;padding:4px 5px}.state.good{color:#3a8e77;background:#edf7f2}.state.bad{color:#a46a37;background:#fff2e6}.state.waiting{color:#81959f;background:#f1f4f6}.platform h3{font-size:12px;margin:16px 0 5px}.platform>small{font-size:9px;color:#93a1a8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.platform-value{font-size:25px;font-weight:600;letter-spacing:-.5px;margin-top:19px}.platform-value span{font-size:9px;font-weight:400;letter-spacing:0;color:#899da7;margin-left:5px}.mini-bar{display:flex;height:4px;background:#edf1f3;overflow:hidden;border-radius:3px;margin:12px 0}.mini-bar .normal{background:#519cb6}.mini-bar .\30 800{background:#dfaf53}.mini-bar .mobile{background:#8c80c8}.mini-bar .review{background:#ce7974}.platform footer{display:flex;align-items:center;justify-content:space-between;color:#82959f;font-size:9px}.platform-time{display:block;font-size:8px;color:#a0adb4;margin-top:8px}.platform-error{display:block;font-size:9px;color:#ab5f43;margin-top:8px}.data-panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 19px;gap:15px}.panel-heading p{font-size:10px;margin:8px 0 0}.panel-heading .secondary{padding:9px 12px;font-size:10px}.filters{gap:10px;padding:0 22px 19px}.filters,.search{display:flex;align-items:center}.search{gap:8px;border:1px solid #e1e8eb;border-radius:6px;padding:9px 11px;color:#a3b0b7;max-width:380px;flex:1 1}.search input{border:0;outline:none;width:100%;min-width:0;font-size:11px;background:transparent;color:var(--ink)}input::placeholder{color:#a0adb4}select{border:1px solid #e1e8eb;border-radius:6px;padding:9px 25px 9px 10px;font-size:10px;color:#708692;background:white;max-width:220px}.rules-button{display:flex;align-items:center;gap:7px;margin-left:auto;border:0;color:#82959f;background:none;font-size:10px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.3px;font-weight:500;color:#8a9da7;background:#f8fafb;padding:14px 16px;border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3}td:first-child,th:first-child{padding-left:23px}td{font-size:11px;padding:15px 16px;border-bottom:1px solid #edf1f3;color:#667f8b}.numeric{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clickable{cursor:pointer}.clickable:hover{background:#f8fbfb}.partner-cell{display:flex;align-items:center;gap:10px}.partner-avatar{width:31px;height:31px;background:#edf3f6;border:1px solid #e5ecf0;color:#6f8b9a;display:grid;place-items:center;font-size:9px;border-radius:6px;flex-shrink:0}.partner-cell strong{display:block;font-size:11px;font-weight:600;color:#405a68;white-space:normal;max-width:420px;line-height:1.4}.partner-cell small{font-size:9px;color:#9aaab2;margin-top:4px;display:block}.server-tag{font-size:9px;color:#788f9b;background:#f3f6f8;border-radius:4px;padding:5px 7px}.tollfree-text{color:#b49359}.mobile-text{color:#8a7db7}.total-cell{font-weight:700;color:#304f5d}.row-button{background:none;border:0;color:#93a9b4}.table-footer{justify-content:space-between;padding:15px 22px;font-size:9px;color:#99a7ae;gap:12px}.pagination,.table-footer{display:flex;align-items:center}.pagination{gap:10px}.pagination button{background:white;border:1px solid var(--line);border-radius:4px;display:grid;place-items:center;padding:4px}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#a0aeb5;padding:23px 0 5px}.tag{display:inline-block;font-size:9px;padding:5px 8px;border-radius:4px}.tag.normal{background:#edf5f9;color:#57849b}.tag.\30 800,.tag.tollfree{background:#fcf4df;color:#b18b3d}.tag.mobile{background:#f1eefb;color:#8d77b6}.tag.review{background:#f9ece9;color:#b96d5c}.did-number{font-family:Consolas,monospace;color:#34505f;letter-spacing:.2px}.issue-text{color:#a7854b;font-size:10px}.verified{color:#90a49e;font-size:10px;display:flex;gap:5px;align-items:center}.empty{text-align:center;padding:50px 15px;color:#a4b2ba}.empty h3{font-size:14px;color:#617d8c}.empty p{font-size:12px}.loading{padding:10px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#08212b80;z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:white;border-radius:12px;padding:30px;max-width:590px;width:100%;position:relative;max-height:87vh;overflow:auto;box-shadow:0 20px 70px #102f3933}.modal.wide{max-width:1180px}.modal h2{font-size:22px;margin:10px 35px 10px 0}.modal>p{font-size:12px}.close{position:absolute;right:18px;top:17px;border:0;background:#f0f4f6;border-radius:5px;padding:5px;color:#718791;display:grid;place-items:center}.close svg{width:18px;height:18px}.rule{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:flex-start}.rule p{margin:0;font-size:12px}.rule .tag{min-width:62px;text-align:center}.rule code{font-size:11px;color:#506f7c}.rule-note{line-height:1.7}.detail-counts{display:flex;gap:35px;margin:20px 0;padding:20px;background:#f6f9fa;border-radius:7px}.detail-counts span{color:#849ba7;font-size:11px}.detail-counts strong{display:block;font-size:24px;margin-top:6px;color:#385768}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:white}.login-brand{background:#10333d;color:white;position:relative;overflow:hidden;padding:70px 13%}.brand.large{padding:0}.login-brand h1{font-size:42px;line-height:1.2;margin-top:100px;letter-spacing:-1.3px}.login-brand p{color:#82a8b4;max-width:350px;line-height:1.8}.login-brand>small{display:block;margin-top:130px;color:#608792;font-size:10px;letter-spacing:2px}.login-lines{display:flex;gap:12px;margin-top:40px;align-items:flex-end}.login-lines i{display:block;width:55px;border-radius:6px;background:#246069;height:90px}.login-lines i:nth-child(2){height:130px;background:#2a857e}.login-lines i:nth-child(3){height:165px;background:#49bfb0}.login-form{align-self:center;padding:50px;max-width:470px;justify-self:center;width:100%}.login-icon{width:48px;height:48px;display:grid;place-items:center;background:#e9f5f2;color:var(--teal);border-radius:12px;margin-bottom:28px}.login-form h2{font-size:25px;margin:13px 0}.login-form p{font-size:12px}.login-form form{display:grid;gap:12px;margin:32px 0}.login-form label{font-size:11px;color:#5d7481;font-weight:600}.login-form input,.user-form input{border:1px solid #dce5e9;border-radius:6px;padding:13px;width:100%;color:var(--ink)}.login-form .primary{margin-top:7px;justify-content:space-between}.login-form>small{font-size:10px;color:#a2afb7}.error{color:#b75151!important}.user-form{display:grid;gap:12px}.user-form label{font-size:11px;font-weight:600}.user-form select{max-width:none}.credential-box{background:#edf7f3;border:1px solid #cce7dc;padding:16px;border-radius:7px;line-height:1.7;overflow-wrap:anywhere}.credential-box code{font-size:16px;font-weight:700;-webkit-user-select:all;user-select:all}.user-actions{display:flex;gap:8px}.user-actions button{font-size:10px;padding:7px}.user-hint{font-size:12px;padding:20px;color:#79929f}@media(min-width:1500px){.platform{padding:18px}.content{padding:38px 45px}.metric{padding:24px}}@media(max-width:1250px){.sidebar{width:205px;padding-left:13px;padding-right:13px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.content{padding:28px 22px}.platform-grid{grid-template-columns:repeat(3,1fr)}.metric{padding:17px}.metric strong{font-size:30px}.page-heading h1{font-size:26px}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:17px}.brand{font-size:28px}.nav-label,.side-note,.sidebar-bottom,.workspace{display:none}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:5px}.sidebar nav button{font-size:10px;padding:10px}.app-shell{display:block}.main-shell{margin:0;width:100%}.topbar{padding:0 20px;height:48px}.content{padding:24px 16px}.page-heading{align-items:flex-start}.page-heading .primary{font-size:0;padding:12px}.page-heading .primary svg{width:18px}.metrics{gap:10px}.metrics,.platform-grid{grid-template-columns:repeat(2,1fr)}.freshness{align-items:flex-start;gap:8px;flex-direction:column}.filters{flex-wrap:wrap;padding:0 14px 14px}.search{max-width:none;flex-basis:100%}.panel-heading{padding:20px 14px}.panel-heading p{max-width:260px}.panel-heading .secondary{font-size:0}.page-footer,.table-footer{flex-wrap:wrap;gap:10px}.notice{font-size:10px}.login-shell,.notice span{display:block}.login-brand{padding:30px}.login-brand h1{font-size:28px;margin-top:35px}.login-brand>small,.login-lines{display:none}.login-form{padding:35px 25px}.modal-backdrop{padding:12px}.modal{padding:22px}.detail-counts{gap:20px}.environment{font-size:8px}}.finance-modal{max-width:1280px!important}.finance-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:35px}.finance-heading p{font-size:12px}.finance-heading .primary{white-space:nowrap}.financial-total{margin-left:auto;text-align:right}.financial-total strong{color:#007f78!important;font-size:25px!important}.financial-total small{display:block;margin-top:6px;font-size:10px}.partner-server-summary{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.partner-server-summary article{display:flex;flex-direction:column;gap:9px;min-width:135px;flex:1 1;padding:16px;background:#fff;border:1px solid #deeaec;border-radius:7px}.partner-server-summary strong{font-size:11px;color:#7c939e}.partner-server-summary b{font-size:20px;color:#264b59}.partner-server-summary span{font-size:12px;color:#008075}.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 10px}.finance-toolbar>span{font-size:10px;color:#8a9da5}.finance-help{font-size:10px;margin-bottom:24px}.server-detail h3{font-size:13px;background:#eaf2f4;padding:14px 18px;display:flex;justify-content:space-between;margin:20px 0 0}.server-detail h3 span{font-size:11px;color:#6a838c;font-weight:400}.financial-table{white-space:normal;table-layout:fixed;min-width:830px}.financial-table th:first-child{width:155px}.financial-table th:nth-child(2){width:135px}.financial-table th:nth-child(3){width:35%}.financial-table th:nth-child(4){width:75px}.financial-table td{vertical-align:top;padding-top:13px;padding-bottom:13px}.row-id{display:block;font-family:Arial,sans-serif;color:#9aafb9;font-size:9px;margin-top:7px}.money-input{display:flex;align-items:center;border:1px solid #d7e5e9;border-radius:5px;padding:9px 8px;gap:6px;background:white}.money-input span{font-size:10px;color:#8ca1aa}.money-input input{border:0;outline:none;width:100%;min-width:0;background:none;color:#214959;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-source{display:block;font-size:9px;color:#99aeb6;margin-top:6px}.note-cell textarea{width:100%;min-height:45px;resize:vertical;font-family:inherit;font-size:11px;padding:9px;line-height:1.5;border:1px solid #d7e5e9;border-radius:5px;color:#365663}.note-cell textarea::placeholder{color:#a4b4bc}.price-status{overflow-wrap:anywhere}.price-status,.price-status .verified{font-size:10px}.server-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:245px}.missing-price{display:block;color:#b18b50;font-size:9px;font-weight:400;margin-top:5px}@media(max-width:800px){.finance-heading{display:block;padding-right:0}.finance-heading .primary{margin:10px 0}.detail-counts{flex-wrap:wrap}.financial-total{margin-left:0;text-align:left}.partner-server-summary article{min-width:110px}.finance-toolbar{align-items:flex-start;flex-direction:column}.finance-modal{padding:20px!important}}