:root{--h24-navy:#152738;--h24-blue:#1763a9;--tblr-primary:#1763a9;--tblr-body-bg:#f3f5f7;--tblr-body-color:#243749;--tblr-secondary:#586775}*{box-sizing:border-box}body{margin:0;font-variant-numeric:tabular-nums}::selection{background:#cee5f7;color:#142c42}:focus-visible{outline:3px solid #4d9bd9;outline-offset:3px}a{text-underline-offset:3px}button,input,select{accent-color:var(--h24-blue)}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--h24-navy);color:#eef5fb;padding:30px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font-size:23px;font-weight:650;line-height:1.1;margin-bottom:42px}.brand:hover{color:inherit}.brand-mark{display:grid;place-items:center;background:#e5eff7;color:#18364e;min-width:49px;height:43px;border-radius:7px;font-weight:750;letter-spacing:-.04em}.brand-caption{display:block;font-size:10px;line-height:1.5;font-weight:400;color:#bacbd9;margin-top:6px}.nav-item{display:block;color:#c4d2dd;text-decoration:none;padding:10px 14px;border-radius:6px;margin:2px 0;font-weight:500}.nav-item:hover{color:white;background:#263c4e}.nav-item.selected{color:#fff;background:#2b4961}.nav-label{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700;color:#a6b9c8;margin:27px 14px 9px}.sidebar-account{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:35px;font-size:13px}.sidebar-account small,.person small{display:block;color:#aebfcd;font-size:11px;margin-top:2px}.sidebar .avatar{background:#3a5367;color:white;box-shadow:none}.logout{background:transparent;color:#bccbd8;border:0;padding:13px 0 0;font-size:12px;text-decoration:underline;cursor:pointer}.workspace{margin-left:236px;width:calc(100% - 236px);min-width:0}.topbar{height:66px;background:white;border-bottom:1px solid #e0e5ea;padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.main-content{max-width:1460px;margin:auto;padding:36px 38px 26px;min-height:calc(100vh - 125px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:650;margin:0 0 9px}.page-heading p{color:#586775;margin:0;max-width:70ch}.page-actions{display:flex;gap:10px;align-items:center}.balance-banner{background:#e4eef6;padding:31px 34px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;margin-bottom:25px;gap:30px}.balance-banner h2{font-size:14px;font-weight:550;margin:0 0 12px;color:#335a78}.balance-value{font-size:49px;font-weight:650;line-height:1;letter-spacing:-.035em;color:#173e5b}.balance-banner p{margin:15px 0 0;color:#335a78}.balance-facts{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-right:20px}.balance-facts span,.balance-facts strong{display:block}.balance-facts span{font-size:12px;color:#335a78;margin-bottom:9px}.balance-facts strong{font-size:21px;font-weight:600;color:#173e5b}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.card{border:1px solid #dce3e9;box-shadow:none;border-radius:10px;overflow:hidden}.card-header{min-height:65px;padding:19px 23px;display:flex;justify-content:space-between;gap:15px}.card-title{font-size:15px;font-weight:600;margin:0}.card-body{padding:24px}.section-link{font-size:12px;white-space:nowrap}.storage-number,.payment-amount{font-size:28px;font-weight:600;letter-spacing:-.025em}.storage-number span{font-size:15px;color:#586775;font-weight:400}.payment-amount{color:#217346}.progress{height:7px;margin:21px 0 16px;background:#e5ebf0}.progress-bar{background:#357aac}.split-facts{display:flex;gap:32px;font-size:12px;color:#586775}.split-facts strong{margin-left:12px;color:#243749}.table{font-size:13px}.table>:not(caption)>*>*{padding:16px 23px}.table thead th{font-size:10px;color:#586775;letter-spacing:.055em;background:#f8fafb;white-space:nowrap}.numeric{white-space:nowrap}.table-responsive{overflow:auto}.empty-inline{padding:30px 24px;color:#586775}.empty-inline h3{font-size:15px;color:#243749;margin:0 0 8px}.empty-inline p{margin:0;max-width:65ch}.card-body .empty-inline{padding:0}.media-callout{display:flex;justify-content:space-between;align-items:center;padding:30px 0 5px;gap:24px}.media-callout h2{font-size:17px;margin:0 0 8px}.media-callout p{color:#586775;margin:0}.app-footer{padding:20px 38px;display:flex;justify-content:space-between;color:#647583;font-size:11px}.summary-strip{display:flex;flex-wrap:wrap;gap:25px 50px;padding:26px 0 32px;margin-bottom:8px;border-top:1px solid #dce3e9;border-bottom:1px solid #dce3e9}.summary-strip span{display:block;color:#586775;font-size:12px;margin-bottom:9px}.summary-strip strong{font-size:25px;font-weight:600;letter-spacing:-.02em}.summary-strip+p{margin-top:20px}.person{display:flex;gap:12px;align-items:center}.person .avatar{background:#e8eff5;color:#365a75;box-shadow:none}.person small{color:#586775}.form-layout{display:grid;grid-template-columns:minmax(0,600px) minmax(220px,1fr);gap:40px}.form-layout aside{padding:15px 0;max-width:46ch;color:#586775}.form-layout h2{font-size:19px;color:#243749}.search-results{padding-left:20px}.search-results li{margin:15px 0}.form-label{font-size:13px}.entry-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:18px}.entry-form>div{flex:1 1 150px}.entry-form .entry-description{flex:2 1 230px}.entry-form>.form-check{align-self:center}.back-link{display:inline-block;font-size:12px;margin-bottom:17px}.btn{font-weight:550;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.negative{color:#ad2e36}.alert{border:1px solid transparent;border-radius:7px}.diagnostics{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fa;color:#334d60;padding:24px;margin:0;max-height:450px;overflow:auto}.login-main{min-height:100vh;display:grid;place-items:center;padding:30px;background:#edf2f6}.login-panel{width:100%;max-width:490px;padding:44px;background:white;border-radius:12px;border:1px solid #dce3e9}.dark-brand{color:#243749;margin-bottom:40px}.login-panel h1{font-size:32px;letter-spacing:-.03em;line-height:1.2;margin:0 0 18px}.login-panel>p{font-size:15px;line-height:1.6;margin-bottom:28px}.login-note{font-size:12px!important;text-align:center;margin:16px 0!important}.login-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #e2e7eb;color:#647583;font-size:11px}.mobile-toggle{display:none}.skip-link{position:fixed;top:-60px;left:10px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}details summary{cursor:pointer;font-weight:500}.badge{font-weight:550;letter-spacing:0}.text-secondary{color:#586775!important}
@media(min-width:1500px){.main-content{padding-top:48px}}@media(max-width:1100px){.sidebar{width:205px;padding:26px 16px}.workspace{margin-left:205px;width:calc(100% - 205px)}.main-content{padding:28px 24px}.topbar{padding:0 24px}.balance-facts{gap:22px;padding:0}.balance-facts strong{font-size:17px}.balance-banner{padding:27px}.table>:not(caption)>*>*{padding:15px}.dashboard-grid{grid-template-columns:1fr 1fr}.card-header{padding:17px}.card-body{padding:20px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;width:100%;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:0}.brand{font-size:20px;margin:0}.brand-caption{display:none}.brand-mark{min-width:41px;height:37px}.mobile-toggle{display:block;background:transparent;border:1px solid #60798c;color:white;padding:7px 12px;border-radius:5px;font-size:12px}.sidebar nav{display:none;grid-column:1/-1;padding-top:15px}.sidebar nav.open{display:block}.sidebar-account,.sidebar>form{display:none}.sidebar:has(nav.open) .sidebar-account,.sidebar:has(nav.open)>form{display:flex;grid-column:1/-1}.sidebar-account{padding-top:20px}.workspace{margin:0;width:100%}.topbar{height:49px;padding:0 20px;font-size:11px}.main-content{padding:26px 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px}.page-heading h1{font-size:25px}.page-heading p{font-size:13px}.balance-banner{display:block;padding:26px}.balance-value{font-size:44px}.balance-facts{margin-top:29px;gap:24px}.balance-facts strong{font-size:17px}.dashboard-grid,.form-layout{grid-template-columns:1fr}.dashboard-grid{gap:18px}.summary-strip{gap:28px}.summary-strip strong{font-size:22px}.app-footer{padding:20px;gap:20px}.app-footer span{display:none}.media-callout{align-items:flex-start;flex-direction:column}.login-panel{padding:30px 25px}.login-panel h1{font-size:29px}.page-actions{flex-wrap:wrap}.page-heading>form{width:100%}.table>:not(caption)>*>*{padding:14px 17px}.entry-form>div{flex-basis:100%}}
@media(prefers-reduced-motion:no-preference){.progress-bar{transition:width .5s cubic-bezier(.16,1,.3,1)}.nav-item,.btn{transition:background-color .16s ease-out}}
.balance-facts small{display:block;font-size:11px;color:#335a78;margin-top:7px;max-width:25ch}

.storage-chart{margin:0}.storage-chart-legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;margin:20px 0 24px}.storage-chart-legend>span{display:inline-flex;gap:8px;align-items:center}.storage-chart-key{display:inline-block;width:15px;height:10px;border-radius:2px}.storage-chart .movies{background:#357aac}.storage-chart .series{background:#23877d}.storage-chart .guaranteed{background:#a9b8c6}.storage-chart-axis{display:flex;justify-content:space-between;color:#586775;font-size:11px;padding-bottom:10px;border-bottom:1px solid #dce3e9}.storage-chart-row{padding-top:20px}.storage-chart-label{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:9px;font-size:13px}.storage-chart-label>a{font-weight:600;overflow-wrap:anywhere}.storage-chart-label>span{font-variant-numeric:tabular-nums;color:#586775;text-align:right}.storage-chart-excess{display:block;color:#a83436;font-size:11px;font-weight:500;margin-top:3px}.storage-chart-bars{display:grid;gap:5px}.storage-chart-track{display:flex;width:100%;height:17px;background:#f0f3f6;border-radius:3px;overflow:hidden}.storage-chart-bar{display:block;height:100%;flex-shrink:0}.storage-chart-track.guarantee-track{height:6px;background:transparent}.storage-chart-caption{font-size:12px;color:#586775;padding:0 24px 24px}.storage-chart-row:last-child{padding-bottom:3px}@media(max-width:760px){.storage-chart-label{font-size:12px}.storage-chart-label>span{flex-shrink:0}.storage-chart-caption{padding:0 20px 20px}.storage-chart-legend{gap:12px 18px}.storage-chart-axis{font-size:10px}}

/* One local outline icon family, aligned with visible labels. */
.h24-icon{display:inline-block;width:1.15em;height:1.15em;min-width:1.15em;vertical-align:-.2em;flex-shrink:0;pointer-events:none;fill:none;stroke:currentColor}.nav-item{display:flex;align-items:center;gap:11px}.nav-item>.h24-icon{width:19px;height:19px;min-width:19px;color:#b5c9d9}.nav-item.selected>.h24-icon,.nav-item:hover>.h24-icon{color:#eef5fb}.nav-label>.h24-icon{width:13px;height:13px;min-width:13px;margin-right:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn>.h24-icon{width:18px;height:18px;min-width:18px}.btn-sm>.h24-icon{width:15px;height:15px;min-width:15px}.logout>.h24-icon{margin-right:5px}.mobile-toggle{align-items:center;justify-content:center;gap:7px}.mobile-toggle .menu-close-icon{display:none}.mobile-toggle[aria-expanded="true"] .menu-open-icon{display:none}.mobile-toggle[aria-expanded="true"] .menu-close-icon{display:inline-block}h1>.h24-icon{width:.9em;height:.9em;vertical-align:-.1em;margin-right:.12em;color:#486c87}.card-title>.h24-icon,h2>.h24-icon,h3>.h24-icon{margin-right:.18em;color:#486c87}.balance-banner h2>.h24-icon{color:inherit}.section-link>.h24-icon,.back-link>.h24-icon{margin-right:2px}.form-label>.h24-icon,.form-check-label>.h24-icon,.table th>.h24-icon{color:#586f82}.table th>.h24-icon{width:14px;height:14px;min-width:14px;margin-right:3px}.form-label>.h24-icon{margin-right:3px}.summary-strip span>.h24-icon,.balance-facts span>.h24-icon{margin-right:3px}.alert>.h24-icon{margin-right:5px}.badge>.h24-icon{width:12px;height:12px;min-width:12px;margin-right:3px}.split-facts{flex-wrap:wrap}#navigation .h24-icon{pointer-events:none}@media(max-width:760px){.mobile-toggle{display:inline-flex}.topbar>.text-secondary{white-space:nowrap}.page-actions .btn{white-space:normal}.table th>.h24-icon{width:13px;height:13px;min-width:13px}}