:root{color-scheme:light;--teal:#087f83;--dark:#063c42;--muted:#607e80;--line:#d7e8e6;--bg:#f2f8f7;--white:#fff}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;touch-action:manipulation}body{margin:0;background:var(--bg);color:#10383e}button,input,textarea,select{font:inherit;font-size:16px}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}.app-top{background:#fff;border-bottom:1px solid var(--line);padding:12px max(16px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:48px;height:48px;object-fit:contain}.brand strong{display:block;font-size:18px}.brand small{display:block;font-size:11px;color:var(--teal)}a{color:var(--teal);font-size:13px;font-weight:700;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:22px 14px 80px}.heading,.card-title,.formbottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.heading h1{font-size:clamp(23px,4vw,32px);margin:3px 0 14px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--teal)}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:19px;margin:12px 0;box-shadow:0 8px 25px #003c4110}.card h2{font-size:19px;margin:2px 0 12px}.card h3{font-size:16px;margin:18px 0 10px}.card p{line-height:1.55;font-size:14px}.hint,.notice{font-size:12px;color:var(--muted);line-height:1.6}.notice{min-height:16px}.notice.bad{color:#ad3538}.tabs{display:flex;gap:6px;overflow:auto;padding:4px 0 10px}.tabs button{white-space:nowrap;background:#e6f1ef;border:0;color:#275f60;border-radius:13px;padding:12px 15px;font-weight:750;font-size:13px}.tabs button.active{background:var(--teal);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stats article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px}.stats span{display:block;font-size:12px;color:var(--muted);min-height:31px}.stats b{display:block;font-size:25px;color:var(--teal)}.stats.mini{grid-template-columns:repeat(3,1fr)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary,.soft,.danger,.action{border-radius:12px;border:1px solid var(--line);padding:12px 15px;font-size:13px;font-weight:750}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.soft{color:var(--teal);background:#eaf5f3}.danger{color:#a22d33;background:#fff2f2;border-color:#ffd0d0}.action{background:#f7fbfa;color:var(--dark);display:block;text-align:left;width:100%;margin:7px 0}.dishline{display:flex;justify-content:space-between;border-bottom:1px solid #e2eeed;padding:10px 2px;font-size:14px}.dishline b{color:var(--teal)}.filters,.tools,.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.filters>*{flex:1;min-width:130px}.rowcard{border:1px solid #e3eeec;background:#fbfdfd;border-radius:14px;padding:13px;margin:10px 0}.rowhead{display:flex;justify-content:space-between;align-items:center;gap:8px}.rowhead strong{font-size:15px}.meta{font-size:12px;color:var(--muted);margin-top:5px}.label{font-size:11px;font-weight:750;border-radius:20px;background:#e7f3f0;color:var(--teal);padding:5px 9px}.label.pending{background:#fff4df;color:#986800}.label.cancelled,.label.rejected{background:#fff0f0;color:#9e3034}.rowcard p{margin:9px 0}.rowcard button{margin:5px 5px 0 0}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:750;color:#3d6264;margin:12px 0}input,select,textarea{display:block;width:100%;padding:12px;border-radius:11px;border:1px solid #bad5d3;background:#f9fcfc;color:#173d40;margin-top:7px}input[type=file]{padding:18px}.qtyline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;gap:15px;font-size:14px}.qtyctrl{display:flex;align-items:center;gap:7px}.qtyctrl button{min-width:35px;min-height:35px;border:1px solid #b5d4d1;background:#eaf5f3;border-radius:10px;color:var(--teal);font-size:20px}.qtyctrl output{font-size:18px;font-weight:800;min-width:23px;text-align:center}.formbottom{flex-wrap:wrap}.formbottom strong{font-size:20px}.report{white-space:pre-wrap;font-size:13px;line-height:1.5;margin-top:15px}.login{max-width:500px;margin:45px auto}.login h1{font-size:25px}.foot{padding:30px 5px;font-size:11px;color:#789396}.modal{position:fixed;inset:0;background:#042629a8;z-index:10;display:flex;justify-content:center;align-items:flex-end;padding:9px}.modalcard{background:#fff;border-radius:24px 24px 15px 15px;padding:19px;width:min(700px,100%);max-height:95dvh;overflow:auto}.modalcard h2{margin:0}.sharebox{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.sharebox pre{white-space:pre-wrap;background:#f3f9f8;padding:12px;border-radius:12px;font:13px/1.5 system-ui}.report .bad{color:#a42d30}.report .good{color:#087f83}@media(max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}.stats b{font-size:23px}.columns,.formgrid{grid-template-columns:1fr}.app-top{padding:10px 13px}.brand small{font-size:10px}.shell{padding:16px 12px 70px}.card{padding:16px}.heading{align-items:flex-start}.heading h1{font-size:23px}.actions>*{flex:1}}