:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);font-size:16px;line-height:1.55;--ink:#183b35;--muted:#566c69;--page:#f3f6f7;--accent:#176751;--green:var(--accent);--tint:#e6f0ed;--accent-line:#9bbcaf;--line:#d4dfdf;--amber:#855800}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a{color:var(--green);text-underline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;background:var(--green);border:1px solid var(--green);border-radius:6px;color:#fff;text-decoration:none;cursor:pointer;font-weight:600}button.secondary,.button.secondary{background:#fff;color:var(--ink);border-color:#a8bdb7}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #91aaa3;border-radius:5px;background:#fff;color:var(--ink);min-height:44px}textarea{min-height:130px;resize:vertical}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--green)}label{display:block;font-weight:600;margin:14px 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.035em;margin-bottom:12px}h2{font-size:1.3rem;line-height:1.3;margin-bottom:16px}h3{font-size:1.05rem;margin-bottom:8px}p{max-width:72ch}.muted,.hint{color:var(--muted)}.hint{font-size:.9rem;margin:8px 0 14px}.topbar{background:#fff;border-bottom:1px solid var(--line);padding:18px max(24px,calc((100vw - 1220px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:750;font-size:1.2rem}.brand svg{width:30px;height:30px}.topbar nav{display:flex;gap:20px;font-size:.9rem;flex-wrap:wrap}.shell{max-width:1220px;margin:0 auto;padding:36px 24px 60px}.intro{margin-bottom:28px}.intro p{margin-bottom:0}.surface{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px}.login{max-width:740px}.login-row{display:flex;gap:12px;align-items:end}.login-row .field{flex:1}.login-row label{margin-top:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.notice{padding:13px 16px;background:#eef4f5;border-left:3px solid #466e7b;border-radius:0 5px 5px 0;margin:18px 0;overflow-wrap:anywhere;white-space:pre-line}.notice:empty{display:none}.notice[data-tone=error]{border-color:#b63d31;background:#fff0ed}.notice[data-tone=good]{border-color:var(--green);background:#edf6f0}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}.customers{position:sticky;top:20px}.customers h2{margin-bottom:12px}.customer-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.customer-item{width:100%;text-align:left;justify-content:flex-start;display:block;padding:13px 14px;background:transparent;border:1px solid transparent;color:var(--ink);font-weight:400}.customer-item strong{display:block;font-weight:650;overflow-wrap:anywhere}.customer-item small{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}.customer-item[aria-current=true]{background:var(--tint);border-color:var(--accent-line)}.customer-item:hover{border-color:var(--accent-line)}.detail-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}.detail-heading h2{font-size:1.75rem;margin-bottom:4px;letter-spacing:-.025em}.detail-heading p{margin:0;overflow-wrap:anywhere}.badge{display:inline-block;border-radius:4px;padding:4px 9px;font-size:.85rem;font-weight:650;line-height:1.4;background:#edf0f2;color:#4d6069;white-space:normal}.badge[data-tone=good]{color:#115638;background:#e1f2e8}.badge[data-tone=waiting]{color:#785200;background:#fff0ce}.badge[data-tone=error]{color:#9e2c21;background:#ffe5df}.status-table{width:100%;border-collapse:collapse;margin:20px 0 0;text-align:left;font-size:.95rem}.status-table th,.status-table td{border-top:1px solid var(--line);padding:14px 8px;vertical-align:top}.status-table th{width:24%;font-weight:650;padding-left:0}.status-table td:nth-child(2){width:28%}.status-table td:last-child{color:var(--muted);padding-right:0}.status-table caption{text-align:left;color:var(--muted);font-size:.85rem;padding:0 0 10px}.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:24px 0 26px;gap:5px}.steps li{counter-increment:step;border-top:3px solid #d5e0e0;padding:12px 6px 0 0;font-size:.82rem;color:var(--muted)}.steps li::before{content:counter(step);display:block;font-size:.85rem;font-weight:700;margin-bottom:3px}.steps li[data-done=true]{border-color:var(--green);color:var(--green)}.steps li[data-current=true]{border-color:#ba861a;color:var(--amber);font-weight:650}.next-step{margin-top:22px;padding:18px 20px;background:var(--tint);border-left:3px solid var(--green)}.next-step p{margin:4px 0 0}.panel{margin-top:24px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check-label{display:flex;align-items:start;gap:10px;font-weight:400;margin-top:18px}.check-label input{margin-top:3px;flex:0 0 20px}.handover{border:1px solid var(--accent-line);background:var(--tint);border-radius:5px;padding:18px;margin-top:18px}.secret{overflow-wrap:anywhere;word-break:break-all}.qr-area{margin:20px 0}.qr-area img{max-width:280px;width:100%;height:auto;border:1px solid var(--line);display:block;background:#fff}.qr-area[hidden], [hidden]{display:none!important}.guide{margin:0;padding-left:24px}.guide li{padding:0 0 18px 8px}.guide li:last-child{padding-bottom:0}.guide p{margin:4px 0 0;color:var(--muted)}details{margin:20px 0 0}summary{cursor:pointer;color:var(--green);font-weight:600;padding:8px 0}.customer-shell{max-width:960px}.setup-form{max-width:700px}.inline-code{background:#edf3f2;padding:2px 5px;border-radius:3px}.dialog{max-width:620px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:28px;color:var(--ink)}.dialog::backdrop{background:#16352b66}.footer-note{margin:24px 0 0;font-size:.85rem;color:var(--muted)}:focus-visible{outline:3px solid #c18c22;outline-offset:3px}@media(max-width:850px){.workspace{grid-template-columns:1fr}.customers{position:static}.customer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-item{min-width:0}.customers>button{width:100%}}@media(max-width:580px){.shell{padding:24px 16px 40px}.topbar{padding:16px}.surface{padding:18px}.login-row{display:block}.login-row button{width:100%;margin-top:12px}.two-col{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:0}.steps li{display:flex;gap:10px;padding:8px 0;border-top:0;border-left:3px solid #d5e0e0;padding-left:12px}.steps li::before{margin:0}.status-table,.status-table tbody,.status-table tr,.status-table th,.status-table td{display:block;width:100%!important}.status-table tr{padding:12px 0;border-top:1px solid var(--line)}.status-table th,.status-table td{border:0;padding:3px 0}.status-table caption{display:block}.customer-list{grid-template-columns:1fr}.actions>*{flex:1 1 auto}.detail-heading h2{font-size:1.5rem}}

