:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#1d4ed8;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;min-height:58px;padding:10px max(16px,calc((100vw - 1200px)/2));background:#111827;color:white;box-shadow:0 2px 10px #0002}.topbar .brand{font-size:1.2rem;font-weight:800;color:white}.topbar nav{display:flex;gap:16px;flex:1;overflow:auto}.topbar nav a,.link-button{color:#e5e7eb;white-space:nowrap}.link-button{border:0;background:transparent;cursor:pointer}.page{max-width:1200px;margin:auto;padding:24px 16px 90px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-heading h1{margin:0;font-size:clamp(1.5rem,3vw,2.15rem)}.page-heading p{margin:5px 0 0;color:#6b7280}.card,.metric-grid article,.product-row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 18px #11182708}.card{padding:20px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.metric-grid article{padding:18px}.metric-grid span{display:block;color:#6b7280;font-size:.88rem}.metric-grid strong{display:block;font-size:1.75rem;margin-top:6px}.currency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card h2{margin-top:0}.card dl{margin:0}.card dl>div,.totals dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f1f3;padding:10px 0}.card dd{margin:0;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:#111827;color:white;padding:11px 16px;font-weight:700;cursor:pointer}.button.secondary{background:#e5e7eb;color:#111827}.button.wide{width:100%}.button.large{min-height:54px;font-size:1.04rem}.button:disabled{opacity:.55;cursor:not-allowed}.live-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(390px,1.2fr);gap:18px}.camera-card{min-height:420px;padding:12px}.camera-drop{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;min-height:395px;border:2px dashed #9ca3af;border-radius:13px;background:#f9fafb;overflow:hidden;cursor:pointer}.camera-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.camera-drop span{font-weight:750;color:#374151}.camera-drop img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#111827}.form-card label{display:block;font-weight:650;margin-bottom:14px}.form-card input,.form-card select,.form-card textarea,.filter-bar input,.filter-bar select{width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:9px;background:white;padding:11px 12px;color:#111827}.form-card textarea{min-height:90px}.field-grid,.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.search-control{display:flex;gap:8px}.search-control button{margin-top:6px;border:1px solid #9ca3af;border-radius:9px;background:#fff;padding:0 13px;white-space:nowrap}.search-results{position:relative;z-index:5;background:white;border-radius:10px;box-shadow:0 8px 30px #11182725;max-height:260px;overflow:auto}.search-results button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #eee;background:white;padding:11px;cursor:pointer}.search-results button:hover{background:#f3f4f6}.search-results small,.product-row small,td small{display:block;color:#6b7280}.selected-customer{padding:10px 12px;border:1px solid #86efac;background:#f0fdf4;border-radius:9px}.quick-add{padding:14px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;margin-bottom:14px}.price-summary{display:flex;justify-content:space-between;align-items:center;padding:15px;margin:14px 0;background:#f9fafb;border-radius:10px}.price-summary strong{font-size:1.3rem}.status-tag{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#e5e7eb;font-size:.82rem}.status-tag.ok{background:#dcfce7;color:#166534}.status-tag.warn{background:#fef3c7;color:#92400e}.alert{padding:12px 14px;border-radius:10px;margin-bottom:14px}.alert.error{background:#fee2e2;color:#991b1b}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.filter-bar input{max-width:420px}.checkbox{display:flex!important;align-items:center;gap:8px}.checkbox input{width:auto!important;margin:0!important}.table-wrap{overflow:auto;background:white;border:1px solid #e5e7eb;border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #eee;white-space:nowrap}th{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}.product-list{display:grid;gap:10px}.product-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:10px}.product-row img,.image-placeholder{width:72px;height:72px;border-radius:10px;object-fit:cover;background:#e5e7eb;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.75rem}.product-row p{margin:5px 0}.money{font-weight:800}.login-page{display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#111827,#374151)}.login-card{width:min(100%,420px);background:white;border-radius:18px;padding:28px;box-shadow:0 20px 60px #0005}.login-card h1{margin-top:0}.login-card label{display:block;font-weight:650;margin:14px 0}.login-card input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;margin-top:6px}.toast{position:fixed;right:16px;bottom:20px;z-index:100;background:#111827;color:white;padding:12px 16px;border-radius:10px;box-shadow:0 12px 35px #0004}.center-card{width:min(90%,500px);margin:15vh auto;background:white;padding:30px;border-radius:16px;text-align:center}details{margin:12px 0}summary{cursor:pointer;font-weight:700}@media(max-width:760px){.topbar{gap:12px}.topbar nav{display:none}.page{padding:16px 12px 110px}.live-grid,.currency-grid{grid-template-columns:1fr}.camera-card{min-height:280px}.camera-drop{min-height:250px}.metric-grid{grid-template-columns:1fr 1fr}.field-grid,.price-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.product-row{grid-template-columns:58px 1fr}.product-row img,.image-placeholder{width:58px;height:58px}.money{grid-column:2}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar input{max-width:none}.topbar form{margin-left:auto}}

