:root{--brown:#574135;--brown2:#71594b;--sand:#f4efe8;--gold:#b99568;--ink:#29231f;--muted:#817770;--line:#e9e3dc;--bg:#f7f6f4;--green:#267a50;--red:#aa4439;--amber:#9a6b16}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink);display:grid;grid-template-columns:245px 1fr;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{background:linear-gradient(180deg,#574135,#463329);color:#fff;padding:27px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:0 10px 24px;border-bottom:1px solid #ffffff22}.brand b{display:block;font-size:31px}.brand span{display:block;opacity:.72;margin-top:4px}nav{display:grid;gap:5px;margin-top:22px}nav button{border:0;background:transparent;color:#fff;text-align:right;padding:13px 15px;border-radius:10px;opacity:.78}nav button:hover,nav button.active{background:#ffffff17;opacity:1}.side-state{margin-top:auto;border-top:1px solid #ffffff22;padding:20px 8px 0;display:grid;grid-template-columns:10px 1fr;gap:4px 8px}.side-state i{width:8px;height:8px;border-radius:50%;background:#e9bc6f;margin-top:5px}.side-state small{grid-column:2;opacity:.55}main{padding:32px 38px 60px;max-width:1500px;width:100%;overflow:hidden}header,.panel-head,.page-actions,.modal-title{display:flex;justify-content:space-between;align-items:center;gap:18px}h1{margin:3px 0 0;font-size:29px}h2{font-size:19px;margin:0}header p,.panel-head p{color:var(--muted);margin:7px 0 0}.eyebrow{font-size:12px!important;color:var(--gold)!important;font-weight:bold;margin:0!important}.header-actions,.actions{display:flex;gap:9px}button:not(.link):not(.text-btn):not(.icon-btn):not(nav button){background:var(--brown);color:#fff;border:0;border-radius:9px;padding:11px 17px}.ghost,.secondary{background:#fff!important;color:var(--brown)!important;border:1px solid #d7ccc2!important}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:27px 0}.card,.panel,.supplier-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px #2d21190a}.card{padding:19px;border-top:3px solid transparent}.card.success{border-top-color:#71b994}.card.danger{border-top-color:#d4776d}.card.warning{border-top-color:#d2a856}.card>span,.card small{display:block;color:var(--muted)}.card b{font-size:29px;display:block;margin:7px 0}.card small{font-size:11px}.grid-2{display:grid;grid-template-columns:1.65fr 1fr;gap:15px}.panel{padding:20px}.panel-head{padding-bottom:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:right;padding:14px 10px;border-bottom:1px solid #eee9e4;font-size:13px;white-space:nowrap}th{color:var(--muted);font-weight:normal;background:#fbfaf9}td small,td span{display:block;color:var(--muted);margin-top:5px}.link,.text-btn,.icon-btn{border:0;background:none;color:var(--brown);font-weight:bold}.link{text-decoration:underline}.icon-btn{font-size:19px}.status,.pill{display:inline-block!important;width:max-content;padding:6px 10px;border-radius:20px;background:#eee8e2;color:var(--brown)!important;font-size:11px;margin:0}.status-preparing{background:#fff0cc;color:#765509!important}.status-ready,.pill.on{background:#dff5e8;color:#187044!important}.status-problem,.status-cancelled,.pill.off{background:#ffe4e1;color:#9b3026!important}.late-row{background:#fff9f8}.alerts{display:grid}.alerts button{display:flex!important;text-align:right!important;align-items:center;gap:11px;background:transparent!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:14px 4px!important}.alerts i{width:9px;height:9px;border-radius:50%;background:#d2a856}.alerts i.red{background:#cf695f}.alerts b,.alerts span{display:block}.alerts span{font-size:11px;color:var(--muted);margin-top:5px}.good-state,.empty{padding:35px;text-align:center;color:var(--muted)}.empty b{color:var(--ink)}.toolbar{display:grid;grid-template-columns:1fr 180px 180px auto;gap:10px;margin-bottom:15px}.toolbar input,input,select,textarea{border:1px solid #ddd4ca;border-radius:8px;padding:10px;background:#fff;min-width:0}textarea{min-height:90px;resize:vertical}.bulk{padding:11px;background:#f1ece6;border-radius:10px;display:flex;align-items:center;gap:10px;margin-bottom:12px}.bulk b{margin-left:auto}.hidden{display:none!important}.progress{width:150px;height:7px;background:#eee8e2;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}.page-actions{margin:25px 0 15px}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.supplier-card{padding:20px}.avatar{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;background:var(--sand);color:var(--brown);font-size:19px;font-weight:bold}.supplier-title{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.supplier-title h3{display:inline;margin-left:7px}.supplier-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;margin:15px 0}.supplier-metrics div{text-align:center;padding:12px 5px;border-left:1px solid var(--line)}.supplier-metrics div:last-child{border:0}.supplier-metrics b,.supplier-metrics span{display:block}.supplier-metrics span,.supplier-card p,.supplier-card small{font-size:11px;color:var(--muted)}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.form-grid label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.form-grid label.wide{grid-column:1/-1}.switch-row{display:flex!important;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink)!important}.switch-row span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.switch-row input{width:18px;height:18px}.integration-box{background:#f8f6f3;border:1px dashed #d8cdc3;border-radius:10px;padding:15px;margin-top:20px;display:grid;gap:7px}.integration-box span{font-size:12px;color:var(--muted)}.integration-box em{font-style:normal;color:var(--red);font-size:11px}.save-bar{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.save-bar span{font-size:12px;color:var(--muted)}.notice{padding:12px 16px;border-radius:9px;background:#e1f2e8;color:#226543;margin:17px 0}.notice.error{background:#fde8e6;color:#942f27}dialog{border:0;border-radius:17px;max-width:780px;width:94%;padding:0;box-shadow:0 25px 80px #0004}dialog::backdrop{background:#211b1888}.form-dialog form{padding:24px}.modal-title{border-bottom:1px solid var(--line);padding-bottom:15px}.close{margin:0 24px 24px}.detail-head{padding:25px 28px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px}.detail-head h2{margin:6px 0;font-size:25px}.detail-head p{margin:0;color:var(--muted)}.detail-grid{padding:22px 28px;display:grid;grid-template-columns:1fr 150px;gap:20px}.product-box{display:flex;align-items:center;gap:16px}.product-image{height:100px;width:100px;background:var(--sand);border-radius:13px;display:grid;place-items:center;color:var(--brown);font-size:20px;font-weight:bold;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-box h3{margin:0 0 10px}.product-box p{margin:7px 0;color:var(--muted)}.qr-box{text-align:center;border:1px solid var(--line);border-radius:13px;padding:8px}.qr-box img{width:110px;display:block;margin:auto}.qr-box small{color:var(--muted)}.info,.note,.history,.status-action{margin:0 28px 20px;padding:18px;border:1px solid var(--line);border-radius:13px}.info h3,.history h3{margin-top:0}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.options div,.dates div{background:#f8f6f3;padding:12px;border-radius:9px}.options span,.dates span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note{background:#fff9e9;border-color:#f0dfae}.status-action{display:flex;align-items:center;gap:9px;background:#f8f6f3}.status-action label{font-weight:bold;margin-left:auto}.history-row{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.history-row i{width:9px;height:9px;border-radius:50%;background:var(--gold);margin-top:5px}.history-row b,.history-row span,.history-row small{display:block}.history-row span,.history-row small{color:var(--muted);font-size:11px;margin-top:5px}.actions{padding:0 28px 22px}
@media(max-width:1000px){.grid-2,.settings-layout{grid-template-columns:1fr}.supplier-grid{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}.save-bar{grid-column:1}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body{display:block}aside{position:static;height:auto;padding:15px}.brand{padding-bottom:12px}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap}.side-state{display:none}main{padding:20px 14px}header{align-items:flex-start}.header-actions{flex-direction:column}.supplier-grid,.form-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.status-action{align-items:stretch;flex-direction:column}.detail-head{flex-direction:column}.actions{flex-direction:column}.options,.dates{grid-template-columns:1fr}.save-bar{align-items:stretch;flex-direction:column;gap:10px}}
@media print{body>*{display:none!important}dialog[open]{position:static;display:block!important;max-width:none;width:100%;box-shadow:none}.no-print,.close,dialog::backdrop{display:none!important}.detail-head{padding-top:0}.detail-grid{grid-template-columns:1fr 170px}.qr-box img{width:145px}.history{display:none}.info,.note,.detail-grid,.detail-head{break-inside:avoid}}