:root { color-scheme:light; --ink:#182a24; --muted:#728078; --bg:#f5f6f2; --card:#fff; --line:#e7ebe6; --brand:#18634b; --brand2:#0f4a39; --soft:#e9f3ed; --red:#ae4f3f; --amber:#9c7228; --shadow:0 7px 28px #18382b0d; font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
*{box-sizing:border-box} html,body{margin:0; min-height:100%; background:var(--bg);color:var(--ink)} body{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))} button,input,select,textarea{font:inherit} button{cursor:pointer} .wrap{max-width:870px;margin:0 auto;padding:0 17px} .head{background:linear-gradient(125deg,#10251f,#1b5f48);color:#fff;padding:20px 0 29px;border-radius:0 0 23px 23px} .overline{font-size:10px;letter-spacing:.17em;text-transform:uppercase;opacity:.65;font-weight:800} .topline,.between{display:flex;justify-content:space-between;align-items:center;gap:10px} h1{font-size:27px;letter-spacing:-.035em;margin:5px 0 0} h2{font-size:20px;letter-spacing:-.025em;margin:0} h3{font-size:16px;margin:0}.sub{font-size:12px;color:var(--muted)} .head .sub{color:#c5dfd1} .head-icon{font-size:29px;line-height:1;background:#ffffff20;border:1px solid #ffffff25;padding:9px;border-radius:14px} .main{margin-top:-14px;position:relative} .panel,.order,.worker,.ratecard,.stat{background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)} .section{margin-top:24px}.panel{padding:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat{padding:15px 10px;text-align:center}.stat strong{font-size:25px;display:block;letter-spacing:-.06em}.stat span{font-size:11px;color:var(--muted)}.stat.alert strong{color:var(--red)} .toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:19px 0 15px;flex-wrap:wrap}.date-picker{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:3px 8px;gap:6px}.date-picker input{border:0;padding:7px 0;font-size:14px;background:transparent;color:var(--ink);min-width:129px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 12px}.count{background:#e9eee8;color:#5c6f62;border-radius:99px;padding:4px 9px;font-size:11px;font-weight:700}.orders{display:grid;gap:10px}.order{padding:15px;transition:background .1s}.order.cancel{opacity:.5}.order-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.order-time{font-size:21px;letter-spacing:-.04em;font-weight:800}.order-name{font-size:16px;font-weight:750;margin-left:10px}.order-meta{font-size:12px;color:var(--muted);margin:9px 0}.pill{border-radius:99px;padding:5px 9px;font-size:11px;font-weight:750;white-space:nowrap;background:#eef1ec;color:#5d685f}.pill.confirmed{color:#555c80;background:#edf0f8}.pill.ready{color:var(--brand);background:var(--soft)}.pill.called{color:var(--amber);background:#fcf3e4}.pill.done{color:var(--brand);background:var(--soft)}.pill.canceled{color:var(--red);background:#fbebe9}.person{display:flex;align-items:center;gap:7px;font-size:13px}.person.no{color:var(--red)}.person em{font-style:normal;color:var(--muted)}.order-bottom{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:11px;border-top:1px solid var(--line)}.btn{border-radius:10px;border:1px solid var(--line);background:#fff;padding:10px 13px;color:var(--ink);font-size:13px;font-weight:650;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.outline{border-color:#acd5c5;color:var(--brand)}.btn.ghost{border-color:transparent;background:#f3f6f1}.btn.danger{color:var(--red)}.btn.sm{padding:7px 10px;font-size:12px}.btn.full{width:100%}.btn:active{transform:scale(.99)}.empty{background:#fff;border:1px dashed #cfdbd2;text-align:center;padding:35px 16px;border-radius:17px;color:var(--muted);font-size:13px}.empty b{display:block;color:var(--ink);font-size:17px;margin-bottom:7px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.worker,.ratecard{padding:16px}.worker-meta{font-size:12px;color:var(--muted);margin:9px 0}.muted{color:var(--muted)}.off{opacity:.65}.money{font-variant-numeric:tabular-nums;font-weight:800}.finance-totals{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.finance-totals .stat{text-align:left;padding:15px}.finance-totals .stat strong{font-size:22px}.rates{display:grid;gap:9px}.ratecard{display:flex;justify-content:space-between;align-items:center;gap:10px}.nav{position:fixed;bottom:0;left:0;right:0;background:#ffffffee;backdrop-filter:blur(15px);border-top:1px solid var(--line);display:flex;justify-content:center;padding:9px 11px calc(9px + env(safe-area-inset-bottom,0px));z-index:5}.nav-inner{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,700px);gap:6px}.nav button{background:transparent;border:0;padding:9px 0;border-radius:12px;color:#7b8981;font-size:12px;font-weight:750}.nav button.active{background:var(--soft);color:var(--brand)}.nav span{display:block;font-size:20px;line-height:23px;margin-bottom:2px} dialog{padding:0;border:0;border-radius:20px;width:min(500px,calc(100% - 25px));max-height:89vh;overflow:auto;box-shadow:0 25px 80px #10291a55}dialog::backdrop{background:#14282088;backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;border-bottom:1px solid var(--line)} .modal-body{padding:18px 20px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:15px 20px 20px;border-top:1px solid var(--line);position:sticky;bottom:0;background:#fff}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:750;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;min-height:43px;background:#fcfdfa;border:1px solid #dbe3dc;border-radius:10px;padding:9px 11px;color:var(--ink);font-size:14px;outline-color:var(--brand)}.field textarea{resize:vertical;min-height:76px}.field small{font-size:11px;color:var(--muted)}.fields2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fields2 .field{min-width:0}.badge-note{font-size:12px;color:var(--muted);background:var(--bg);border-radius:10px;padding:9px 12px;margin:11px 0}.gate{padding:55px 25px;text-align:center;max-width:440px;margin:auto}.gate h1{color:var(--brand)}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:10px 15px;border-radius:12px;background:#152b21;color:#fff;box-shadow:var(--shadow);max-width:90vw;z-index:20;font-size:13px;visibility:hidden}#toast.show{visibility:visible}.footnote{font-size:11px;color:var(--muted);margin:12px 0}.clickable{cursor:pointer}.separator{border:0;border-top:1px solid var(--line);margin:17px 0}.tip{margin-top:5px;font-size:11px;color:var(--muted)}
@media(max-width:570px){.grid{grid-template-columns:1fr}.order-name{margin-left:5px}.finance-totals .stat strong{font-size:19px}.toolbar{align-items:stretch}.date-picker{flex:1} .btn.fill-mobile{flex:1}}
/* Keep phone inputs from zooming; allow long names to wrap at 320px. */
.order-top>div,.person{min-width:0;overflow-wrap:anywhere}.person{flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:44px}
.field input,.field select,.field textarea{font-size:16px}
details{margin:12px 0}summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:650}
.contact-group{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px}
.contact-group>span{font-size:12px;color:var(--muted);flex-basis:100%}
@media(max-width:360px){.fields2{grid-template-columns:1fr}}