:root{color:#02070a;font-synthesis:none;--color-midnight:#02070a;--color-electric:#0297de;--color-cantaloupe:#fc734d;--color-white:#fff;--line-light:color-mix(in srgb, var(--color-midnight) 18%, transparent);--line-dark:color-mix(in srgb, var(--color-white) 18%, transparent);--muted-light:color-mix(in srgb, var(--color-midnight) 62%, transparent);--muted-dark:color-mix(in srgb, var(--color-white) 62%, transparent);--surface-blue:color-mix(in srgb, var(--color-electric) 6%, var(--color-white));--font-mono:"IBM Plex Mono", monospace;background:#fff;font-family:Space Grotesk,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{background:var(--color-white);color:var(--color-midnight);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.brand{letter-spacing:-.04em;font-size:20px;font-weight:700}.eyebrow{border-left:4px solid var(--color-electric);color:var(--color-midnight);font:600 11px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin:0;padding-left:9px}.login-page{background:var(--color-midnight);min-height:100vh;color:var(--color-white);place-items:center;padding:24px;display:grid}.login-card{border:1px solid var(--color-electric);background:var(--color-midnight);width:min(460px,100%);color:var(--color-white);border-radius:6px;gap:19px;padding:36px;display:grid}.login-card h1{letter-spacing:-.055em;margin:0;font-size:48px;line-height:.95}.login-card .eyebrow{color:var(--color-white)}.login-card label,.modal label{gap:8px;font-size:13px;font-weight:600;display:grid}.login-card input,.modal input,.modal select,.modal textarea{border:1px solid var(--line-light);background:var(--color-white);width:100%;color:var(--color-midnight);border-radius:4px;outline:none;padding:13px}.modal textarea{resize:vertical}.login-card input:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--color-electric)}.login-card small{color:var(--muted-dark)}.recovery-codes{width:min(620px,100vw - 32px)}.recovery-code-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 14px;display:grid}.recovery-code-list code{border:1px solid var(--line-light);background:var(--surface-blue);overflow-wrap:anywhere;padding:10px}.error{color:var(--color-cantaloupe);font-size:13px}.primary,.secondary,.danger,.danger-outline{cursor:pointer;border:1px solid #0000;border-radius:4px;min-height:42px;padding:0 16px;font-weight:700}.primary{background:var(--color-cantaloupe);color:var(--color-midnight);border-color:var(--color-cantaloupe)}.secondary{background:var(--color-electric);color:var(--color-midnight);border-color:var(--color-electric)}.danger{background:var(--color-midnight);color:var(--color-white);border-color:var(--color-midnight)}.danger-outline{background:var(--color-white);color:var(--color-midnight);border-color:var(--color-cantaloupe)}.primary:hover,.secondary:hover,.danger:hover,.danger-outline:hover{filter:brightness(.94)}.primary:disabled,.secondary:disabled,.danger:disabled,.danger-outline:disabled,.text-action:disabled{cursor:not-allowed;opacity:.52}.button-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary:focus-visible,.secondary:focus-visible,.danger:focus-visible,.danger-outline:focus-visible,.sidebar button:focus-visible,.text-action:focus-visible{outline:3px solid color-mix(in srgb, var(--color-cantaloupe) 65%, transparent);outline-offset:2px}.text-action{color:var(--color-midnight);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--color-electric);text-decoration-color:var(--color-electric);text-underline-offset:4px;background:0 0;border:0;padding:4px 0;font-weight:700;text-decoration-thickness:2px}.muted{color:var(--muted-light)}.app-shell{background:var(--color-white);grid-template-rows:88px 1fr;grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.app-header{border-bottom:1px solid var(--line-light);background:var(--color-white);grid-column:1/-1;grid-template-columns:238px 1fr auto;align-items:center;padding:0 30px;display:grid}.app-header h1{letter-spacing:-.04em;margin:0;font-size:20px}.app-header p{color:var(--muted-light);font:500 11px/1.4 var(--font-mono);margin:5px 0 0}.role{border:1px solid var(--color-midnight);background:var(--color-white);min-height:34px;color:var(--color-midnight);font:600 10px/1 var(--font-mono);border-radius:0;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.role:before{content:"";background:var(--color-cantaloupe);width:7px;height:7px}.sidebar{background:var(--color-midnight);flex-direction:column;grid-area:2/1;gap:5px;padding:26px 15px;display:flex}.sidebar button{min-height:45px;color:var(--muted-dark);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;padding:0 13px;font-weight:600;display:flex}.sidebar button:after{content:"";background:0 0;width:7px;height:7px}.sidebar button:hover{color:var(--color-white)}.sidebar button.active{background:color-mix(in srgb, var(--color-electric) 24%, transparent);color:var(--color-white)}.sidebar button.active:after{background:var(--color-cantaloupe)}.app-content{grid-area:2/2;min-width:0;padding:42px clamp(28px,4vw,58px) 70px}.app-content h2{letter-spacing:-.06em;margin:0 0 30px;font-size:clamp(38px,4vw,60px);line-height:.96}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.section-head h2{margin-bottom:6px}.section-head p{color:var(--muted-light);margin:0}.notice{border:1px solid var(--color-electric);background:var(--surface-blue);color:var(--color-midnight);border-radius:4px;margin-bottom:20px;padding:13px 15px}.notice.warning{border-color:var(--color-cantaloupe);background:color-mix(in srgb, var(--color-cantaloupe) 10%, var(--color-white))}.r2-usage-banner{border:3px solid var(--color-midnight);font-family:var(--font-mono);gap:10px;margin-bottom:22px;padding:18px 20px;display:grid}.r2-usage-banner>strong{letter-spacing:.06em;font-size:16px}.r2-usage-banner>div{flex-wrap:wrap;gap:18px;display:flex}.r2-usage-banner>div span{font-weight:700}.r2-usage-banner small{line-height:1.45}.r2-usage-banner.safe{border-color:var(--color-electric);background:var(--surface-blue)}.r2-usage-banner.locked,.r2-usage-banner.critical{border-color:var(--color-cantaloupe);background:var(--color-midnight);color:var(--color-white)}.r2-usage-banner.critical{box-shadow:inset 8px 0 0 var(--color-cantaloupe)}.admin-banner{border:1px solid var(--color-cantaloupe);background:color-mix(in srgb, var(--color-cantaloupe) 10%, var(--color-white));color:var(--color-midnight);border-radius:4px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:13px 15px;display:flex}.admin-banner span{color:var(--muted-light)}.admin-banner a{color:var(--color-midnight);-webkit-text-decoration-color:var(--color-electric);text-decoration-color:var(--color-electric);font-weight:700;text-decoration-thickness:2px}.admin-banner .secondary{margin-left:auto}.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-actions a{text-decoration:none}.status-chip{border:1px solid var(--line-light);background:var(--surface-blue);min-height:26px;font:600 10px/1 var(--font-mono);letter-spacing:.04em;align-items:center;padding:0 8px;display:inline-flex}.inline-state{border:1px dashed var(--line-light);background:color-mix(in srgb, var(--color-electric) 3%, var(--color-white));padding:20px}.inline-state p{margin:7px 0 0}.error-state{border-color:var(--color-cantaloupe)}.table-scroll{overflow-x:auto}.service-management{border-color:color-mix(in srgb, var(--color-cantaloupe) 55%, var(--line-light));justify-content:space-between;align-items:flex-start;gap:28px;margin-top:18px;display:flex}.service-management>div{max-width:760px}.service-management .danger-outline{flex:none}.request-summary{border-left:4px solid var(--color-electric);margin-top:18px;padding-left:14px}.request-summary p{margin:8px 0 0}.optional{color:var(--muted-light);font:500 10px/1 var(--font-mono);text-transform:uppercase}.acknowledgement{border:1px solid var(--line-light);align-items:start;padding:13px;grid-template-columns:20px 1fr!important;gap:10px!important}.acknowledgement input{width:auto;margin-top:3px}.dialog-form{gap:15px;display:grid}.card code{background:var(--surface-blue);color:var(--color-midnight);font-family:var(--font-mono);border-radius:2px;padding:3px 6px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.observability-sources{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.observability-panel .table-card+.table-card{margin-top:18px}.wide-first{grid-template-columns:1.5fr .8fr}.wide-first .card:last-child{grid-column:1/-1}.card{border:1px solid var(--line-light);background:var(--color-white);border-radius:6px;padding:26px}.card h3{letter-spacing:-.035em;margin:8px 0 22px;font-size:21px}.card p{color:var(--muted-light);line-height:1.55}.accent-card{background:var(--color-midnight);color:var(--color-white);border-color:var(--color-midnight)}.accent-card>span{color:var(--muted-dark)}.accent-card>strong{letter-spacing:-.06em;margin:26px 0;font-size:58px;display:block}.meter{background:color-mix(in srgb, var(--color-white) 18%, transparent);height:9px;overflow:hidden}.meter i{background:var(--color-cantaloupe);height:100%;display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.top-metrics{border-block:1px solid var(--line-light);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:22px}.metric{border:1px solid var(--line-light);background:var(--surface-blue);border-radius:4px;min-width:0;padding:16px}.top-metrics .metric{background:0 0;border:0;border-radius:0;padding:23px 20px 23px 0}.top-metrics .metric+.metric{border-left:1px solid var(--line-light);padding-left:22px}.metric span{color:var(--muted-light);font:600 10px/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;display:block}.metric strong{letter-spacing:-.03em;margin-top:10px;font-size:19px;display:block}.top-metrics .metric strong{letter-spacing:-.055em;font-size:clamp(28px,3vw,42px)}.table-card{margin-top:20px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line-light);padding:15px 12px;font-size:13px}th{color:var(--muted-light);font:600 10px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.04em}td small{color:var(--muted-light);margin-top:4px;display:block}.button-row{gap:10px;margin-top:20px;display:flex}.profile-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.invitation-card{width:min(680px,100vw - 32px)}.legal-checklist{gap:10px;margin:4px 0;display:grid}.legal-check{border:1px solid color-mix(in srgb, var(--color-white) 15%, transparent);border-radius:4px;grid-template-columns:22px 1fr;align-items:start;padding:12px;gap:10px!important;display:grid!important}.legal-check input{margin-top:3px;width:auto!important}.legal-check a{color:var(--color-electric)}.legal-check small{color:var(--muted-dark);margin-top:3px;display:block}.portal-page{background:var(--surface-light);min-height:100vh;padding-bottom:72px}.portal-header{border-bottom:1px solid var(--line-light);background:var(--color-midnight);color:var(--color-white);justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,72px);display:flex}.portal-hero{background:var(--color-midnight);color:var(--color-white);padding:48px clamp(20px,5vw,72px) 56px}.portal-hero h1{letter-spacing:-.055em;margin:8px 0;font-size:clamp(42px,7vw,74px)}.portal-hero p:last-child{color:var(--muted-dark)}.portal-page>.notice{margin:24px clamp(20px,5vw,72px) 0}.portal-grid{padding:28px clamp(20px,5vw,72px)}.portal-grid .card{min-height:280px}.portal-grid a:not(.button-link){color:var(--color-electric)}.modal-backdrop{z-index:50;background:color-mix(in srgb, var(--color-midnight) 72%, transparent);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:2px solid var(--color-electric);background:var(--color-white);border-radius:6px;gap:15px;width:min(560px,100%);max-height:90vh;padding:30px;display:grid;overflow:auto}.modal h3{letter-spacing:-.04em;margin:0;font-size:28px}.modal h4{letter-spacing:-.03em;margin:0;font-size:20px}.modal p{color:var(--muted-light);margin:0 0 4px;line-height:1.5}.document-modal{width:min(1040px,100%)}.modal-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-heading h3{margin-top:8px}.document-upload{border-block:1px solid var(--line-light);grid-template-columns:1.1fr .75fr 1.2fr .8fr .8fr auto;align-items:end;gap:12px;padding:20px 0;display:grid}.document-upload .primary{min-width:112px}.document-list{min-width:0}.section-head.compact{align-items:start;margin:8px 0 0}.section-head.compact h4{margin-bottom:5px}.portal-account-page{background:var(--surface);min-height:100vh;color:var(--color-white)}.portal-account-header{border-bottom:1px solid var(--line-light);background:var(--color-midnight-black);justify-content:space-between;align-items:flex-start;gap:28px;padding:34px clamp(22px,6vw,88px);display:flex}.portal-account-header h1{margin:8px 0;font-size:clamp(32px,5vw,54px)}.portal-account-header p{color:var(--muted-light);margin:0}.portal-account-content{gap:38px;max-width:1240px;margin:0 auto;padding:44px clamp(22px,6vw,88px) 80px;display:grid}@media (width<=1080px){.document-upload{grid-template-columns:repeat(2,minmax(0,1fr))}.document-upload .primary{width:100%}}@media (width<=840px){.app-shell{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}.app-header{grid-column:1;grid-template-columns:1fr auto;padding:18px}.app-header>div:nth-child(2){display:none}.sidebar{flex-direction:row;grid-area:2/1;padding:10px;overflow:auto}.sidebar button{min-width:max-content}.app-content{grid-area:3/1;padding:28px 20px 50px}.card-grid,.wide-first,.top-metrics{grid-template-columns:1fr}.wide-first .card:last-child{grid-column:auto}.top-metrics{border:0}.top-metrics .metric,.top-metrics .metric+.metric{border:1px solid var(--line-light);padding:18px}.profile-card{grid-template-columns:1fr}.service-management{flex-direction:column}.service-management .danger-outline{width:100%}.document-upload{grid-template-columns:1fr}.modal-heading{flex-direction:column}.modal-heading .secondary{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}