:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#12221d;background:#edf3f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:760px;margin:0 auto;min-height:100vh;background:#f8fbf9;box-shadow:0 0 50px #173d3020;padding-bottom:92px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:14px 18px;background:#075b49;color:#fff}.brandmark{width:38px;height:38px;border-radius:12px;background:#fff;color:#075b49;display:grid;place-items:center;font-size:26px;font-weight:900}.topbar h1{font-size:17px;margin:0}.topbar p{font-size:12px;margin:2px 0 0;color:#c9ebe1}.role-switch{margin-left:auto;border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:900}.content{padding:18px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5f736c;font-weight:800}.hero{background:linear-gradient(135deg,#0a6b55,#159176);padding:22px;border-radius:22px;color:#fff;box-shadow:0 16px 34px #0a6b5530}.owner-hero{background:linear-gradient(135deg,#174f8a,#2775b7)}.hero h2{margin:5px 0 6px;font-size:25px}.hero p{margin:0;color:#d7f3eb}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stat{background:#ffffff16;border:1px solid #ffffff26;border-radius:14px;padding:12px}.stat strong{display:block;font-size:20px}.stat span{font-size:11px;color:#dbf5ed}.section-head{display:flex;align-items:end;justify-content:space-between;margin:24px 2px 10px}.section-head h3{margin:0;font-size:18px}.section-head span{font-size:12px;color:#677a73}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick{border:1px solid #d9e4df;background:#fff;border-radius:16px;padding:16px;text-align:left;color:#143129;box-shadow:0 5px 16px #173d300b}.quick b{display:block;margin:8px 0 3px}.quick small{color:#6c7f78}.quick.primary{background:#f3b74a;border-color:#f3b74a}.icon{font-size:23px}.list{display:grid;gap:10px}.order-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dde7e2;border-radius:15px;padding:13px}.order-card .badge{width:42px;height:42px;border-radius:12px;background:#e4f3ed;color:#08705a;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.order-info{min-width:0;flex:1}.order-card h4{margin:0 0 3px;font-size:15px}.order-card p{margin:0 0 5px;font-size:12px;color:#6b7d77}.pill{display:inline-flex;border-radius:999px;padding:3px 7px;font-size:10px;background:#fff2d2;color:#8a5b00}.pill.out,.detail-status.out{background:#e7f0ff;color:#245a9a}.pill.delivered,.detail-status.delivered{background:#dff5e7;color:#17623a}.card-actions{margin-left:auto;display:grid;gap:5px}.card-actions button,.print-btn{border:1px solid #cbd9d3;background:#fff;border-radius:8px;padding:6px 8px;font-size:10px}.card-actions .go,.print-btn{background:#08705a;color:#fff;border-color:#08705a}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:76px;background:#fff;border-top:1px solid #dce7e2;display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.nav-btn{flex:1;border:0;background:transparent;color:#687a74;font-size:11px;padding:9px 4px}.nav-btn span{display:block;font-size:21px;margin-bottom:2px}.nav-btn.active{color:#076650;font-weight:800}.powered{text-align:center;color:#6d7c75;font-size:11px;padding:18px 8px 5px}.powered b{color:#075b49}.form-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.back{width:40px;height:40px;border:0;border-radius:12px;background:#e6efeb;font-size:22px}.form-title h2{margin:0;font-size:23px}.field{display:block;margin-bottom:15px;position:relative}.field>span{display:block;font-size:13px;font-weight:750;margin:0 0 7px;color:#31483f}.field input,.field select,.field textarea{width:100%;border:1px solid #cad9d3;background:#fff;border-radius:12px;padding:13px;color:#142b23;min-height:48px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #14a27a25;border-color:#0b8064}.field input[readonly]{background:#edf3f0;color:#607069}.row,.scheme-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.item-panel{background:#fff;border:1px solid #d7e2dd;border-radius:18px;padding:15px;margin:14px 0}.item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.item-head b{font-size:16px}.remove{border:0;background:#ffe7e2;color:#9b2d20;border-radius:9px;padding:7px 9px}.product-meta{background:#edf8f4;color:#31584b;border-radius:11px;padding:10px;font-size:12px;margin:-5px 0 13px}.suggestions{display:none;position:absolute;z-index:30;top:74px;left:0;right:0;max-height:260px;overflow:auto;background:#fff;border:1px solid #bfd0c7;border-radius:12px;box-shadow:0 14px 35px #173d3030}.suggestions.open{display:block}.suggestions button{display:block;width:100%;border:0;border-bottom:1px solid #e5ebe7;background:#fff;text-align:left;padding:10px}.suggestions b,.suggestions small{display:block}.suggestions small{color:#65776f;margin-top:2px}.add-item{width:100%;border:1px dashed #0b7a60;color:#09654f;background:#effaf6;border-radius:13px;padding:12px;font-weight:800}.top-gap{margin-top:16px}.summary{background:#123f34;color:#fff;border-radius:16px;padding:15px;margin:18px 0}.summary-line{display:flex;justify-content:space-between;margin:4px 0}.submit{width:100%;border:0;background:#0a6b55;color:#fff;border-radius:14px;padding:15px;font-weight:850;font-size:16px;box-shadow:0 10px 22px #0a6b5530}.empty{text-align:center;padding:44px 16px;color:#71817b}.empty b{display:block;color:#31483f;margin-bottom:5px}.filter-tabs{display:flex;gap:6px;overflow:auto;margin:8px 0 14px}.filter-tabs button{border:1px solid #d2ddd7;background:#fff;border-radius:999px;padding:7px 11px;font-size:11px;white-space:nowrap}.filter-tabs .active{background:#075b49;color:#fff}.detail-status{display:inline-block;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#fff2d2;color:#8a5b00;margin-bottom:12px}.detail-item,.notice-card,.menu-card{display:block;background:#fff;border:1px solid #dbe5e0;border-radius:14px;padding:13px;margin-bottom:9px}.detail-item p,.notice-card p{font-size:12px;color:#60736b;margin:5px 0}.detail-item small{color:#8a5b00}.detail-actions{display:grid;gap:9px}.detail-actions>button:first-child{border:1px solid #0a6b55;color:#0a6b55;background:#fff;border-radius:13px;padding:13px;font-weight:800}.menu-card{cursor:pointer}.menu-card b,.menu-card span{display:block}.menu-card span{font-size:12px;color:#697b73;margin-top:3px}.notice-card.due{border-color:#edc5bd;background:#fff8f6}.notice-card button{border:0;border-radius:9px;padding:8px 10px;background:#1d7b46;color:#fff}.print-head{display:flex;justify-content:space-between;gap:12px;border-bottom:3px solid #075b49;padding-bottom:12px}.print-head h2{font-size:19px;margin:0}.print-head p{margin:3px 0;font-size:12px}.print-head button{border:0;background:#075b49;color:#fff;border-radius:9px;padding:8px 10px}.retailer-box{display:grid;gap:4px;background:#edf5f1;padding:12px;margin:14px 0;font-size:11px}.retailer-box b{font-size:16px}.print-summary{display:flex;gap:10px;margin-bottom:12px}.print-summary span{flex:1;border:1px solid #d9e3dd;padding:8px;font-size:11px}.print-summary b{display:block;font-size:16px}.print-order{border:1px solid #ccd9d2;margin:12px 0;overflow:auto}.print-order h3{font-size:12px;margin:0;background:#e9f2ed;padding:8px}.print-order h3 span{float:right;font-weight:400}.print-order table{width:100%;border-collapse:collapse;font-size:9px;min-width:590px}.print-order th,.print-order td{padding:6px;border-bottom:1px solid #e1e7e3;text-align:left}.print-note{text-align:center;font-size:9px;color:#687870}.toast{position:fixed;z-index:50;left:50%;bottom:90px;transform:translate(-50%,18px);background:#172c25;color:#fff;padding:11px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:420px){.content{padding:14px}.hero{padding:18px}.hero h2{font-size:22px}.row,.scheme-row{grid-template-columns:1fr}.stats{gap:7px}.stat{padding:10px 8px}.topbar{padding:12px 14px}.topbar h1{font-size:14px}.order-card{align-items:flex-start}}
@media print{body{background:#fff}.topbar,.bottom-nav,.powered,.print-head button{display:none!important}.shell{max-width:none;box-shadow:none;padding:0}.content{padding:0}.print-page{font-family:Arial,sans-serif}.print-order{break-inside:avoid}}
.role-switch{white-space:nowrap;padding:9px 11px;border-color:#ffffff77}.page-title{display:flex;align-items:center;gap:12px;margin:4px 0 18px}.page-title h2{margin:0;font-size:23px}.role-hint{background:#e9f3ee;border:1px solid #cfe0d7;border-radius:13px;padding:12px;margin-bottom:14px}.role-hint b,.role-hint span{display:block}.role-hint span{font-size:11px;color:#60736a;margin-top:3px}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(155deg,#eaf4f0,#f8fbf9)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid #d8e4de;border-radius:24px;padding:24px;box-shadow:0 20px 55px #173d3020}.auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.auth-brand .brandmark{background:#075b49;color:#fff}.auth-brand h1{font-size:20px;margin:0}.auth-brand p{margin:3px 0 0;color:#667a72;font-size:12px}.auth-card h2{margin:0 0 5px}.auth-card>p{color:#64776f;font-size:13px;margin:0 0 18px}.auth-error{display:none;background:#fff0ed;color:#922f25;border:1px solid #efc9c2;border-radius:11px;padding:10px;font-size:12px;margin-bottom:12px}.auth-error.show{display:block}.auth-footer{text-align:center;color:#6d7c75;font-size:11px;margin-top:18px}.user-menu{margin-left:auto;display:flex;align-items:center;gap:7px}.user-role{border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:900}.logout{border:0;background:#fff;color:#075b49;border-radius:9px;padding:7px 9px;font-size:11px;font-weight:800}.sync-banner{margin:0 18px;padding:9px 12px;background:#fff3cf;color:#765200;border-radius:0 0 12px 12px;font-size:11px;text-align:center}.loading{min-height:100vh;display:grid;place-items:center;color:#075b49;font-weight:800}.submit[disabled],button[disabled]{opacity:.55;cursor:not-allowed}.field-note{display:block;color:#6a7b74;font-size:11px;margin-top:5px}
.bottom-nav.five .nav-btn{min-width:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mini-stats>div{background:#fff;border:1px solid #dce7e2;border-radius:13px;padding:11px;text-align:center}.mini-stats b,.mini-stats span{display:block}.mini-stats b{font-size:17px;color:#075b49}.mini-stats span{font-size:10px;color:#6b7d77;margin-top:3px}.alert-strip{width:100%;border:0;background:#fff0cc;color:#725000;border-radius:12px;padding:11px;margin-top:12px;font-weight:750}.assigned{display:block;color:#507068;margin-top:4px}.pill.cancelled,.detail-status.cancelled{background:#f6e2df;color:#8f3028}.small-primary{border:0;background:#08705a;color:#fff;border-radius:9px;padding:8px 10px;font-weight:750}.danger-btn{width:100%;border:1px solid #bd3f32!important;background:#fff!important;color:#a12f25!important;border-radius:13px;padding:13px;font-weight:800}.danger-mini{border:1px solid #e0a59f!important;background:#fff1ef!important;color:#982f25!important;border-radius:8px;padding:6px 8px;font-size:10px}.panel{background:#fff;border:1px solid #dbe5e0;border-radius:16px;padding:15px;margin-bottom:16px}.notice-card select{width:100%;margin:8px 0;border:1px solid #ccd9d3;border-radius:9px;padding:8px}.payment-line{font-size:10px;padding:6px 8px;margin:0;background:#f5faf7;color:#315146}.print-summary{flex-wrap:wrap}.print-summary span{min-width:110px}
.summary-editor{width:100%;min-height:92px;margin:9px 0;border:1px solid #cad9d3;border-radius:10px;padding:10px;resize:vertical}.inline-actions{display:flex;gap:8px}.inline-actions button{flex:1}.notice-card .danger-mini{background:#fff1ef;color:#982f25}.notice-card button+button{margin-left:6px}
.report-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fff;border:1px solid #dbe5e0;border-radius:16px;padding:12px;margin-bottom:14px}.report-controls label span{display:block;font-size:10px;font-weight:800;color:#60736b;margin-bottom:4px}.report-controls input{width:100%;border:1px solid #cad9d3;border-radius:9px;padding:9px;min-height:40px}.report-controls button{border:1px solid #bfd2ca;background:#fff;color:#174238;border-radius:9px;padding:9px;font-weight:750}.report-controls .export-btn{grid-column:1/-1;background:#08705a;color:#fff;border-color:#08705a}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.report-stats>div{background:#123f34;color:#fff;border-radius:14px;padding:13px;min-height:102px}.report-stats b,.report-stats span,.report-stats small{display:block}.report-stats b{font-size:19px}.report-stats span{font-size:11px;margin:5px 0}.report-stats small{font-size:10px;color:#cae7de;line-height:1.45}.report-row{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #dbe5e0;border-radius:13px;padding:12px;margin-bottom:8px}.report-row b{font-size:13px}.report-row span{font-size:11px;color:#61746d;text-align:right}
@media(max-width:420px){.report-row{display:block}.report-row span{display:block;text-align:left;margin-top:5px}}