:root{font-family:'DM Sans',system-ui,sans-serif;color:#233c31;background:#f3f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px;padding:10px 17px;border:1px solid #236348;background:#236348;color:white;border-radius:9px;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:white;color:#285b43;border-color:#c9d8cd}button.danger{background:#8b392f;border-color:#8b392f}button:focus-visible,a:focus-visible{outline:3px solid #b78026;outline-offset:3px}a{color:#236348;text-underline-offset:3px}input,select,textarea{width:100%;min-height:44px;padding:10px;border:1px solid #bacbbf;border-radius:8px;color:#243c30;background:white}textarea{resize:vertical;min-height:82px}label{display:grid;gap:7px;font-size:13px;font-weight:600}label.check{display:flex;align-items:flex-start;font-weight:400;line-height:1.5}label.check input{width:20px;min-height:20px;margin:0 5px 0 0;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(23px,3vw,32px);margin-bottom:7px}h2{font-size:21px}small,.muted{color:#64796b}.eyebrow{font-size:10px;letter-spacing:.14em;color:#527461;font-weight:700}.app{max-width:1220px;margin:0 auto;padding:26px clamp(16px,3vw,34px)}.topbar,.section-heading,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.topbar{justify-content:space-between;margin-bottom:24px}.topbar p{margin:0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.metric,.card,.panel,.private-installation{border:1px solid #d7e1d8;border-radius:14px;background:white;padding:21px;box-shadow:0 3px 12px #173e2410}.metric strong{font-size:27px;display:block}.metric span{font-size:12px;color:#64796b}.private-installation{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:22px;background:#edf4ee;box-shadow:none}.private-installation p{font-size:13px;margin:5px 0 0}.section-heading{justify-content:space-between;margin:22px 0 15px}.section-heading h2{margin:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px}.card{display:flex;flex-direction:column;gap:8px;min-width:0}.card h3{margin:0;font-size:18px;overflow-wrap:anywhere}.card small,.section-heading small{overflow-wrap:anywhere}.card p{font-size:13px;margin:0}.card .actions{margin-top:auto;padding-top:12px}.badge{font-size:11px;font-weight:650;border-radius:99px;background:#edf1ed;color:#5c6c60;padding:5px 10px;display:inline-flex;width:max-content}.badge.active{background:#dcefe2;color:#245a39}.badge.suspended{background:#fbece6;color:#884839}.panel{margin:16px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid .full{grid-column:1/-1}.notice,.error{border-radius:10px;padding:14px 17px;margin:14px 0;font-size:14px;line-height:1.5}.notice{background:#e4f2e8;color:#285f3b}.error{background:#fff1e8;color:#853e27;border:1px solid #efd4bd}.tabs{display:flex;gap:7px;overflow:auto;padding:3px 0 12px}.tabs button{white-space:nowrap;background:transparent;color:#577061;border-color:transparent}.tabs button[aria-selected=true]{background:white;color:#225a3b;border-color:#a5c4ad}.readiness{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.readiness li{background:#f3f5f1;border-radius:8px;padding:13px;font-size:12px}.readiness li.ok{background:#e8f4e9}.readiness b{display:block;margin-top:6px}.nested{min-inline-size:0;padding:16px;background:#f6f8f4;border-radius:10px;margin:12px 0}.nested .form-grid{grid-template-columns:2fr 1fr 1fr}.login{max-width:480px;margin:8vh auto;padding:30px}.login form{display:grid;gap:16px}.empty{padding:35px 12px;text-align:center;color:#667b6c}.activity{list-style:none;padding:0}.activity li{padding:12px 0;border-bottom:1px solid #e3e9e1;font-size:13px}.member{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid #e2e8e0}.member strong{overflow-wrap:anywhere}.toolbar{margin-bottom:14px}.alert-note{padding:12px 0;font-size:13px;line-height:1.6}.busy{pointer-events:none;opacity:.65}@media(max-width:650px){.app{padding:19px 14px}.form-grid,.nested .form-grid{grid-template-columns:minmax(0,1fr)}.metrics{gap:7px}.metric{padding:14px 10px}.metric strong{font-size:23px}.metric span{font-size:10px}.private-installation{align-items:flex-start;flex-direction:column}.panel{padding:17px}.topbar{align-items:flex-start}.topbar .actions{width:100%}.topbar button{flex:1}.readiness{grid-template-columns:repeat(2,1fr)}}
:root{color:#203b2d;background:#f7f8f4;font-family:'DM Sans',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:#f7f8f4;line-height:1.55}
.app{max-width:1320px;padding:36px clamp(18px,3vw,46px) 70px}
.eyebrow{font-size:10px;letter-spacing:.18em;color:#60785d;font-weight:650}
h1{font-size:clamp(29px,3.3vw,42px);font-weight:550;letter-spacing:-.045em;line-height:1.15;margin:8px 0 10px}
h2{font-size:22px;font-weight:600;letter-spacing:-.03em}h3{letter-spacing:-.02em}
.muted,small{color:#5d7060}
.topbar{margin-bottom:32px;gap:20px}.topbar .muted{font-size:14px;max-width:540px}
button{border-radius:11px;background:#224c37;border-color:#224c37;box-shadow:0 2px 3px #183c1e0a;font-size:13px;padding:11px 18px;min-height:46px;transition:background .15s,box-shadow .15s}
button:hover:not(:disabled){background:#163c28;box-shadow:0 3px 10px #173e2420}
button.secondary{background:#fff;color:#375a40;border-color:#cbd6c8;box-shadow:none}
button.secondary:hover:not(:disabled){background:#edf2e8}
button.danger{background:#913f32;border-color:#913f32}
button.danger:hover:not(:disabled){background:#733025}
input,select,textarea{border-color:#bccbb7;border-radius:10px;font-size:16px;box-shadow:0 1px 2px #173e2408}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b18e47;outline-offset:2px}
.metrics{gap:16px;margin-bottom:26px}
.metric,.card,.panel,.private-installation{border:1px solid #dae2d4;border-radius:18px;background:#fff;box-shadow:0 4px 20px #183c2406;padding:26px}
.metric{position:relative;overflow:hidden;border-top:2px solid #a9b89a}
.metric:first-child{background:#1b3e2b;color:#f1f4e9;border-color:#1b3e2b}
.metric strong{font-weight:450;letter-spacing:-.05em;font-size:40px;line-height:1.15;margin-bottom:9px}
.metric span{font-size:10px;font-weight:600;letter-spacing:.1em;color:#60705b}
.metric:first-child span{color:#d2dec5}
.private-installation{background:#edf1e7;box-shadow:none;border-color:#d9e0ce;gap:22px;padding:23px 26px}
.private-installation strong{font-size:15px;font-weight:650}.private-installation p{color:#5c6c53;max-width:600px;line-height:1.6}
.private-installation a{font-size:13px;font-weight:650;min-height:44px;display:inline-flex;align-items:center;flex-shrink:0}
.section-heading{margin:32px 0 18px}.section-heading small{font-size:12px}
.cards{gap:18px}.card h3{font-size:20px}.card .actions{gap:12px}
.empty{grid-column:1/-1;display:grid;justify-items:center;border:1px dashed #c5d1bc;border-radius:18px;background:#f1f4eb;margin:0;padding:42px 24px;font-size:14px;line-height:1.7;color:#5c6f53}
.empty::before{content:"";display:block;width:46px;height:39px;margin-bottom:20px;border:2px solid #a2b294;border-radius:12px;background:linear-gradient(90deg,transparent 47%,#a2b294 48%,#a2b294 51%,transparent 52%),linear-gradient(transparent 47%,#a2b294 48%,#a2b294 51%,transparent 52%)}
.tabs{border-bottom:1px solid #dbe3d3;margin-bottom:18px;padding-bottom:9px;gap:8px}
.tabs button{box-shadow:none;border-radius:10px;min-height:46px}.tabs button[aria-selected=true]{background:#214b34;color:#f5f7ee;border-color:#214b34}
.nested{background:#f5f7f0;border:1px solid #dce3d2;border-radius:13px;padding:20px}
.form-grid{gap:20px}.panel form>h3{margin-top:28px}
.notice,.error{border-radius:12px;padding:17px 20px}.notice{border:1px solid #bed9bc;background:#e9f4e4}.error{background:#fff1e8}
.badge{font-size:11px;letter-spacing:.02em}.login{max-width:500px;margin:9vh auto;padding:36px}
.readiness li{border:1px solid #dce3d3;border-radius:11px;padding:16px}.readiness b{font-size:14px}
@media(max-width:900px){.topbar{align-items:flex-start}.topbar .actions{width:100%}.app{padding-top:26px}}
@media(max-width:650px){
 .app{padding:24px 16px 50px}.topbar{margin-bottom:25px;gap:18px}.topbar .actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.topbar button{padding:10px 9px}.topbar button[data-action=create]{grid-column:1/-1;grid-row:1}.topbar button[data-action=logout]{grid-column:2;grid-row:2}
 .metrics{gap:8px;margin-bottom:20px}.metric{padding:18px 10px;border-radius:13px}.metric strong{font-size:30px;margin-bottom:9px}.metric span{font-size:8px;letter-spacing:.04em;line-height:1.65;display:block}
 .private-installation{padding:21px;border-radius:16px;gap:10px}.private-installation p{font-size:12px}.private-installation a{min-height:44px}
 .panel,.card{padding:21px;border-radius:16px}.section-heading{align-items:flex-start;gap:6px}.section-heading small{width:100%}.section-heading h2{font-size:21px}.empty{padding:32px 22px;text-align:center;font-size:13px}
 .login{margin:30px 16px;padding:27px}.nested{padding:15px}.member .actions{width:100%}.form-grid{gap:18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}