:root{--text:#212328;--text-h:#16151d;--muted:#8a8b93;--bg:#f4f5f8;--card:#fff;--border:#e7e8ee;--accent:#ff9500;--accent-d:#ff950055;--accent-strong:#e67e00;--gold:#ffc000;--error:#ed1717;--error-bg:#fdeaea;--ok:#2e7d32;--ok-bg:#e8f5e9;--radius:14px;color:var(--text);font-family:Rubik,Segoe UI,Arial,system-ui,sans-serif}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 25% 15%,#ffd682f2,#0000 55%),radial-gradient(circle at 85% 0,#ff9f45e6,#0000 50%),linear-gradient(160deg,#ffb84d 0%,#ef7a2a 45%,#b5471a 100%) fixed;min-height:100vh;margin:0}h1{color:var(--text-h);margin:0 0 .75rem;font-size:1.5rem}h2{color:var(--text-h);margin:0 0 .75rem;font-size:1.1rem}.muted{color:var(--muted)}.center{text-align:center;padding:3rem 1rem}.topbar{background:var(--card);border-bottom:1px solid var(--border);z-index:10;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--accent-strong);font-weight:700}.topnav{flex-wrap:wrap;flex:1;gap:.25rem;display:flex}.topnav a{color:var(--text);border-radius:8px;padding:.4rem .7rem;text-decoration:none}.topnav a:hover{background:var(--bg)}.topuser{align-items:center;gap:.75rem;margin-left:auto;display:flex}.container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffd1;border-radius:18px;max-width:880px;margin:1rem auto;padding:1rem 1.1rem;box-shadow:0 10px 34px #501e002e}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.btn{font:inherit;border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:9px;padding:.55rem 1rem}.btn:hover{background:var(--bg)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.link{color:var(--accent-strong);cursor:pointer;font:inherit;background:0 0;border:none;padding:.2rem .3rem}.link:hover{text-decoration:underline}label{color:var(--text);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}label.inline{flex-direction:row;align-items:center;gap:.5rem}input{font:inherit;border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;padding:.5rem .6rem}input:focus{outline:2px solid var(--accent-d);border-color:var(--accent)}.warn-box{color:#8a5a00;background:#fff4e0;border:1px solid #ffd591;border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.error-box{background:var(--error-bg);color:var(--error);border:1px solid #f5c6c0;border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.success-box{background:var(--ok-bg);color:var(--ok);border:1px solid #c3e6c5;border-radius:8px;margin:.5rem 0;padding:.6rem .8rem}.auth-wrap{justify-content:center;padding-top:3rem;display:flex}.auth-card{width:360px;max-width:92vw;padding:0;overflow:hidden}.auth-hero{height:150px;position:relative}.auth-hero img{object-fit:cover;width:100%;height:100%;display:block}.auth-hero-title{color:#fff;background:linear-gradient(#0000,#0009);padding:.6rem 1rem;font-size:1.15rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.auth-form{flex-direction:column;gap:.85rem;padding:1.1rem 1.2rem 1.3rem;display:flex}.auth-form h1{margin:0}.group .rows{flex-direction:column;display:flex}.row{border-top:1px solid var(--border);flex-direction:column;gap:.35rem;padding:.6rem 0;display:flex}.row:first-child{border-top:none}.row-main{justify-content:space-between;align-items:center;gap:1rem;display:flex}.row-prod{align-items:center;gap:.7rem;min-width:0;display:flex}.thumb{object-fit:cover;background:var(--bg);border-radius:8px;flex:none;width:52px;height:40px}.thumb-empty{border:1px solid var(--border);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.row-name{color:var(--text-h)}.row-price{white-space:nowrap;font-size:.85rem}.row-input{align-items:center;gap:.5rem;display:flex}.row-input input{text-align:right;width:90px}.row-input .unit{color:var(--muted);width:28px}.line-total{color:var(--text-h);font-variant-numeric:tabular-nums;margin-left:auto}.row-error .row-input input{border-color:var(--error)}.row-err{color:var(--error);font-size:.85rem}.order-footer{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:sticky;bottom:0}.order-total{color:var(--text-h);font-size:1.2rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .8rem}.table thead th{background:var(--bg);color:var(--muted);font-size:.85rem}.table tfoot td{background:var(--bg);font-size:1.05rem}.table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-inactive{opacity:.55}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.price-input{text-align:right;width:90px}.form-grid{grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem;display:grid}.create-form h2{margin-top:0}.credential-box{border-radius:var(--radius);background:#fff8ef;border:1px solid #f0d9b8;margin-bottom:1rem;padding:.85rem 1rem}.credential-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.credential-row code{border:1px solid var(--border);background:#fff;border-radius:6px;padding:.3rem .6rem;font-size:1.05rem}code{font-family:Consolas,Courier New,monospace}.thankyou{justify-content:center;padding-top:2.5rem;display:flex}.thankyou-card{text-align:center;width:460px;max-width:92vw}.thankyou-check{background:var(--ok-bg);width:64px;height:64px;color:var(--ok);border-radius:50%;margin:0 auto .5rem;font-size:2rem;font-weight:700;line-height:64px}.thankyou-total{color:var(--text-h);margin:.5rem 0 .75rem;font-size:1.2rem}.thankyou-items{text-align:left;border-top:1px solid var(--border);margin:0 0 1rem;padding:0;list-style:none}.thankyou-items li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;gap:.75rem;padding:.4rem 0;display:grid}.picklist-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tabs{border:1px solid var(--border);border-radius:9px;display:inline-flex;overflow:hidden}.tab{font:inherit;background:var(--card);cursor:pointer;border:none;padding:.5rem .9rem}.tab.active{background:var(--accent);color:#fff}.table.compact th,.table.compact td{padding:.35rem .6rem}.cp-block{break-inside:avoid;margin-bottom:1rem}.cp-grid{columns:260px;column-gap:1.5rem}.cp-grid .table{white-space:normal;display:table;overflow:visible}.cp-head{color:var(--text-h);justify-content:space-between;align-items:baseline;padding:.4rem 0;display:flex}a.btn{text-decoration:none;display:inline-block}.cost-cat{font-size:.75rem}.supplier-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:1rem;display:grid}.supplier-card{padding:.8rem}.spec-section{margin-bottom:1.2rem}.spec-section h2{margin:0 0 .8rem}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:1rem;display:grid}.spec-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);gap:.8rem;padding:.7rem;display:flex}.spec-photo{background:#fff;border-radius:10px;flex:0 0 92px;justify-content:center;align-items:center;width:92px;height:92px;display:flex;overflow:hidden}.spec-photo img{object-fit:cover;width:100%;height:100%}.spec-noimg{font-size:2rem}.spec-body{min-width:0}.spec-body h3{margin:0 0 .3rem;font-size:1rem}.spec-kbju{flex-wrap:wrap;gap:.4rem;margin-bottom:.35rem;font-size:.85rem;display:flex}.spec-kbju span{border:1px solid var(--border);background:#fff;border-radius:6px;padding:.05rem .4rem}.spec-meta{margin-bottom:.25rem;font-size:.82rem}.spec-comp{font-size:.8rem;line-height:1.35}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th.sortable:hover{color:var(--accent-strong)}.cat-group td{background:var(--bg);color:var(--text-h);border-top:2px solid var(--border);padding-top:.5rem;font-size:.92rem}.cost-up{color:var(--error);font-weight:600}.cost-down{color:var(--ok);font-weight:600}.rec{white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.8rem;display:inline-block}.rec-critical{color:#c0140f;background:#fdeaea}.rec-warn{color:#b56a00;background:#fff3df}.rec-info{color:#2b6cb0;background:#eef3fb}.rec-ok{background:var(--ok-bg);color:var(--ok)}.rec-hint{color:var(--muted);font-size:.8rem}.dash-filters{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dash-filters select{font:inherit;border:1px solid var(--border);color:var(--text-h);background:#fff;border-radius:8px;padding:.45rem .6rem}.kpi-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem;display:grid}.kpi{padding:.9rem 1rem}.kpi-label{color:var(--muted);font-size:.85rem}.kpi-value{color:var(--text-h);margin-top:.2rem;font-size:1.5rem;font-weight:600}.chart{width:100%;height:auto;display:block}.chart-label{fill:var(--muted);font-size:10px}.dash-tables{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}@media (width<=800px){.kpi-row{grid-template-columns:repeat(2,1fr)}.dash-tables{grid-template-columns:1fr}}@media (width<=560px){.form-grid{grid-template-columns:1fr}.row-main{flex-direction:column;align-items:flex-start;gap:.1rem}.container{border-radius:12px;margin:.5rem;padding:.7rem}.topbar{padding:.6rem .75rem}.row-input input{width:84px;min-height:40px;font-size:16px}.order-page h1{font-size:1.3rem}.auth-hero img{height:120px}.table{white-space:nowrap;display:block;overflow-x:auto}}.order-editor h3{margin:0 0 .6rem}.qty-input{text-align:right;width:5rem;padding:.25rem .4rem}.order-editor-add{align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.order-editor-add select{flex:1;max-width:28rem}.order-editor-actions{align-items:center;gap:.8rem;display:flex}.link.danger{color:var(--error)}.cat-row{cursor:pointer}.cat-row:hover{background:var(--bg)}.cat-caret{width:1rem;color:var(--accent-strong);display:inline-block}.cat-product td:first-child{color:var(--muted);padding-left:1.6rem}.print-only{display:none}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{color:#000;width:100%;font-size:10.5px;line-height:1.25;position:absolute;top:0;left:0}.print-only{display:block}.printable h2{margin:0 0 .25rem;font-size:13px}.printable .card{box-shadow:none;border:none;margin:0 0 .5rem;padding:0}.printable .table{white-space:normal;width:100%;display:table;overflow:visible}.printable .table th,.printable .table td{border-color:#bbb;padding:1px 6px}.printable .table thead th{border-bottom:1px solid #888}.printable .cp-grid{columns:3;column-gap:10mm}.printable .cp-block{margin-bottom:.5rem}.printable .cp-head{padding:.1rem 0}.printable thead{display:table-header-group}.printable tr{break-inside:avoid}}