.account-item{border-top:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.account-item p{margin-bottom:10px}#login button[type=submit],#setup button[type=submit],#create-key button,#create-user button{margin-top:16px}
.area-label{display:inline-block;padding:5px 10px;border-left:3px solid var(--green);background:var(--tint);color:var(--green);font-size:.9rem;font-weight:650;margin:0 0 16px}.link-guide{margin:0}.link-guide>div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:16px 0}.link-guide dt{font-weight:650}.link-guide dd{margin:0;min-width:0}.link-guide a{overflow-wrap:anywhere}.link-guide p{margin:6px 0 0}.entry-areas{display:grid;grid-template-columns:1fr 1fr;gap:24px}.entry-areas ul{padding-left:20px}.entry-areas li{margin:8px 0}.entry-areas .button{margin-top:12px}@media(max-width:700px){.link-guide>div{grid-template-columns:1fr;gap:4px}.entry-areas{grid-template-columns:1fr}}

[data-area="admin"]{--page:#f0f4fa;--ink:#172d49;--muted:#52647c;--accent:#2455a4;--green:var(--accent);--tint:#e5edfa;--line:#d3ddeb;--accent-line:#94afd8;--header:#112845;color:var(--ink)}
[data-area="customer"]{--page:#edf7f2;--ink:#153c32;--muted:#4d6b5f;--accent:#176751;--green:var(--accent);--tint:#e2f2e9;--line:#cadfd6;--accent-line:#91b8a4;--header:#0d5544;color:var(--ink)}
html[data-area="admin"],html[data-area="customer"]{background:var(--page)}
html[data-area="admin"] .topbar,html[data-area="customer"] .topbar{background:var(--header);border-bottom:4px solid var(--accent);color:#fff}
html[data-area="admin"] .topbar a,html[data-area="customer"] .topbar a{color:#fff}
.entry-areas>[data-area]{border-top:5px solid var(--accent)}