@layer base,layout,components;
@layer base{
:root{--bg:#f7f8f4;--paper:#fff;--ink:#1b2925;--muted:#64706a;--line:#dce2d9;--green:#245b45;--soft:#e9eee5;--warn:#7d5112;--warn-bg:#fff3dc;--radius:12px;--sans:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:var(--green)}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,46px);font-weight:520;line-height:1.13;letter-spacing:-1.8px}h2{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.4px}h3{font-size:16px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5e9272;outline-offset:3px}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;background:#fff;padding:12px;z-index:10}.skip:focus{top:8px}input,select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:10px 12px;min-height:42px}input{min-width:0}input::placeholder{color:#7b857f}label{display:block;font-size:13px}label input{display:block;margin-top:7px;width:100%}
}
@layer layout{
.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1220px)/2));gap:24px;background:var(--bg)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:650;font-size:20px;letter-spacing:-.7px;color:var(--ink);white-space:nowrap}.brandmark{font-size:28px;line-height:1;background:var(--green);color:#fff;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:8px;letter-spacing:-8px;padding-right:6px;font-weight:500}.brandmark span{opacity:.6;transform:translateY(4px)}.brand-suffix{color:var(--muted);font-weight:400;font-size:16px;letter-spacing:0}nav{display:flex;align-self:stretch;gap:22px}.nav-button{border:0;border-bottom:2px solid transparent;background:transparent;padding:4px 0 0;color:var(--muted);font-size:13px}.nav-button.selected{color:var(--ink);border-bottom-color:var(--green)}main{max-width:1220px;margin:0 auto;padding:50px 0 70px;min-height:calc(100vh - 160px)}.site-footer{max-width:1220px;margin:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 26px;font-size:11px;color:var(--muted)}.site-footer>span:first-child{font-weight:650;color:var(--ink)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:35px}.page-heading h1{margin-bottom:12px}.title-dot{color:var(--green)}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;min-height:65vh;max-width:1040px;margin:auto}.login-intro h1{font-size:clamp(42px,5vw,64px);letter-spacing:-3px;line-height:1.07;margin-bottom:25px}.lede{font-size:17px;color:var(--muted);line-height:1.7}.login-caption{font-size:12px;color:var(--muted);margin-top:64px;display:flex;gap:10px;align-items:center}.tiny-lock{font-size:22px;color:var(--green)}.login-panel{padding:36px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.login-panel h2{font-size:25px;margin-bottom:12px}.login-panel>p{font-size:13px;color:var(--muted)}.login-panel .primary{margin-top:28px}.login-panel label{margin-top:22px}.login-note{margin-top:18px;text-align:center;font-size:11px!important}.key-icon{width:52px;height:52px;color:var(--green);background:var(--soft);border-radius:12px;padding:10px;margin-bottom:25px}.key-icon svg{width:100%;height:100%}.storage-layout,.access-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-top:45px}.access-layout{grid-template-columns:1.7fr 1fr}.access-explainer p{color:var(--muted);font-size:14px;margin-top:20px}.measurement-note{margin-top:50px;max-width:860px;border-top:1px solid var(--line);padding-top:24px}.measurement-note p{font-size:13px;color:var(--muted);margin-top:12px}
}
@layer components{
.primary,.secondary,.quiet{border-radius:7px;padding:11px 16px;border:1px solid transparent;font-size:13px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;min-height:42px}.primary{background:var(--green);color:#fff}.primary:hover{background:#1b4937}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.secondary:hover,.quiet:hover{background:var(--soft)}.quiet{background:transparent;color:var(--muted);padding:8px}.wide{width:100%;justify-content:space-between}.private-label{color:var(--muted);font-size:12px}.capacity{background:var(--soft);display:grid;grid-template-columns:1.65fr 1fr 1fr;padding:28px 32px;border-radius:var(--radius);margin-bottom:43px;gap:38px}.section-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px}.section-label span{font-size:10px;border-left:1px solid #b9c6b9;padding-left:12px}.capacity-number{font-size:29px;margin-top:15px;letter-spacing:-1px}.capacity-number>.muted{font-size:13px;letter-spacing:0}.meter{height:7px;overflow:hidden;border-radius:10px;background:#d4dfd0;margin:14px 0 8px}.meter>div{height:100%;width:0;background:var(--green);border-radius:10px}.meter.warn>div{background:#a06520}.capacity-aside{padding-left:30px;border-left:1px solid #d0d9cb}.capacity-aside strong{display:block;font-weight:500;font-size:34px;letter-spacing:-1px;margin:14px 0 5px}.inventory-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.inventory-heading p{margin-top:7px}.count{font-size:12px;color:var(--muted);font-weight:400;margin-left:7px}.table-controls{display:flex;gap:10px}.table-controls input,.table-controls select{font-size:12px}.search-label input{margin:0;width:190px}.table-wrap{border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}th{text-align:left;font-size:11px;font-weight:500;color:var(--muted);padding:13px 14px;background:#f0f3ed}th:first-child{width:39%;padding-left:0}th:nth-child(2){width:16%}th:last-child{padding-right:6px}td{border-bottom:1px solid var(--line);padding:18px 14px;vertical-align:middle}td:first-child{padding-left:0}td:last-child{padding-right:6px}.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.footprint{font-weight:650}.project-button{display:flex;align-items:center;gap:13px;background:none;border:0;color:var(--ink);width:100%;padding:0;text-align:left}.project-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#e9ede5;border:1px solid #dce3d6;border-radius:9px;font-size:12px;font-weight:650;color:#52634d;flex-shrink:0}.project-name{font-size:14px;font-weight:600}.project-description{display:block;font-size:11px;color:var(--muted);margin-top:3px;font-weight:400}.chevron{color:var(--muted);margin-left:auto;font-size:12px;padding:5px}.project-button[aria-expanded="true"] .chevron{transform:rotate(90deg)}.status{font-size:11px;display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.status::before{content:"";display:block;width:5px;height:5px;border-radius:100%;background:#98a39a}.status.active::before{background:var(--green)}.status.inactive{color:var(--warn)}.status.inactive::before{background:var(--warn)}.detail-row td{background:#eff3eb;padding:20px 24px!important}.detail-row p{margin:0 0 7px;color:var(--muted);font-size:12px;max-width:780px}.detail-row a{font-size:12px;font-weight:550}.table-footer{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.notice{padding:14px 18px;border-radius:8px;font-size:13px;margin-bottom:24px;border:1px solid var(--line)}.warning{color:var(--warn);background:var(--warn-bg);border-color:#ecd9b6}.notice ul{padding-left:20px;margin:7px 0}.empty{text-align:center;padding:36px;color:var(--muted)}.error{color:#983b30!important;font-size:13px;margin-top:15px}.paper{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px;align-self:start}.paper>p{margin-top:12px}dl{margin:22px 0}dl>div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-top:1px solid var(--line);font-size:12px}dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.storage-item{margin-top:23px}.storage-item-heading{display:flex;justify-content:space-between;gap:20px;font-size:13px}.storage-item-heading span:last-child{font-variant-numeric:tabular-nums;color:var(--muted)}.storage-track{height:8px;background:var(--soft);margin-top:9px;border-radius:3px;overflow:hidden}.storage-track>div{height:100%;background:#7b9573;border-radius:3px}.passkey{padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.passkey strong{font-size:14px;font-weight:550}.passkey small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.remove-key{background:none;border:0;color:#96544a;font-size:12px;min-height:42px}.inline-form{display:flex;gap:10px;margin-top:8px}.inline-form input{flex:1;min-width:0}#add-key{margin-top:25px}#recent-note{margin-top:18px}#reauth{margin-top:12px}#collection-warnings{margin-top:24px}
@media(min-width:1500px){main{padding-top:64px}}
@media(max-width:1300px){main,.site-footer{margin-left:32px;margin-right:32px}.login-layout{gap:65px}}
@media(max-width:850px){.topbar{padding:0 24px;height:76px}.brand-suffix{display:none}nav{gap:16px}.login-layout{gap:35px}.login-intro h1{font-size:42px;letter-spacing:-2px}.login-panel{padding:26px}.capacity{padding:24px;gap:22px;grid-template-columns:1.4fr 1fr 1fr}.capacity-aside{padding-left:18px}.capacity-aside strong{font-size:27px}.section-label{display:block}.section-label span{display:none}.inventory-heading{align-items:start;flex-direction:column}.table-controls{width:100%}.search-label{flex:1}.search-label input{width:100%}.storage-layout,.access-layout{gap:30px;grid-template-columns:1fr 1fr}th:first-child{width:34%}th:nth-child(2){width:17%}.project-avatar{display:none}td,th{padding-left:8px;padding-right:8px}.inline-form{flex-direction:column}.page-heading{align-items:start}}
@media(max-width:600px){main{padding-top:32px;margin-left:20px;margin-right:20px}.topbar{padding:0 20px;gap:12px;height:auto;min-height:74px;flex-wrap:wrap}.brand{font-size:18px}.brandmark{width:32px;height:32px;font-size:25px}nav{order:3;flex-basis:100%;height:42px;justify-content:space-between}.nav-button{padding:0 10px 10px}.quiet{padding-right:0}.site-footer{margin:0 20px;font-size:10px;gap:14px}.login-layout{display:flex;flex-direction:column;align-items:stretch;gap:34px;min-height:0}.login-intro h1{font-size:45px}.login-intro .lede{font-size:15px}.login-caption{display:none}.login-panel{padding:26px}.desktop-only{display:none}.page-heading{flex-direction:column;gap:18px;margin-bottom:25px}.page-heading h1{font-size:34px}.page-heading>button{align-self:start}.capacity{grid-template-columns:1fr 1fr;padding:22px;gap:22px;margin-bottom:30px}.capacity-main{grid-column:1/-1}.capacity-aside{padding:17px 0 0;border-left:0;border-top:1px solid #d0d9cb}.capacity-number{margin-top:10px;font-size:30px}.capacity-aside strong{font-size:27px;margin:9px 0 4px}.capacity-aside .small{font-size:11px}.table-wrap{overflow-x:auto}table{min-width:590px}th:first-child{width:36%}td{padding-top:16px;padding-bottom:16px}.table-footer{flex-direction:column;gap:5px}.storage-layout,.access-layout{grid-template-columns:1fr;gap:35px;margin-top:30px}.paper{padding:22px}.private-label{font-size:10px}.table-controls{gap:8px}.table-controls select{max-width:145px}h2{font-size:19px}.measurement-note{margin-top:35px}.login-note{text-align:left}}
@media(prefers-reduced-motion:no-preference){.primary,.secondary,.quiet{transition:background .15s}.meter>div{transition:width .3s}}
}
@layer components{
@media(max-width:600px){
 .table-wrap{overflow:visible}table{min-width:0;display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}tbody{display:block}
 tr:not(.detail-row){display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px 8px;padding:19px 0;border-bottom:1px solid var(--line)}td{border:0;padding:0!important}.project-description{font-size:11px}.project-name{font-size:14px}
 td:first-child{grid-column:1/3}td:nth-child(2){grid-column:3;align-self:center;text-align:right}.status{font-size:10px}.project-button{gap:8px}.chevron{padding-right:3px}
 .number{text-align:left;font-size:13px;white-space:normal}.number::before{content:attr(data-label);display:block;font-size:10px;font-weight:400;color:var(--muted);margin-bottom:4px}
 .detail-row,.detail-row td{display:block}.detail-row td{padding:17px!important;border-bottom:1px solid var(--line)}
}
}