:root{--ink:#10231e;--muted:#65766f;--line:#dfe8e4;--panel:#fff;--wash:#f3f7f5;--green:#0f715a;--green-2:#19a47f;--dark:#071713;--amber:#e7a827;--red:#d55249;--shadow:0 20px 55px rgba(18,52,43,.08)}*{box-sizing:border-box}html{background:var(--wash)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 80% -10%,rgba(25,164,127,.13),transparent 28%),var(--wash)}button,input{font:inherit}button{cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:800;color:var(--green)}.topbar{height:72px;background:rgba(7,23,19,.97);color:#fff;justify-content:space-between;padding:0 max(24px,4vw);position:sticky;top:0;z-index:20;box-shadow:0 8px 30px rgba(7,23,19,.16)}.brand-mark,.topbar{display:flex;align-items:center}.brand-mark{gap:11px}.brand-mark>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2dd6a7,#15856a);font-weight:900;color:#062019;font-size:.83rem}.brand-mark>div{display:grid}.brand-mark strong{font-size:1rem}.brand-mark small{color:#9eb7ae;font-size:.72rem}.brand-mark.light>span{background:#e8fff6}.brand-mark.light>div small{color:#b9d2c9}.topbar-actions{display:flex;align-items:center;gap:10px}.plan-badge,.quiet-button,.secure-chip,.subtle-badge{display:inline-flex;align-items:center;gap:7px}.secure-chip{font-size:.76rem;color:#b9f7e3;border:1px solid rgba(185,247,227,.2);background:rgba(255,255,255,.06);padding:8px 11px;border-radius:999px}.quiet-button{border:0;background:transparent;color:#c7d5d0;padding:9px 10px;border-radius:10px}.quiet-button:hover{background:rgba(255,255,255,.08);color:#fff}.dashboard-content{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:42px 0 72px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:28px}.hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;letter-spacing:-.055em;max-width:820px;margin:8px 0 12px}.hero p{color:var(--muted);font-size:1rem;margin:0;max-width:690px}.freshness{min-width:235px;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:16px;padding:15px 17px;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;box-shadow:var(--shadow)}.freshness svg{grid-row:1/3;color:var(--green);margin-top:3px}.freshness span{font-size:.72rem;color:var(--muted)}.freshness strong{font-size:.8rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:21px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;gap:4px 13px}.metric-icon{grid-row:1/4;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eaf8f3;color:var(--green)}.metric-card>span{font-size:.78rem;color:var(--muted);font-weight:700}.metric-card>strong{font-size:2rem;letter-spacing:-.04em;line-height:1}.metric-card>small{font-size:.72rem;color:#73827c;margin-top:5px}.provider-grid,.two-column{display:grid;grid-template-columns:1.35fr 1fr;gap:15px;margin-bottom:15px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;gap:11px;justify-content:space-between;margin-bottom:18px}.panel-heading h2{font-size:1.05rem;margin:4px 0 0}.heading-icon{width:40px;height:40px;border-radius:12px;background:#eaf8f3;color:var(--green);display:grid;place-items:center}.panel-heading>div:has(.heading-icon){display:flex}.plan-badge,.subtle-badge{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.7rem;color:var(--muted);font-weight:700;background:#f8fbfa}.bar-chart{height:178px;display:flex;align-items:flex-end;gap:8px;padding:20px 4px 0;border-bottom:1px solid var(--line);overflow:hidden}.bar-column{height:100%;flex:1 1;min-width:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}.bar{display:block;width:min(28px,70%);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(#23b58d,#0d7059)}.bar-value{font-size:.68rem;color:var(--green);font-weight:800}.bar-label{font-size:.58rem;color:#82918b;white-space:nowrap;margin-bottom:-20px;transform:rotate(-35deg);transform-origin:center}.status-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:15px;overflow:hidden}.status-grid>div{padding:16px;display:grid;gap:4px}.status-grid>div:nth-child(odd){border-right:1px solid var(--line)}.status-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.status-grid span{font-size:.7rem;color:var(--muted)}.status-grid strong{font-size:1.35rem}.status-grid .time-value{font-size:1rem}.panel-note{font-size:.72rem;line-height:1.55;color:var(--muted);margin:14px 0 0}.branches-panel{margin-bottom:15px;padding-bottom:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}table{width:100%;border-collapse:collapse;min-width:970px}th{text-align:left;padding:11px 14px;background:#f5f9f7;color:#64766e;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}td{padding:14px;border-top:1px solid var(--line);font-size:.78rem;white-space:nowrap}td span,td strong{display:block}td span{color:var(--muted);font-size:.7rem;margin-top:3px}.status-pill{display:inline-block;text-transform:capitalize!important;padding:5px 8px;border-radius:999px;font-weight:800!important}.status-pill.active{background:#e5f8f1;color:#087052}.status-pill.inactive{background:#f4eeeb;color:#8b6252}.cycle-line{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#f6f9f8;color:var(--muted);font-size:.7rem;margin-bottom:12px}.cycle-line span:last-child{margin-left:auto}.usage-list{display:grid;gap:5px}.usage-row{padding:13px 0;border-bottom:1px solid #edf1ef}.usage-row:last-child{border-bottom:0}.usage-row-interactive{margin:0 -10px;padding:13px 10px;border-radius:12px;transition:background .16s ease,box-shadow .16s ease}.usage-row-interactive:hover{background:#f2faf7}.usage-row-interactive:focus-visible{outline:0;background:#f2faf7;box-shadow:0 0 0 3px rgba(15,113,90,.16)}.usage-row-foot,.usage-row-head{display:flex;justify-content:space-between;gap:15px}.usage-row-head>div{display:grid}.usage-row-head strong{font-size:.78rem}.usage-row-foot,.usage-row-head span{font-size:.65rem;color:var(--muted)}.usage-amount{text-align:right}.meter-track{height:7px;background:#edf2f0;border-radius:999px;margin:9px 0 6px;overflow:hidden}.meter-fill{display:block;height:100%;background:var(--green-2);border-radius:inherit}.meter-fill.watch{background:#d1a72b}.meter-fill.warning{background:var(--amber)}.meter-fill.critical{background:var(--red)}.meter-fill.unknown{width:12px!important;background:#91a19b}.empty-state{border:1px dashed #c8d5d0;border-radius:15px;padding:28px;text-align:center;background:#f8fbfa}.empty-state strong{font-size:.9rem}.empty-state p{color:var(--muted);font-size:.74rem;line-height:1.5}.provider-grid{grid-template-columns:1fr 1fr}.usage-panel{align-self:start}.report-backdrop{position:fixed;inset:0;z-index:50;background:rgba(3,17,13,.64);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.report-dialog{width:min(780px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:22px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.report-dialog-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px}.report-dialog-head h2{font-size:1.15rem;margin:3px 0 0}.report-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#f8fbfa;color:var(--muted)}.report-close:hover{background:#eef6f3;color:var(--ink)}.report-close:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(15,113,90,.16)}.report-period{margin:18px 0 11px;padding:10px 12px;border-radius:11px;background:#f5f9f7;color:var(--muted);font-size:.72rem}.report-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.report-table{min-width:520px}.report-table td:nth-child(n+2),.report-table th:nth-child(n+2){text-align:right}.report-table td{padding:12px 14px}.report-unavailable{padding:28px;border:1px dashed #c8d5d0;border-radius:14px;text-align:center;background:#f8fbfa}.report-unavailable strong{font-size:.86rem}.report-note,.report-unavailable p{color:var(--muted);font-size:.7rem;line-height:1.55}.report-unavailable p{margin:7px 0 0}.report-note{margin:13px 2px 0}.daily-chart-scroll{overflow:auto;margin:0 0 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(#fff,#f8fbfa)}.daily-chart{height:230px;min-width:680px;display:flex;align-items:stretch;gap:7px;padding:18px 14px 10px}.daily-chart-column{flex:1 1;min-width:45px;display:grid;grid-template-rows:24px 1fr 22px;justify-items:center;gap:5px}.daily-chart-value{font-size:.6rem;color:var(--muted);font-weight:700}.daily-chart-track{width:100%;height:100%;display:flex;align-items:flex-end;border-bottom:1px solid #b9c9c3;background:repeating-linear-gradient(180deg,transparent 0,transparent calc(33.333% - 1px),#edf2f0 calc(33.333% - 1px),#edf2f0 33.333%)}.daily-chart-bar{display:block;width:min(34px,75%);margin:0 auto;background:linear-gradient(#28b68d,#11916f);border-radius:5px 5px 1px 1px}.daily-chart-bar.unavailable{height:4px!important;background:#c8d5d0}.daily-chart-label{font-size:.59rem;color:var(--muted);white-space:nowrap}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-brand{background:radial-gradient(circle at 10% 90%,rgba(29,175,135,.34),transparent 32%),linear-gradient(145deg,#061712,#0b3c30);color:#fff;padding:clamp(34px,7vw,90px);display:flex;flex-direction:column;justify-content:space-between}.login-brand h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.98;letter-spacing:-.065em;max-width:850px;margin:12px 0 20px}.login-brand p{color:#b9d2c9;font-size:1.02rem}.light-text{color:#77e1c0}.login-brand ul{list-style:none;padding:0;margin:40px 0 0;display:flex;gap:24px;color:#cbe0d9;font-size:.8rem}.login-brand li{display:flex;align-items:center;gap:8px}.login-card-wrap{display:grid;place-items:center;padding:34px;background:linear-gradient(160deg,#fff,#f1f7f4)}.login-card{width:min(430px,100%);border:1px solid var(--line);border-radius:26px;padding:34px;background:rgba(255,255,255,.92);box-shadow:0 30px 70px rgba(10,47,38,.12)}.login-card h2{font-size:1.8rem;letter-spacing:-.04em;margin:8px 0}.login-card>p{color:var(--muted);font-size:.82rem;line-height:1.55;margin:0 0 25px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px}.login-form label>span{font-size:.74rem;font-weight:800}.input-shell{height:48px;border:1px solid #cfdad6;border-radius:13px;display:flex;align-items:center;padding:0 13px;color:#70817a;background:#fff}.input-shell:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,113,90,.1)}.input-shell input{width:100%;height:100%;border:0;outline:0;padding:0 10px;background:transparent;color:var(--ink)}.input-shell button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.primary-button{border:0;border-radius:13px;background:var(--green);color:#fff;padding:13px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button:hover{background:#095f4a}.primary-button:disabled{opacity:.6;cursor:wait}.login-button{margin-top:3px}.form-error{font-size:.73rem;color:#a5342f;background:#fff0ee;border:1px solid #f2cbc8;border-radius:10px;padding:10px;margin:0}.security-note{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);margin-top:18px}.center-page{min-height:100vh;display:grid;place-items:center;padding:30px}.notice-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:35px;max-width:480px;text-align:center}.notice-card h1{margin:8px 0}.notice-card p{color:var(--muted);line-height:1.6}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.login-page,.provider-grid,.two-column{grid-template-columns:1fr}.login-brand{min-height:44vh}.login-brand ul{flex-wrap:wrap}.hero{align-items:flex-start;flex-direction:column}.freshness{min-width:0}}@media(max-width:650px){.dashboard-content{width:min(100% - 22px,1480px);padding-top:28px}.topbar{padding:0 14px}.secure-chip{display:none}.metric-grid{grid-template-columns:1fr}.hero h1{font-size:2.35rem}.panel{padding:17px}.bar-chart{gap:3px}.bar-label{display:none}.login-brand{padding:32px 24px}.login-brand h1{font-size:2.65rem}.login-brand ul{display:grid}.login-card-wrap{padding:18px}.login-card{padding:25px}.cycle-line{align-items:flex-start;flex-wrap:wrap}.cycle-line span:last-child{margin-left:23px}}