:root{--brand-600: #165dff;--brand-700: #0e42d2;--brand-50: #e8f0ff;--text-1: #0e1219;--text-2: #4e5969;--text-3: #86909c;--border: #e5e6eb;--bg: #f5f7fa;--surface: #ffffff;--st-pending-fg: #6b7a90;--st-pending-bg: #eef2f7;--st-confirmed-fg: #7a4dff;--st-confirmed-bg: #f0ebff;--st-processing-fg: #165dff;--st-processing-bg: #e8f0ff;--st-completed-fg: #d25f00;--st-completed-bg: #fff3e6;--st-accepted-fg: #00873a;--st-accepted-bg: #e8ffea;--st-overdue-fg: #d32029;--st-overdue-bg: #ffece8;--danger: #d32029;--danger-bg: #ffece8;--success: #00873a;--warning: #d25f00;--warning-bg: #fff3e6;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-full: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 8px 24px rgba(15, 23, 42, .12);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--h-btn-primary: 48px;--h-btn-secondary: 40px;--h-input: 44px;--h-bottom-bar: 72px;--tap-min: 44px;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px);--content-max: 1200px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-1);font-family:var(--font-sans);font-size:14px;line-height:22px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none;padding:0}a{color:var(--brand-600);text-decoration:none}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}.num{font-variant-numeric:tabular-nums}.app-shell{min-height:100%;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--s-4);padding-bottom:calc(var(--h-bottom-bar) + var(--s-6) + var(--safe-bottom))}.page--plain{padding-bottom:var(--s-6)}.stack{display:flex;flex-direction:column;gap:var(--s-3)}.stack--lg{gap:var(--s-6)}.row{display:flex;align-items:center;gap:var(--s-2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--text-3);font-size:12px;line-height:18px}.secondary{color:var(--text-2)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:var(--s-3)}.field-label{font-size:13px;line-height:20px;font-weight:500;color:var(--text-2);margin-bottom:var(--s-1)}.req:after{content:" *";color:var(--danger)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--s-2);height:56px;padding:0 var(--s-4);background:var(--surface);border-bottom:1px solid var(--border)}.topbar__title{font-size:20px;line-height:28px;font-weight:600;flex:1;min-width:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);border-radius:var(--r-md);color:var(--text-1)}.icon-btn:active{background:var(--bg)}.card{background:var(--surface);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--shadow-1)}.card--flat{box-shadow:none;border:1px solid var(--border)}.card--tap:active{background:#fafbfc}.card--overdue{position:relative;padding-left:calc(var(--s-4) + 3px)}.card--overdue:before{content:"";position:absolute;left:0;top:var(--s-4);bottom:var(--s-4);width:3px;border-radius:2px;background:var(--danger)}.card__title{font-size:16px;line-height:24px;font-weight:600}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:var(--s-3);min-height:var(--h-bottom-bar);padding:var(--s-3) var(--s-4);padding-bottom:calc(var(--s-3) + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--border)}.bottom-bar__inner{display:flex;align-items:center;gap:var(--s-3);width:100%;max-width:var(--content-max);margin:0 auto}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;font-size:11px;color:var(--text-3)}.tabbar__item--active{color:var(--brand-600)}@media(min-width:768px){.split{display:grid;grid-template-columns:380px 1fr;gap:var(--s-4);align-items:start}.page{padding:var(--s-6) var(--s-6) var(--s-8)}.grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.drawer{max-width:520px;margin-left:auto;border-radius:0}.tabbar{order:-1;position:sticky;top:0;z-index:40;flex-direction:row;justify-content:center;gap:var(--s-2);height:60px;padding:0 var(--s-6);border-top:none;border-bottom:1px solid var(--border);background:#ffffffeb;-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px)}.tabbar__item{flex:0 0 auto;flex-direction:row;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);border-radius:999px;font-size:14px;color:var(--text-2)}.tabbar__item:hover{background:var(--bg)}.tabbar__item--active{background:var(--brand-50);font-weight:500}.stats{gap:var(--s-3)}.page--with-bar{padding-bottom:var(--s-8)}}@media(min-width:1100px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:var(--h-btn-secondary);padding:0 var(--s-4);border-radius:10px;font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .12s ease,opacity .12s ease;min-width:var(--tap-min)}.btn--primary{height:var(--h-btn-primary);background:var(--brand-600);color:#fff}.btn--primary:active:not(:disabled){background:var(--brand-700)}.btn--secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-1)}.btn--secondary:active:not(:disabled){background:var(--bg)}.btn--ghost{color:var(--brand-600);padding:0 var(--s-2)}.btn--danger{background:var(--surface);border:1px solid var(--danger);color:var(--danger)}.btn--danger-solid{height:var(--h-btn-primary);background:var(--danger);color:#fff}.btn--block{width:100%}.btn--sm{height:32px;font-size:13px;padding:0 var(--s-3);border-radius:var(--r-md)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input,.textarea,.select{width:100%;min-height:var(--h-input);padding:10px var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:14px;outline:none;transition:border-color .12s ease,box-shadow .12s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.textarea{min-height:88px;resize:vertical;line-height:22px}.select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%2386909C' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}.input:focus,.textarea:focus,.select:focus{border-color:var(--brand-600);box-shadow:0 0 0 3px #165dff1f}.input--error,.textarea--error,.select--error{border-color:var(--danger)}.input:disabled,.textarea:disabled,.select:disabled{background:#f7f8fa;color:var(--text-3)}.field{display:flex;flex-direction:column}.field__error{margin-top:var(--s-1);font-size:12px;line-height:18px;color:var(--danger)}.field__hint{margin-top:var(--s-1);font-size:12px;line-height:18px;color:var(--text-3)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.tag{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 var(--s-2);border-radius:var(--r-sm);font-size:12px;line-height:18px;font-weight:500;white-space:nowrap}.tag__icon{font-size:12px;line-height:1}.st-pending{background:var(--st-pending-bg);color:var(--st-pending-fg)}.st-confirmed{background:var(--st-confirmed-bg);color:var(--st-confirmed-fg)}.st-processing{background:var(--st-processing-bg);color:var(--st-processing-fg)}.st-completed{background:var(--st-completed-bg);color:var(--st-completed-fg)}.st-accepted{background:var(--st-accepted-bg);color:var(--st-accepted-fg)}.st-overdue,.tag--overdue{background:var(--st-overdue-bg);color:var(--st-overdue-fg)}.badge{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--r-sm);background:var(--brand-50);color:var(--brand-600);font-size:12px;font-weight:500}.chips{display:flex;gap:var(--s-2);padding:var(--s-1) 0 var(--s-2)}.chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--s-3);border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);font-size:13px;color:var(--text-2);white-space:nowrap}.chip--active{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-600);font-weight:500}.chip__count{font-variant-numeric:tabular-nums}.segmented{display:flex;padding:3px;background:#eef1f5;border-radius:10px}.segmented__item{flex:1;height:34px;border-radius:var(--r-md);font-size:13px;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;gap:4px}.segmented__item--active{background:var(--surface);color:var(--text-1);font-weight:500;box-shadow:var(--shadow-1)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.stat{background:var(--surface);border-radius:var(--r-md);padding:var(--s-3);text-align:center;box-shadow:var(--shadow-1)}.stat__value{font-size:24px;line-height:32px;font-weight:600;font-variant-numeric:tabular-nums}.stat__label{font-size:12px;color:var(--text-3)}.stat--warn .stat__value{color:var(--st-completed-fg)}.stat--danger .stat__value{color:var(--danger)}.stat--brand .stat__value{color:var(--brand-600)}.alert{display:flex;align-items:flex-start;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-md);font-size:13px;line-height:20px}.alert--warn{background:var(--warning-bg);color:#8a3f00}.alert--danger{background:var(--st-overdue-bg);color:#8f1116}.alert--info{background:var(--brand-50);color:#12409e}.alert__icon{font-weight:700;line-height:20px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0e121973;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .16s ease}.overlay--center{align-items:center;padding:var(--s-4)}@keyframes fade-in{0%{opacity:0}}.drawer{width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-2);animation:slide-up .2s ease}@keyframes slide-up{0%{transform:translateY(16px);opacity:.6}}.drawer__handle{width:40px;height:4px;border-radius:2px;background:#d9dde3;margin:10px auto 2px;flex:none}.drawer__head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);flex:none}.drawer__title{font-size:16px;font-weight:600;flex:1}.drawer__body{padding:var(--s-4);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--s-4)}.drawer__foot{display:flex;gap:var(--s-3);padding:var(--s-3) var(--s-4);padding-bottom:calc(var(--s-3) + var(--safe-bottom));border-top:1px solid var(--border);flex:none}.modal{width:100%;max-width:360px;background:var(--surface);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-2)}.modal__title{font-size:16px;font-weight:600;margin-bottom:var(--s-2)}.modal__body{font-size:14px;color:var(--text-2);line-height:22px}.modal__foot{display:flex;gap:var(--s-3);margin-top:var(--s-5)}@media(min-width:768px){.overlay{align-items:center;padding:var(--s-4)}.drawer{border-radius:var(--r-lg);max-height:84vh}.drawer__handle{display:none}}.toast-layer{position:fixed;left:50%;bottom:calc(var(--h-bottom-bar) + var(--s-6) + var(--safe-bottom));transform:translate(-50%);z-index:90;display:flex;flex-direction:column;gap:var(--s-2);align-items:center;pointer-events:none;width:max-content;max-width:90vw}.toast{padding:10px var(--s-4);border-radius:var(--r-md);background:#1d2129eb;color:#fff;font-size:13px;line-height:20px;box-shadow:var(--shadow-2);animation:toast-in .18s ease}.toast--success{background:#00873af0}.toast--error{background:#d32029f0}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-10) var(--s-4);text-align:center;color:var(--text-3)}.empty__icon{width:72px;height:72px;border-radius:50%;background:#eef1f5;display:flex;align-items:center;justify-content:center;font-size:30px;color:#c2c8d2}.skeleton{background:#f2f3f5;border-radius:var(--r-sm);animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.skeleton-card{height:108px;background:var(--surface);border-radius:var(--r-md);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2)}.skeleton-line{height:14px;background:#f2f3f5;border-radius:var(--r-sm);animation:breathe 1.2s ease-in-out infinite}.progress{height:6px;background:#eef1f5;border-radius:var(--r-full);overflow:hidden}.progress__bar{height:100%;background:var(--brand-600);border-radius:var(--r-full);transition:width .3s ease}.progress__bar--done{background:var(--success)}.upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.upload-tile{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:#f4f6f9;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.upload-tile img{width:100%;height:100%;object-fit:cover;display:block}.upload-tile--add{flex-direction:column;gap:2px;color:var(--text-3);font-size:11px;border-style:dashed;background:var(--surface)}.upload-tile__del{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;background:#0e121999;color:#fff;font-size:13px;line-height:22px;text-align:center}.upload-tile__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:#0e12198c;color:#fff;font-size:11px}.upload-tile--failed{border-color:var(--danger)}.upload-tile__retry{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffece8f0;color:var(--danger);font-size:11px}.file-chip{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-md);font-size:12px;background:var(--surface)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;overflow:auto}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.lightbox__close{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;width:40px;height:40px;border-radius:50%;background:#ffffff29;color:#fff;font-size:20px}.list-card{display:flex;flex-direction:column;gap:var(--s-2)}.list-card__head{display:flex;align-items:center;gap:var(--s-2)}.list-card__no{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.list-card__main{font-size:15px;font-weight:500;line-height:22px;color:var(--text-1)}.list-card__meta{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);font-size:13px;color:var(--text-2)}.list-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-1)}.kv{display:flex;gap:var(--s-3);font-size:13px;line-height:20px}.kv__k{color:var(--text-3);flex:none;min-width:64px}.kv__v{color:var(--text-1);flex:1;min-width:0;word-break:break-word}.divider{height:1px;background:var(--border);border:0;margin:0}.history{display:flex;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px dashed var(--border);font-size:13px}.history:last-child{border-bottom:none}.history__dot{width:8px;height:8px;border-radius:50%;background:var(--brand-600);margin-top:6px;flex:none}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-8) var(--s-4);border:1.5px dashed #c9d0da;border-radius:var(--r-md);background:#fafbfc;color:var(--text-2);text-align:center}.dropzone--over{border-color:var(--brand-600);background:var(--brand-50)}.preview-table{width:100%;border-collapse:collapse;font-size:12px}.preview-table th,.preview-table td{border-bottom:1px solid var(--border);padding:6px var(--s-2);text-align:left;vertical-align:top}.preview-table th{color:var(--text-3);font-weight:500;background:#fafbfc}.preview-row--error td{background:#fff5f5;color:#8f1116}.steps{display:flex;align-items:center;gap:var(--s-2);font-size:12px;color:var(--text-3)}.steps__item--active{color:var(--brand-600);font-weight:500}.steps__sep{color:#c9d0da}.tabbar__icon{display:inline-flex;align-items:center;justify-content:center;height:22px}.upload-tile__ph{color:var(--text-3);display:flex;align-items:center;justify-content:center}.upload-tile__add svg{color:var(--text-3)}.dropzone__icon{color:#a9b2be}.empty__icon svg{color:#c2c8d2}@media(max-width:420px){.drawer__foot .btn{padding:0 var(--s-3);font-size:13px}}.tag--purple{background:#f3ecff;color:#6f2cc4}.tag--blue{background:var(--brand-50);color:var(--brand-700)}.tag--green{background:#e8f7ee;color:var(--success)}.tag--gray{background:var(--bg);color:var(--text-3)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon__icon{position:absolute;left:10px;display:flex;align-items:center;color:var(--text-3);pointer-events:none}.input-with-icon .input{padding-left:34px}.session-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--s-3);padding:8px var(--s-4);background:var(--warning-bg);color:var(--warning);border-bottom:1px solid rgba(210,95,0,.18);font-size:13px}.session-bar--critical{background:var(--danger-bg);color:var(--danger);border-bottom-color:#d3202933}.session-bar__text{flex:1;min-width:0;font-variant-numeric:tabular-nums}.session-bar__btn{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:0 12px;border:1px solid currentColor;border-radius:var(--r-full);background:transparent;color:inherit;font-size:13px;font-weight:500;cursor:pointer}.session-bar__btn:active{opacity:.7}@media(min-width:768px){.session-bar{border-radius:var(--r-md);margin:0 0 var(--s-3);position:static}}