/* v1.1 administration shell */
.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.main-shell{min-width:0}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:#0f172a;color:#e2e8f0;padding:16px 12px;z-index:40}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 16px}.sidebar .brand{color:#fff;font-size:1.3rem;font-weight:850}.sidebar-close{display:none;border:0;background:transparent;color:#fff;font-size:2rem}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{display:block;color:#cbd5e1;padding:9px 11px;border-radius:9px;font-weight:600;font-size:.94rem}.side-nav a:hover,.side-nav a.active{background:#1e293b;color:#fff}.nav-label{display:block;color:#64748b;text-transform:uppercase;font-size:.7rem;letter-spacing:.09em;font-weight:800;padding:20px 11px 6px}.main-shell .topbar{position:sticky;top:0;z-index:30;min-height:58px;padding:8px 22px;background:#fff;color:#111827;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #11182708}.main-shell .topbar .link-button{color:#334155}.menu-button{display:none;border:0;background:#e2e8f0;border-radius:8px;padding:7px 10px;font-size:1.1rem}.mobile-brand{display:none;color:#111827;font-weight:800}.topbar-spacer{flex:1}.user-chip{font-size:.88rem;color:#475569}.page{max-width:1440px;width:100%}.sidebar-backdrop{position:fixed;inset:0;background:#0008;z-index:35}.alert.success{background:#dcfce7;color:#166534}.alert.warning{background:#fef3c7;color:#92400e}.alert ul{margin:.4rem 0 0 1.2rem}.button.danger{background:#b91c1c}.button.warning{background:#b45309}.button.outline{background:#fff;color:#111827;border:1px solid #cbd5e1}.button.small{padding:7px 10px;font-size:.84rem}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button-row form{margin:0}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.field{display:block;font-weight:650}.field input,.field select,.field textarea,.inline-form input,.inline-form select,.inline-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:10px 11px;color:#111827}.field textarea{min-height:100px}.help{display:block;color:#64748b;font-weight:400;font-size:.82rem;margin-top:5px}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.section-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:grid;gap:14px}.muted{color:#64748b}.status-tag.bad{background:#fee2e2;color:#991b1b}.status-tag.info{background:#dbeafe;color:#1e40af}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#94a3b8}.status-dot.active{background:#22c55e}.status-dot.inactive{background:#ef4444}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-header h2,.card-header h3{margin:0}.inline-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}.inline-form .wide{grid-column:span 2}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-group{border:1px solid #e2e8f0;border-radius:12px;padding:13px;background:#fff}.permission-group h3{margin:0 0 10px;text-transform:capitalize}.permission-group label{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:.9rem}.detail-list{display:grid;grid-template-columns:180px 1fr;gap:8px 16px}.detail-list dt{color:#64748b}.detail-list dd{margin:0;font-weight:650}.empty-state{text-align:center;padding:38px;color:#64748b}.data-actions{display:flex;gap:6px}.nowrap{white-space:nowrap}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tabs a{padding:8px 12px;border-radius:999px;background:#e2e8f0;color:#334155}.tabs a.active{background:#111827;color:#fff}.danger-zone{border-color:#fecaca;background:#fff7f7}.danger-zone h2{color:#991b1b}.checkbox-list{display:flex;gap:14px;flex-wrap:wrap}.checkbox-list label{display:flex;align-items:center;gap:6px}.mini-form{display:flex;gap:8px;align-items:center}.mini-form input,.mini-form select{border:1px solid #cbd5e1;border-radius:8px;padding:7px 8px}.key-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem}.json-preview{max-width:420px;max-height:140px;overflow:auto;white-space:pre-wrap;background:#f8fafc;padding:8px;border-radius:7px;font-size:.75rem}.pagination{margin-top:16px}
@media(max-width:1050px){.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;top:0;width:270px;transition:left .2s ease}.sidebar.open{left:0}.sidebar-close,.menu-button,.mobile-brand{display:block}.main-shell .topbar{padding:8px 12px}.user-chip{display:none}.section-grid,.section-grid.three,.form-grid,.permission-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.inline-form .wide{grid-column:auto}.detail-list{grid-template-columns:1fr;gap:3px}.detail-list dd{margin-bottom:8px}}