*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#17191c;font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{background:#111315;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand{font-size:20px;letter-spacing:-.5px}.brand b{font-weight:800}.brand.big{font-size:28px}.who{margin:28px 0 18px;padding:14px;background:#1b1e21;border-radius:12px}.who small,.plan-card small,td small{display:block;color:#8c939c;margin-top:3px}nav{display:grid;gap:6px}nav a,nav span{padding:11px 12px;border-radius:9px}nav a:hover{background:#202429}nav span{color:#666}nav em{font-size:10px}.logout{margin-top:auto}.logout button{width:100%;background:#202429;color:#ddd;border:0;border-radius:9px;padding:10px;cursor:pointer}main header{background:#fff;border-bottom:1px solid #e8eaed;padding:22px 30px}header h1{margin:0;font-size:24px}header p{margin:3px 0 0;color:#8a9098}.content{padding:28px 30px}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:20px}.card,.panel,.plan-card{background:#fff;border:1px solid #e7e9ec;border-radius:15px;box-shadow:0 1px 2px #00000008}.card{padding:20px}.card span{color:#737a84}.card b{display:block;font-size:28px;margin-top:8px}.card.wide{grid-column:span 2}.card small{display:block;color:#777}.card.danger b{color:#b42318}.panel{overflow:hidden;margin-bottom:18px}.panel-head,.toolbar{display:flex;align-items:center;justify-content:space-between}.panel-head{padding:17px 18px;border-bottom:1px solid #eee}.panel h2{font-size:16px;margin:0}.toolbar{margin-bottom:15px}.button,button{border:1px solid #d9dde2;background:#fff;border-radius:9px;padding:9px 13px;cursor:pointer}.primary{background:#17191c!important;color:#fff!important;border-color:#17191c!important}.full{width:100%}.search{display:flex;gap:8px}.search input{min-width:320px}.form{padding:22px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}label{display:grid;gap:6px;font-weight:600;margin-bottom:14px}input,select,textarea{border:1px solid #d9dde2;border-radius:9px;padding:10px 11px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#777}textarea{min-height:90px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:10px}.check{display:flex;align-items:center;grid-template-columns:auto 1fr;align-self:end;height:42px}.check input{width:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #eff0f2}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#7a8088;background:#fafafa}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:12px}.badge.green{background:#ecfdf3;color:#067647}.badge.red{background:#fef3f2;color:#b42318}.actions{display:flex;gap:10px;justify-content:flex-end}.actions form,.inline{display:inline}.link{border:0;padding:0;background:none}.danger-text{color:#b42318}.empty{text-align:center;color:#8b919a;padding:32px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{padding:20px}.plan-card h3{margin:14px 0 3px}.plan-card>b{font-size:25px}.plan-card a{display:block;margin-top:18px;font-weight:700}.two{display:grid;grid-template-columns:2fr 1fr;gap:18px}.alert{padding:12px 14px;border-radius:9px;margin-bottom:15px}.alert.success{background:#ecfdf3;color:#067647}.alert.error{background:#fef3f2;color:#b42318}.guest{min-height:100vh;display:grid;place-items:center}.guest .content{width:100%;max-width:430px}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:30px;box-shadow:0 12px 40px #00000010}.login-card h2{margin:28px 0 4px}.login-card>p{margin:0 0 22px;color:#737a84}.login-card small{display:block;text-align:center;color:#999;margin-top:16px}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}.content{padding:18px}.cards,.grid,.plan-grid,.two{grid-template-columns:1fr}.card.wide{grid-column:auto}.search input{min-width:0;width:100%}.toolbar{gap:10px}.panel{overflow:auto}}

