:root{--blue: #0b63e5;--blue-press: #0853c4;--blue-soft: rgba(11, 99, 229, .09);--on-blue: #ffffff;--bg: #eef0f3;--surface: #ffffff;--surface-2: #f3f4f7;--glass: rgba(255, 255, 255, .86);--text: #16171b;--text-2: #6c7079;--text-3: #a3a7ae;--line: rgba(20, 22, 27, .08);--red: #e0383e;--red-soft: #fdecec;--amber: #b86e00;--amber-soft: #fff3dc;--green: #1b8f4f;--green-soft: #e3f4ea;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 8px 24px rgba(16, 24, 40, .1);--r-lg: 18px;--r-md: 14px;--r-sm: 11px;--nav-h: 62px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-size:15px;color-scheme:light}:root[data-scheme=dark]{--blue: #2f7cf2;--blue-press: #226ad8;--blue-soft: rgba(47, 124, 242, .16);--bg: #111317;--surface: #1b1d22;--surface-2: #25282e;--glass: rgba(27, 29, 34, .9);--text: #f1f2f4;--text-2: #9ca1aa;--text-3: #6b7079;--line: rgba(255, 255, 255, .08);--red-soft: rgba(224, 56, 62, .18);--amber: #f0a929;--amber-soft: rgba(240, 169, 41, .15);--green: #3cc27a;--green-soft: rgba(60, 194, 122, .15);--shadow-sm: none;--shadow: 0 8px 24px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Arial,sans-serif;line-height:1.4;overscroll-behavior:none;-webkit-font-smoothing:antialiased}body{min-height:100vh;background-color:var(--bg);background-image:linear-gradient(180deg,#ffffffb3,#fff0 280px);background-repeat:no-repeat}:root[data-scheme=dark] body{background-image:none}a{color:var(--blue);text-decoration:none}button{font:inherit;color:inherit}input,select,textarea{font:inherit;color:var(--text)}.page{padding:14px 14px calc(var(--nav-h) + var(--safe-bottom) + 28px);max-width:600px;margin:0 auto}.page.no-nav{padding-bottom:calc(var(--safe-bottom) + 24px)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 2px 14px}.page-head h1{font-size:22px;line-height:1.2;margin:0;font-weight:750;letter-spacing:-.015em}.page-head .sub{color:var(--text-2);font-size:13px;margin-top:3px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:15px;font-weight:700;margin:20px 4px 8px}.section-title .aside{font-size:13px;font-weight:500;color:var(--text-2)}.hint{color:var(--text-2);font-size:13px}.muted{color:var(--text-2)}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.stack>*+*{margin-top:8px}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.header{display:flex;align-items:center;gap:10px;margin:2px 2px 16px}.header .hello{font-size:18px;font-weight:700;line-height:1.2}.header .role{font-size:13px;color:var(--blue);font-weight:500}.icon-btn{position:relative;width:40px;height:40px;flex:0 0 auto;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--blue);display:grid;place-items:center;cursor:pointer}.icon-btn:active{background:var(--surface-2)}.icon-btn .count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.search-link{display:flex;align-items:center;gap:10px;width:100%;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-3);font-size:15px;cursor:pointer;text-align:left;margin-bottom:10px}.avatar{--size: 36px;width:var(--size);height:var(--size);border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:calc(var(--size) * .38);color:#14161bbf;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.pills{display:flex;gap:6px;overflow-x:auto;padding:2px 14px 4px;margin:0 -14px 8px;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{flex:0 0 auto;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.pill .count{color:var(--text-3);font-weight:500}.pill.active{background:var(--blue);border-color:var(--blue);color:var(--on-blue)}.pill.active .count{color:#ffffffbf}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:3px}.segmented button{flex:1;border:none;background:transparent;height:34px;padding:0 8px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-2);white-space:nowrap}.segmented button.active{background:var(--blue);color:var(--on-blue);font-weight:600}.segmented.light button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.card{background:var(--surface);border-radius:var(--r-lg);padding:12px 14px;margin-bottom:8px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.card.clickable{cursor:pointer}.card.clickable:active{background:var(--surface-2)}.card.hot{border-left:3px solid var(--red)}.card.attention{border-left:3px solid var(--amber)}.card.accent{border:1.5px solid var(--blue)}.focus{background:var(--blue);color:var(--on-blue);border-radius:20px;padding:14px 16px;margin-bottom:10px;box-shadow:0 10px 26px #0b63e538;cursor:pointer}.focus .focus-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.8}.focus .focus-title{font-size:19px;font-weight:750;line-height:1.25;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.focus .focus-meta{font-size:13px;opacity:.88;margin-top:4px}.focus .btn{margin-top:12px}.list{background:var(--surface);border-radius:var(--r-lg);overflow:hidden;margin-bottom:8px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.list-item{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:46px;position:relative}.list-item+.list-item:before{content:"";position:absolute;top:0;left:14px;right:0;border-top:1px solid var(--line)}.list-item.clickable{cursor:pointer}.list-item.clickable:active{background:var(--surface-2)}.list-item .label{color:var(--text-2);font-size:14px;flex:0 0 auto;max-width:48%}.list-item .value{flex:1;text-align:right;min-width:0;word-break:break-word;font-size:14px}.chevron{color:var(--text-3);flex:0 0 auto;display:grid}.icon-tile{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);flex:0 0 auto}.order-top{display:flex;align-items:center;gap:6px}.order-num{color:var(--text-2);font-weight:600;font-size:13px;margin-left:auto}.order-title{font-weight:650;font-size:16px;line-height:1.3;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.order-meta{color:var(--text-2);font-size:13px;margin-top:3px}.order-wishes{font-size:13px;margin-top:4px}.card .btn-row,.card>.btn{margin-top:10px}.reasons{margin:6px 0 0;padding:0;list-style:none;font-size:13px}.reasons li+li{margin-top:2px}.order-row{display:flex;align-items:center;gap:10px;padding:10px 14px;position:relative;cursor:pointer}.order-row+.order-row:before{content:"";position:absolute;top:0;left:14px;right:0;border-top:1px solid var(--line)}.order-row:active{background:var(--surface-2)}.order-row .num{font-size:13px;font-weight:600;color:var(--text-2);min-width:36px}.order-row .title{font-size:15px;font-weight:600}.order-row .meta{font-size:13px;color:var(--text-2)}.heat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.heat-dot.hot{background:var(--red)}.heat-dot.attention{background:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 18px;border-radius:999px;border:none;background:var(--blue);color:var(--on-blue);font-weight:600;font-size:15px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.2}.btn:active{background:var(--blue-press)}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.btn.soft{background:var(--blue-soft);color:var(--blue)}.btn.ghost{background:transparent;color:var(--blue);padding:0 8px}.btn.danger{background:var(--red-soft);color:var(--red)}.btn.white{background:#fff;color:var(--blue)}.btn.small{min-height:34px;padding:0 13px;font-size:14px}.btn-row{display:flex;gap:6px;flex-wrap:wrap}.btn-row>.btn{flex:1 1 auto}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--surface-2);color:var(--text-2)}.badge.hot{background:var(--red-soft);color:var(--red)}.badge.attention{background:var(--amber-soft);color:var(--amber)}.badge.ok{background:var(--green-soft);color:var(--green)}.badge.blue,.badge.status-sewing{background:var(--blue-soft);color:var(--blue)}.badge.status-to_painting{background:#8e4ec61f;color:#8e4ec6}.badge.status-painting{background:#d6409f1f;color:#c93a92}.badge.status-shipped{background:#12a59421;color:#0f8a7c}.badge.status-done{background:var(--green-soft);color:var(--green)}.navbar{position:fixed;left:10px;right:10px;bottom:calc(8px + var(--safe-bottom));height:var(--nav-h);display:flex;align-items:stretch;gap:4px;padding:5px;border-radius:22px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);z-index:30;max-width:560px;margin:0 auto}.nav-item{flex:1;position:relative;border:none;background:transparent;border-radius:17px;color:var(--text-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-size:11px;font-weight:600}.nav-item.active{background:var(--blue);color:var(--on-blue)}.nav-item .dot{position:absolute;top:6px;left:calc(50% + 7px);width:8px;height:8px;border-radius:50%;background:var(--red)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:var(--r-md);padding:10px 12px;border:1px solid var(--line);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);min-height:58px}.tile:active{background:var(--surface-2)}.tile .num{font-size:22px;font-weight:750;line-height:1;min-width:26px}.tile .cap{font-size:13px;line-height:1.25;color:var(--text-2)}.tile.hot .num{color:var(--red)}.tile.attention .num{color:var(--amber)}.tile.blue .num{color:var(--blue)}.tile.zero{opacity:.6}.dots{display:inline-flex;gap:3px;vertical-align:middle}.dots i{width:7px;height:7px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line)}.dots i.on{background:var(--blue);border-color:var(--blue)}.dots.full i.on{background:var(--amber);border-color:var(--amber)}.stepper{list-style:none;margin:0;padding:0}.step{display:flex;gap:10px;position:relative;padding-bottom:10px;font-size:14px}.step:last-child{padding-bottom:0}.step:before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--line)}.step:last-child:before{display:none}.step .mark{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);background:var(--surface);flex:0 0 auto;margin-top:2px;z-index:1}.step.done .mark{background:var(--blue);border-color:var(--blue)}.step.done:before{background:var(--blue)}.step.current .mark{border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--surface),inset 0 0 0 8px var(--blue)}.step .step-label{font-weight:600}.step.future .step-label{color:var(--text-3);font-weight:500}.step .step-time{font-size:12px;color:var(--text-2);margin-left:auto;white-space:nowrap}.timeline{list-style:none;margin:0;padding:0}.timeline li{padding:8px 0;border-top:1px solid var(--line);font-size:14px}.timeline li:first-child{border-top:none;padding-top:0}.timeline li:last-child{padding-bottom:0}.timeline .when{color:var(--text-3);font-size:12px}details.collapsible>summary{list-style:none;cursor:pointer;color:var(--blue);font-weight:600;font-size:14px;padding:4px}details.collapsible>summary::-webkit-details-marker{display:none}.field{display:block;margin-bottom:12px}.field:last-child{margin-bottom:0}.field>.field-label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin:0 2px 4px}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:var(--r-sm);padding:9px 12px;outline:none;font-size:16px;-webkit-appearance:none;appearance:none}.select{background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 17px) 54%,calc(100% - 12px) 54%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);background-color:var(--surface)}.textarea{min-height:76px;resize:vertical}.field.invalid .input,.field.invalid .textarea{border-color:var(--red)}.field-error{color:var(--red);font-size:12px;margin:4px 2px 0}.field-hint{color:var(--text-2);font-size:12px;margin:4px 2px 0}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;cursor:pointer}.switch{position:relative;width:44px;height:26px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:13px;background:var(--surface-2);border:1px solid var(--line);transition:background .2s}.switch span:after{content:"";position:absolute;width:22px;height:22px;left:1px;top:1px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translate(18px)}.search{position:relative;margin-bottom:10px}.search .input{padding-left:38px;height:42px;border-radius:999px;background:var(--surface)}.search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-3)}.chips-choice{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.sheet-backdrop{position:fixed;inset:0;background:#0a0c1061;z-index:50;animation:fade .15s ease}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;padding:8px 14px calc(18px + var(--safe-bottom));z-index:51;animation:slide .2s ease;max-width:600px;margin:0 auto}.sheet .grip{width:36px;height:4px;border-radius:2px;background:var(--text-3);opacity:.5;margin:2px auto 10px}.sheet h2{font-size:18px;font-weight:700;margin:0 2px 4px}.sheet .sheet-sub{font-size:13px;color:var(--text-2);margin:0 2px 12px}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translateY(40px);opacity:.4}}.toast{position:fixed;left:50%;top:12px;transform:translate(-50%);background:#16171beb;color:#fff;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:500;z-index:100;max-width:calc(100% - 28px);box-shadow:var(--shadow);animation:fade .15s ease;text-align:center}.toast.error{background:var(--red)}.empty{text-align:center;color:var(--text-2);font-size:14px;padding:26px 18px;background:var(--surface);border-radius:var(--r-lg);border:1px dashed var(--line)}.empty .big{font-size:30px;margin-bottom:6px}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:10px}.spinner{width:26px;height:26px;border:3px solid var(--blue-soft);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin:28px auto}@keyframes spin{to{transform:rotate(360deg)}}.banner{border-radius:var(--r-md);padding:10px 12px;margin-bottom:10px;background:var(--amber-soft);font-size:14px}.banner.info{background:var(--blue-soft)}.banner.error{background:var(--red-soft)}.banner .btn-row{margin-top:8px}.reply-box{background:var(--surface-2);border-radius:var(--r-sm);padding:10px 12px;font-size:14px;white-space:pre-wrap;margin-bottom:10px}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:500}.tag.allow{background:var(--blue-soft);color:var(--blue)}.tag.deny{background:var(--red-soft);color:var(--red)}.tag button{border:none;background:none;padding:0 0 0 2px;color:inherit;opacity:.6;cursor:pointer;font-size:16px;line-height:1}.candidate.ineligible{opacity:.55}.photo{width:100%;max-height:300px;object-fit:contain;border-radius:var(--r-md);background:var(--surface-2)}table.simple{width:100%;border-collapse:collapse;font-size:14px}table.simple td,table.simple th{padding:7px 2px;border-top:1px solid var(--line);text-align:left}table.simple th{color:var(--text-2);font-weight:500;font-size:13px;border-top:none}table.simple td.num,table.simple th.num{text-align:right}.bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.bar>i{display:block;height:100%;background:var(--blue);border-radius:3px}