.stats{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid #e7e9ec;border-radius:15px;padding:18px}.stat small{color:#737a84;display:block}.stat b{font-size:23px;display:block;margin-top:6px}.grid2{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin-bottom:18px}.narrow{max-width:760px}.price{font-size:34px;font-weight:800;margin:10px 0}.qr{display:block;max-width:280px;width:100%;margin:18px auto}.secondary{background:#f6f7f8}.danger{color:#b42318;border-color:#f0c5c1}.tabs{display:flex;gap:8px}.tabs a{background:#fff;border:1px solid #e0e3e7;padding:8px 11px;border-radius:9px}.muted{color:#737a84}code{display:block;padding:10px;background:#f3f4f6;border-radius:8px;overflow:auto}@media(max-width:900px){.stats,.grid2{grid-template-columns:1fr}}

/* Sprint 2.1 mobile-first/PWA */
.table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.brand-row{display:flex;align-items:center;justify-content:space-between}.icon-btn,.install-btn{border:1px solid #d9dde2;background:#fff;border-radius:10px;padding:9px 11px;min-height:40px}.close-menu{background:#202429;color:#fff;border-color:#30353b}.menu-backdrop,.bottom-nav{display:none}nav a.active{background:#202429}.header-title{flex:1;min-width:0}.header-title h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-btn{margin-left:auto}
@media(max-width:900px){body{padding-bottom:68px}.shell{display:block}.shell>main{min-width:0}aside{display:flex;position:fixed;z-index:50;inset:0 auto 0 0;width:min(86vw,280px);transform:translateX(-105%);transition:transform .2s;box-shadow:18px 0 50px #0003}.menu-open aside{transform:translateX(0)}.menu-backdrop{display:block;position:fixed;z-index:45;inset:0;background:#0006;opacity:0;pointer-events:none;transition:.2s}.menu-open .menu-backdrop{opacity:1;pointer-events:auto}main header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:12px 14px}.content{padding:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.plan-grid,.two,.grid2{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{width:100%}.search input{min-width:0;flex:1}.panel{overflow:hidden}.table-wrap table{min-width:620px}.bottom-nav{display:grid;position:fixed;z-index:35;left:0;right:0;bottom:0;grid-template-columns:repeat(4,1fr);background:#fffffff2;backdrop-filter:blur(16px);border-top:1px solid #e4e7eb;padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;padding:4px}.bottom-nav a b{font-size:18px}.guest{padding-bottom:0}input,select,textarea,button{min-height:44px}}
@media(min-width:901px){.menu-btn,.close-menu{display:none!important}}
textarea,select,input{max-width:100%}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.button{display:inline-flex;align-items:center;text-decoration:none;padding:.7rem 1rem;border:1px solid var(--border,#ddd);border-radius:.7rem}.danger{border-color:#b42318}.table-wrap{overflow-x:auto}textarea{width:100%;resize:vertical}
/* Sprint 4 commercial polish */
.hero-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--border,#e5e7eb);border-radius:24px;margin-bottom:18px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.01))}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.hero-card h2{font-size:clamp(28px,5vw,46px);margin:6px 0}.hero-number,.price-big{font-size:clamp(28px,5vw,44px);font-weight:800}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.plan-card h3{font-size:28px;margin:10px 0}.plan-card h3 small{font-size:13px;font-weight:500;opacity:.6}.clean-list{padding-left:18px;line-height:1.9}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button{min-height:44px;border-radius:12px;border:1px solid var(--border,#ddd);cursor:pointer}.checkout-shell{max-width:580px;margin:0 auto}.checkout-card{text-align:center;padding:28px}.checkout-card textarea{width:100%;min-height:110px;margin:12px 0}.qr{width:min(260px,75vw);height:auto;border-radius:16px;background:#fff;padding:8px}.filter-card form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.metric-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(127,127,127,.15)}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.check{display:flex;align-items:center;gap:8px}.user-card{margin-bottom:12px}
@media(max-width:850px){.plan-grid{grid-template-columns:1fr}.hero-card{align-items:flex-start;flex-direction:column}.permission-grid{grid-template-columns:1fr}.filter-card form>*{width:100%}}

.btn.danger{border-color:#b42318;color:#b42318;background:#fff}.btn.danger:hover{background:#fff1f0}