:root{--navy:#142d42;--navy-deep:#102537;--blue:#2369dc;--blue-soft:#edf3ff;--teal:#188c80;--ink:#203146;--muted:#83909e;--line:#e8edf2;--canvas:#f5f7fa;--red:#d05a52;--amber:#b98127;--font:"PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #6097ed}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dbe2eb;border-radius:7px;min-width:0;padding:11px 12px}input::placeholder{color:#9aa6b3}textarea{resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue);padding:0}label{font-size:13px;font-weight:500;line-height:1.7;display:block}label>input,label>select,label>textarea{margin-top:7px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.7px;font-size:29px;font-weight:700;line-height:1.5}h2{font-size:16px;font-weight:650}h3{font-size:15px}small{font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.late,.danger{color:var(--red)!important}.positive{color:var(--teal)}.button{white-space:nowrap;background:#fff;border:1px solid #dfe5ed;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){background:#f5f8fc;border-color:#b8c8df}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 7px #2369dc12}.button.primary:hover:not(:disabled){background:#175bc7}.button.small{min-height:30px;padding:5px 11px;font-size:12px}.icon-button{background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:#eaf0f7}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:4px;padding:4px 0;font-size:12px;font-weight:500;display:inline-flex}.text-button:hover{text-decoration:underline}.text-button.muted{color:#8a98a8;font-size:11px}.brand{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:44px;display:inline-flex}.brand strong{letter-spacing:2px;font-size:23px;font-weight:700;line-height:1.4;display:block}.brand div>span{color:#9fb1c3;letter-spacing:1px;margin-top:3px;font-size:10px;display:block}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#a7b9ca;z-index:20;flex-direction:column;width:224px;padding:31px 21px 0;display:flex;position:fixed;inset:0 auto 0 0}.workspace-label{color:#b8c8d7;background:#ffffff04;border:1px solid #ffffff13;border-radius:6px;align-items:center;gap:8px;margin:31px -1px 24px;padding:12px 10px;font-size:11px;display:flex}.workspace-label svg{margin-left:auto}.workspace-dot,.live-dot{background:#36b9a7;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.desktop-nav{flex-direction:column;gap:8px;display:flex}.desktop-nav button{text-align:left;color:#a9bacb;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;min-height:46px;padding:13px 14px;font-size:13px;display:flex}.desktop-nav button.active{background:var(--blue);color:#fff;box-shadow:0 4px 10px #071c361a}.desktop-nav button:not(.active):hover{color:#fff;background:#ffffff0a}.nav-count{background:#ffffff1c;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.system-tip{color:#718ba2;gap:9px;margin:40px 0 25px;display:flex}.system-tip>svg{flex-shrink:0;margin-top:2px}.system-tip strong{color:#9db2c6;font-size:11px;font-weight:400}.system-tip p{margin-top:5px;font-size:10px;line-height:1.8}.user-card{color:#dbe5ef;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff13;align-items:center;gap:10px;width:100%;padding:20px 0;display:flex}.avatar{color:#e5edf4;background:#405c74;border:1px solid #ffffff18;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;display:inline-flex}.user-card>span:nth-child(2){flex:1;min-width:0}.user-card strong{font-size:12px;font-weight:500;display:block}.user-card small{color:#88a0b7;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.main-shell{margin-left:224px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 34px;display:flex}.breadcrumb{color:#96a0af;align-items:center;gap:14px;font-size:12px;display:flex}.breadcrumb strong{color:#566476;font-weight:500}.topbar-right{align-items:center;gap:20px;display:flex}.top-search{color:#a2acba;background:#f5f7fa;border:1px solid #f0f2f6;border-radius:6px;align-items:center;gap:9px;padding:8px 12px;display:flex}.top-search input{background:0 0;border:0;outline:none;width:200px;padding:0;font-size:11px}.top-date{color:#83909f;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.top-avatar{color:#386bb0;background:#edf3ff;border:1px solid #e0e9f5;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;display:flex}.workspace{max-width:1800px;margin:auto;padding:28px 34px 0}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.page-context{color:#8d9bab;align-items:center;gap:6px;margin-bottom:4px;font-size:10px;display:flex}.page-context .live-dot{width:5px;height:5px}.page-heading p{color:#8a97a7;margin-top:7px;font-size:12px}.page-heading>.button{margin-top:18px}.metric-strip{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:25px;padding:21px 0;display:grid}.metric{border:0;border-right:1px solid var(--line);text-align:left;background:0 0;padding:0 24px}.metric:last-child{border-right:0}.metric-top{color:#788596;justify-content:space-between;align-items:center;font-size:12px;display:flex}.metric-icon{border-radius:8px;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.blue{color:#427ce0;background:#edf3fe}.teal{color:#249b8c;background:#eaf7f2}.amber{color:#b88a39;background:#fcf6e9}.red{color:#ce6e64;background:#fdf0ee}.metric-value{letter-spacing:-1.5px;color:#24364b;font-variant-numeric:tabular-nums;font-size:35px;font-weight:650;line-height:1.4}.metric-value small{color:#9aa5b3;letter-spacing:0;margin-left:8px;font-size:11px;font-weight:400}.metric-caption{color:#98a2af;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:21px 23px;display:flex}.panel-heading>div{align-items:center;gap:13px;display:flex}.panel-heading h2{white-space:nowrap;font-size:15px}.panel-heading span{color:#98a4b2;font-size:10px}.overview-columns{grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:22px;display:grid}.orders-panel{min-height:370px}.filters{border-top:1px solid #f4f6f8;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:0 23px;display:flex}.filter-tabs{scrollbar-width:none;gap:22px;min-width:0;display:flex;overflow:auto}.filter-tabs>button{color:#8a97a5;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:15px 0 14px;font-size:11px;display:flex;position:relative}.filter-tabs>button.active{color:var(--blue);font-weight:550}.filter-tabs>button.active:after{content:"";background:var(--blue);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.filter-tabs>button>span{color:#7890b1;background:#eef3fb;border-radius:4px;padding:1px 5px;font-size:9px}.filter-tabs .count-warning{color:#d47966;background:#fff0ec}.filter-caption{color:#9da7b4;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.table-scroll{scrollbar-width:thin;position:relative;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}thead{color:#8e99a8;background:#fafbfd}th{white-space:nowrap;padding:12px 20px;font-size:10px;font-weight:450}td{vertical-align:middle;border-bottom:1px solid #f0f3f6;padding:17px 20px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td strong{font-size:12px;font-weight:500}td .cell-secondary{color:#98a3b0;margin-top:6px;font-size:10px;line-height:1.6;display:block}.order-table th,.order-table td{padding-left:18px;padding-right:10px}.order-table th:first-child,.order-table td:first-child{padding-left:23px}.order-table td:last-child{padding-right:12px}.order-link{color:#3d6496;text-align:left;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;font-weight:550}.order-link:hover{color:var(--blue);text-decoration:underline}.product-name{white-space:nowrap;font-size:11px;font-weight:500}.progress-wrap{align-items:center;gap:9px;min-width:105px;display:flex}.progress-track{background:#edf1f6;border-radius:6px;flex:1;min-width:48px;height:5px;overflow:hidden}.progress-track>span{background:#4184e3;border-radius:6px;height:100%;transition:width .3s;display:block}.progress-wrap>span{color:#647489;text-align:right;font-variant-numeric:tabular-nums;width:29px;font-size:10px}.deadline{color:#68788c;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}.deadline small{color:#a3adba;margin-top:6px;font-size:9px;display:block}.deadline.late small{color:var(--red)}.badge{white-space:nowrap;color:#7e8997;background:#f1f4f7;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:450;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.producing{color:#357bcd;background:#edf4fe}.badge.released{color:#8a70c7;background:#f3effc}.badge.completed{color:#269981;background:#eaf7f2}.badge.awaiting_stock{color:#b18b42;background:#fff7e6}.badge.cancelled{color:#929ca8;background:#f2f4f6}.badge.warning{color:var(--red);background:#fff1ed}.inline-warning{color:#cb8d55;align-items:center;gap:3px;margin-top:6px;font-size:9px;display:flex}.panel-footer{border-top:1px solid var(--line);color:#98a4b1;background:#fff;justify-content:space-between;align-items:center;gap:15px;padding:14px 23px;font-size:10px;display:flex}.panel-footer>span{align-items:center;gap:5px;display:flex}.panel-footer .live-dot{width:5px;height:5px}.overview-aside{flex-direction:column;gap:20px;display:flex}.priority-panel .panel-heading{gap:8px;padding:20px 18px 12px}.priority-panel .panel-heading h2{font-size:14px}.tiny-pill{white-space:nowrap;background:#f2f5f9;border-radius:4px;padding:3px 6px;font-size:9px!important}.delivery-list{padding:0 18px 6px}.delivery-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #f0f3f6;align-items:flex-start;gap:10px;width:100%;padding:16px 0;display:flex}.delivery-item:last-child{border-bottom:0}.delivery-symbol{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:30px;display:flex}.delivery-item>div{flex:1}.delivery-item strong{color:#4c5e75;font-size:11px;font-weight:500;display:block}.delivery-item div>span{color:#a0aab7;margin-top:5px;font-size:10px;display:block}.delivery-item small{color:#a0aab7;margin-top:7px;font-size:9px;display:block}.delivery-item>svg{color:#bdc6d1;margin-top:5px}.production-note{background:#ecf3fb;border:1px solid #dfebf6;border-radius:10px;padding:22px;position:relative;overflow:hidden}.note-icon{color:#5485be;margin-bottom:14px;display:block}.production-note h3{color:#49688c;font-size:13px;font-weight:550}.production-note p{color:#87a0bd;margin:8px 0 14px;font-size:10px;line-height:1.9}.production-note button{color:#4b7cba;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.note-route{opacity:.3;align-items:center;display:flex;position:absolute;top:24px;right:-15px;transform:rotate(-38deg)}.note-route i{background:#fff;border:2px solid #a3c0e4;border-radius:5px;width:26px;height:26px}.note-route span{background:#a3c0e4;width:21px;height:2px}.stage-panel{margin-top:23px}.stage-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;padding:0 23px 23px;display:grid}.stage-summary>div:first-child{color:#647589;align-items:center;gap:6px;font-size:11px;display:flex}.stage-dot{background:#8fadd2;border-radius:50%;width:5px;height:5px}.stage-summary small{color:#9eaab7;margin-left:auto;font-size:9px}.stage-summary>strong{margin:12px 0;font-size:23px;font-weight:550;display:block}.stage-summary>strong>span{color:#a2adba;margin-left:3px;font-size:10px;font-weight:400}.stage-summary .progress-track{height:4px}.workspace-footer{color:#b2bbc6;justify-content:space-between;padding:25px 0;font-size:9px;display:flex}.empty{text-align:center;max-width:100%;padding:65px 24px}.empty-icon{color:#91a9c6;background:#f1f5fa;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:18px;display:inline-flex}.empty h3{font-size:15px;font-weight:500}.empty p{color:#94a0ae;max-width:380px;margin:10px auto 20px;font-size:12px;line-height:1.9}.quiet-state{text-align:center;color:#adc0d3;padding:28px 16px 35px}.quiet-state>svg{color:#6aa393;margin:0 auto 12px;display:block}.quiet-state strong{color:#71869a;font-size:11px;font-weight:500}.quiet-state p{margin-top:8px;font-size:10px}.inline-empty{color:#98a5b5;padding:20px 0;font-size:12px}.section-tabs{scrollbar-width:thin;border-bottom:1px solid #dfe6ef;gap:25px;margin-bottom:20px;display:flex;overflow:auto}.section-tabs button{white-space:nowrap;color:#8b99a9;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 0 13px;font-size:13px}.section-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:550}.section-tabs button>span{background:#e8edf6;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:11px}.task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.task-card{padding:21px}.task-card-top{color:#9ba8b7;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px;font-size:10px;display:flex}.task-state{color:#ac9979;background:#f9f5ed;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;display:flex}.task-state.ready{color:#4b7fbf;background:#eef4fd}.task-state.done{color:var(--teal);background:#edf8f3}.task-card h3{font-size:17px}.task-card>p{color:#7f8da0;margin:10px 0 5px;font-size:12px;line-height:1.7}.task-card>p>span{color:#a2afbd;font-size:10px;display:block}.task-card>.progress-wrap{margin-top:22px}.task-quantities{color:#97a4b5;justify-content:space-between;gap:8px;margin-top:16px;font-size:10px;display:flex}.task-quantities strong{color:#6c7f96;margin-left:3px;font-size:11px;font-weight:500}.task-card footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:19px;padding-top:15px;display:flex}.task-card footer>div{gap:6px;display:flex}.assigned-person{color:#8292a6;align-items:center;gap:5px;font-size:11px;display:flex}.span-all{grid-column:1/-1}.stock-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.stock-tip{color:#98a5b4;margin-left:auto;font-size:11px}.stock-number{font-size:17px;font-weight:550}.stock-number small{color:#99a6b4;font-size:10px;font-weight:400}.route-chips{flex-wrap:wrap;gap:6px;max-width:480px;display:flex}.route-chips>span{color:#6f87a5;background:#f1f5fa;border-radius:4px;padding:4px 8px;font-size:10px}.record-id{text-overflow:ellipsis;color:#8e9daf;max-width:140px;font-size:10px;display:block;overflow:hidden}.profile-panel{max-width:720px;padding:30px}.profile-heading{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding-bottom:25px;display:flex}.avatar.large{color:#6484b2;background:#ecf2fc;width:60px;height:60px;font-size:19px}.profile-heading h2{font-size:22px}.profile-heading p{color:#91a0b1;margin-top:8px;font-size:12px}.profile-info{flex-direction:column;gap:22px;padding:28px 0;display:flex}.profile-info>div{align-items:center;gap:30px;font-size:12px;display:flex}.profile-info span{color:#98a6b6;min-width:65px}.profile-info strong{font-weight:450}.logout-button{color:var(--red);margin-left:10px}.password-form{flex-direction:column;gap:16px;max-width:350px;margin:0 0 24px;display:flex}.password-form small{color:#8a9bad;font-size:11px;line-height:1.8}.mobile-nav,.mobile-settings{display:none}.modal{width:min(720px,100vw - 32px);max-height:90dvh;color:var(--ink);border:0;border-radius:12px;padding:0;box-shadow:0 24px 80px #122a4540}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10223877}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px;display:flex}.modal-header h2{font-size:18px}.modal-header p{color:#94a1b1;margin-top:9px;font-size:12px;line-height:1.9}.form-body{border:0;min-width:0;margin:0;padding:23px 26px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid .span-two{grid-column:1/-1}.required{color:#d87874;font-size:11px}label small{color:#99a5b5;margin-top:5px;font-size:10px;font-weight:400;display:block}.form-footer{border-top:1px solid var(--line);background:#fafbfd;justify-content:flex-end;gap:10px;padding:17px 26px;display:flex;position:sticky;bottom:0}.form-error{color:#bc5b52;overflow-wrap:anywhere;background:#fff1ef;border:1px solid #f2dad6;border-radius:6px;margin-top:17px;padding:12px 14px;font-size:12px;line-height:1.8}.warning-text{color:#ac8b4e;background:#fdf8ed;border-radius:6px;margin-top:17px;padding:12px;font-size:12px;line-height:1.9}.section-label{align-items:center;gap:8px;margin:23px 0 15px;display:flex}.section-label strong{font-size:13px;font-weight:550}.section-label span{color:#99a5b4;margin-left:auto;font-size:10px}.section-label svg{color:#8ca3be}.route-editor{margin-top:20px}.route-edit-row{background:#f7f9fc;border:1px solid #ebf0f6;border-radius:7px;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex}.step-index{color:#6787b2;background:#e7eef9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex}.route-edit-row>label{flex:1;min-width:0;font-size:10px}.route-edit-row input{padding:8px 10px;font-size:12px}.predecessor-options{flex-wrap:wrap;align-items:center;gap:5px 10px;min-height:34px;margin-top:7px;display:flex}.predecessor-options label{align-items:center;gap:5px;font-size:10px;font-weight:400;display:flex}.predecessor-options input{width:13px;height:13px;margin:0}.predecessor-options small{color:#9ba9ba;font-size:10px}.order-item-form{background:#f7f9fc;border:1px solid #e8eef5;border-radius:8px;margin-bottom:15px;padding:17px}.order-item-form .section-label{justify-content:space-between;margin:0 0 13px}.order-item-form .section-label .icon-button{margin-top:-4px}.role-selector{margin-top:24px;font-size:12px}.role-selector>strong{font-size:12px;font-weight:500}.role-selector>div{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.role-selector label{align-items:center;gap:5px;font-size:12px;font-weight:400;display:flex}.role-selector input{margin:0}.drawer-backdrop{z-index:30;background:#10223860;justify-content:flex-end;display:flex;position:fixed;inset:0}.order-drawer{background:var(--canvas);outline:none;width:min(900px,100vw);height:100dvh;overflow:auto;box-shadow:-12px 0 50px #152d4820}.drawer-header{border-bottom:1px solid var(--line);z-index:2;background:#fff;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:sticky;top:0}.drawer-header h2{font-size:18px}.drawer-body{padding:25px}.detail-summary{justify-content:space-between;align-items:center;gap:20px;padding:0 0 20px;display:flex}.detail-summary h3{font-size:19px}.detail-summary p{color:#8b9aaa;margin-top:10px;font-size:12px;line-height:1.9}.detail-summary .badge{margin-left:10px}.detail-progress{min-width:160px}.detail-progress>span{color:#91a0b2;margin-bottom:10px;font-size:10px;display:block}.detail-actions{flex-wrap:wrap;gap:9px;margin:12px 0 20px;display:flex}.item-detail{border:1px solid var(--line);background:#fff;border-radius:10px;margin-top:18px;padding:24px}.item-detail>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.item-detail h3{align-items:center;gap:12px;font-size:17px;display:flex}.item-detail h3>span{color:#8c9aab;background:#f1f4f9;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:400}.item-detail header p{color:#9ba7b5;margin-top:8px;font-size:11px;line-height:1.8}.item-metrics{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,1fr);margin:21px 0;padding:15px 0;display:grid}.item-metrics>div{border-right:1px solid var(--line);padding:0 14px}.item-metrics>div:last-child{border-right:0}.item-metrics span{color:#95a2b1;font-size:10px}.item-metrics strong{margin-top:6px;font-size:22px;font-weight:550;display:block}.item-metrics strong small{color:#a9b2bf;font-size:10px;font-weight:400}.detail-steps{margin-top:26px}.detail-step{gap:14px;padding-bottom:25px;display:flex;position:relative}.detail-step:not(:last-child):before{content:"";background:#e3eaf4;width:1px;position:absolute;top:28px;bottom:0;left:13px}.step-marker{color:#6893cb;z-index:1;background:#edf3fd;border:1px solid #d9e7fb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.step-marker.complete{color:var(--teal);background:#e9f7f1;border-color:#d2eee1}.step-content{flex:1;min-width:0}.step-title{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.step-title strong{font-size:13px;font-weight:550}.step-title>span{color:#9aa8b7;font-size:10px}.step-dependency{color:#a2aebe;margin:5px 0 12px;font-size:10px}.step-bottom{color:#8c9bad;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:flex}.step-bottom>div{gap:6px;display:flex}.report-history{border-top:1px dashed #e2e9f2;margin-top:18px;padding-top:13px}.report-history summary{color:#8ca0b9;cursor:pointer;padding:4px 0;font-size:11px}.history-row{color:#8093aa;border-bottom:1px solid #f1f4f8;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:11px;display:flex}.history-row small{color:#a2afbf;overflow-wrap:anywhere;margin-top:5px;font-size:10px;line-height:1.8;display:block}.history-row>div{flex-shrink:0;gap:12px;display:flex}.history-row.reversed{opacity:.6}.toast{color:#408e7e;z-index:100;background:#fff;border:1px solid #d9e8e4;border-radius:9px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 15px;font-size:12px;line-height:1.8;display:flex;position:fixed;bottom:28px;left:calc(50% + 112px);transform:translate(-50%);box-shadow:0 10px 40px #19365218}.toast.error{color:#c96d61;border-color:#f0d8d2}.toast>svg{flex-shrink:0}.fatal{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:30px;display:flex}.fatal p{color:#8fa0b3}.spinning>svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:#fff;grid-template-columns:46% 54%;min-height:100dvh;display:grid}.login-story{background:var(--navy);color:#fff;flex-direction:column;padding:45px 60px 30px;display:flex;position:relative;overflow:hidden}.login-headline{margin:auto 0;padding:55px 0 25px;position:relative}.story-tag{color:#8facc6;letter-spacing:2px;border-left:2px solid #3d86e7;padding-left:12px;font-size:12px}.login-headline h1{letter-spacing:1px;margin-top:25px;font-size:48px;font-weight:600;line-height:1.5}.login-headline>p{color:#8fa8be;margin-top:24px;font-size:14px;line-height:2.1}.login-story>footer{color:#627f99;font-size:10px}.factory-drawing{opacity:.9;max-width:370px;height:190px;margin-top:20px;position:relative}.drawing-building{border:1px solid #41637f;grid-template-columns:repeat(3,1fr);gap:15px;height:100px;padding:20px 25px;display:grid;position:absolute;top:55px;left:25px;right:45px}.drawing-building i{background:#2c4a6460;border:1px solid #41637f;height:15px}.drawing-roof{clip-path:polygon(0 100%,0 40%,33% 0,33% 40%,66% 0,66% 40%,100% 0,100% 100%);background:repeating-linear-gradient(0deg,#26455f,#26455f 1px,#142d42 1px 20px);border-top:1px solid #41637f;border-left:1px solid #41637f;height:60px;position:absolute;top:5px;left:25px;right:45px}.drawing-line{background:#41637f;height:1px;position:absolute;bottom:35px;left:0;right:0}.drawing-box{color:#688ca9;background:var(--navy);position:absolute;bottom:36px}.drawing-box.one{right:0}.drawing-box.two{right:31px}.drawing-badge{color:#7393ae;align-items:center;gap:10px;padding:8px 0;font-size:10px;display:flex;position:absolute;bottom:0;left:0}.login-main{flex-direction:column;justify-content:center;align-items:center;padding:50px 35px;display:flex;position:relative}.login-form{width:100%;max-width:350px}.login-welcome{color:#8d9fb4;font-size:12px}.login-form h2{letter-spacing:-.5px;margin-top:10px;font-size:29px}.login-form>p{color:#9ba7b7;margin:15px 0 35px;font-size:12px}.login-form form{flex-direction:column;gap:22px;display:flex}.login-form label{color:#6e8097;font-size:12px}.login-form input{background:#fcfdff;border-color:#e1e7ef;min-height:46px}.login-submit{justify-content:space-between;width:100%;min-height:46px;margin-top:5px;padding:11px 17px}.login-note{color:#a6b2c0;align-items:flex-start;gap:7px;margin-top:28px;font-size:10px;line-height:1.9;display:flex}.login-note>svg{flex-shrink:0;margin-top:1px}.login-footer{color:#bcc5d0;font-size:10px;position:absolute;bottom:28px}@media (min-width:1500px){.overview-columns{grid-template-columns:minmax(0,1fr) 300px}.order-table td{padding-top:23px;padding-bottom:23px}.topbar,.workspace{padding-inline:42px}.sidebar{width:242px;padding-inline:26px}.main-shell{margin-left:242px}.toast{left:calc(50% + 121px)}}@media (max-width:1200px){.sidebar{width:200px;padding-inline:17px}.main-shell{margin-left:200px}.topbar{padding-inline:24px}.workspace{padding:25px 24px 0}.overview-columns{grid-template-columns:minmax(0,1fr)}.overview-aside{grid-template-columns:1fr 1fr;display:grid}.delivery-list{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.delivery-item:nth-last-child(2){border-bottom:0}.production-note{min-height:230px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-date{display:none}.metric{padding-inline:18px}.metric-caption{font-size:9px}.panel-heading>div{flex-direction:column;align-items:flex-start;gap:6px}.filter-caption{display:none}.toast{left:calc(50% + 100px)}.login-story{padding-inline:40px}.login-headline h1{font-size:40px}}@media (max-width:900px){.sidebar{width:180px;padding-inline:14px}.main-shell{margin-left:180px}.brand{gap:9px}.brand strong{font-size:21px}.brand-mark{width:37px;height:40px}.brand div>span{font-size:9px}.workspace-label{padding-inline:8px;font-size:10px}.desktop-nav button{padding-inline:12px;font-size:12px}.topbar{height:65px;padding-inline:20px}.topbar-right{gap:10px}.top-search input{width:150px}.workspace{padding:23px 20px 0}.metric-strip{grid-template-columns:repeat(2,1fr);padding:0}.metric{padding:18px 20px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-value{font-size:32px}.metric-caption{font-size:10px}.system-tip{display:none}.order-table{min-width:690px}.task-grid{gap:14px}.task-card{padding:17px}.task-quantities{flex-wrap:wrap}.topbar .breadcrumb{gap:8px;font-size:11px}.toast{left:calc(50% + 90px)}.login-headline h1{font-size:35px}.login-story{padding:35px 30px}.login-form{max-width:310px}}@media (max-width:700px){body{font-size:13px}.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:60px;padding:0 18px}.topbar:before{content:"佰小生";letter-spacing:1px;color:var(--navy);font-size:20px;font-weight:700}.breadcrumb{display:none}.topbar-right{gap:9px}.top-search{background:#f5f7fa;padding:7px 9px}.top-search input{width:130px;font-size:10px}.top-search svg{width:14px}.top-avatar{display:none}.workspace{padding:22px 16px 80px}.page-heading{gap:10px;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{max-width:235px;margin-top:6px;font-size:10px;line-height:1.8}.page-context{font-size:9px}.page-heading>.button{flex-shrink:0;gap:4px;min-height:37px;margin-top:12px;padding:9px 12px;font-size:11px}.page-heading>.button svg{width:15px}.metric-strip{border-radius:9px;margin-bottom:18px}.metric{padding:14px 16px}.metric-top{font-size:11px}.metric-icon{width:29px;height:29px}.metric-icon>svg{width:16px}.metric-value{font-size:30px}.metric-caption{margin-top:5px;font-size:9px}.overview-columns{gap:18px}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:14px}.panel-heading span{font-size:9px}.filters{padding-inline:16px}.filter-tabs{gap:20px}.filter-tabs>button{font-size:10px}.order-table{min-width:670px}.order-table th:first-child,.order-table td:first-child{padding-left:16px}.panel-footer{padding:13px 16px;font-size:9px}.panel-footer>span{font-size:8px}.overview-aside{grid-template-columns:1fr;gap:16px}.priority-panel .panel-heading{padding:17px 16px 7px}.delivery-list{gap:0 16px;padding-inline:16px}.delivery-item{padding-block:13px}.delivery-symbol{width:26px;height:28px}.delivery-item strong{font-size:10px}.delivery-item div>span{font-size:9px}.production-note{grid-template-columns:40px 1fr;align-items:center;gap:0 12px;min-height:0;padding:20px;display:grid}.note-icon{grid-row:1/4;align-self:start;margin:0;padding-top:2px}.production-note h3{font-size:12px}.production-note p{margin:6px 0 8px;font-size:10px}.production-note p br{display:none}.production-note button{grid-column:2;font-size:10px}.note-route{opacity:.25;top:35px;right:15px}.stage-panel{margin-top:18px}.stage-grid{grid-template-columns:repeat(2,1fr);gap:22px;padding:0 16px 20px}.stage-panel .panel-heading>svg{width:16px}.stage-summary>strong{font-size:21px}.stage-summary>div:first-child{font-size:10px}.stage-summary small{font-size:8px}.workspace-footer{gap:12px;padding:23px 0 6px;font-size:8px}.mobile-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;padding:7px 8px max(9px, env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #e4eaf2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#97a6b8;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-width:52px;padding:4px 8px;display:flex}.mobile-nav button>span{font-size:9px}.mobile-nav button.active{color:var(--blue)}.section-tabs{gap:22px;margin-bottom:17px}.section-tabs button{font-size:12px}.task-grid{grid-template-columns:1fr}.task-card{padding:20px}.task-card h3{font-size:18px}.task-card>p{font-size:12px}.task-card-top{font-size:10px}.task-quantities{font-size:11px}.task-card footer .button{min-height:35px;padding-inline:14px}.stock-actions{gap:8px}.stock-actions .button{min-height:36px;padding:8px 10px;font-size:11px}.stock-tip{width:100%;margin-left:0;font-size:10px}.stock-number{font-size:15px}th{padding:12px 15px;font-size:10px}td{min-width:90px;padding:16px 15px;font-size:11px}td strong{font-size:11px}td .cell-secondary{font-size:9px}.mobile-settings{z-index:15;font-size:12px;display:flex;position:fixed;bottom:89px;right:20px;box-shadow:0 5px 20px #2369dc30}.profile-panel{padding:23px}.profile-info>div{gap:18px;font-size:11px}.profile-info strong{line-height:1.8}.password-form{max-width:none}.logout-button{margin-left:8px}.toast{width:max-content;max-width:calc(100vw - 32px);font-size:11px;bottom:86px;left:50%}.modal{border-radius:10px;width:calc(100vw - 24px);max-height:92dvh}.modal-header{padding:19px}.modal-header h2{font-size:17px}.modal-header p{font-size:11px}.form-body{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.form-grid .span-two{grid-column:auto}.form-footer{padding:15px 20px}.form-footer .button{min-height:42px;padding-inline:21px}label{font-size:12px}input,select,textarea{padding:10px;font-size:16px}.route-edit-row{flex-wrap:wrap;gap:8px;padding:11px}.route-edit-row>label{flex-basis:calc(100% - 40px)}.route-edit-row>label:nth-of-type(2){flex-basis:calc(100% - 80px);margin-left:32px}.route-edit-row .icon-button{align-self:flex-end}.route-edit-row input:not([type=checkbox]){font-size:14px}.section-label{flex-wrap:wrap;align-items:flex-start}.section-label span{width:100%;margin-left:0;font-size:10px}.order-item-form{padding:14px}.drawer-header{padding:18px}.drawer-header h2{font-size:14px}.drawer-body{padding:17px 12px 90px}.detail-summary{flex-direction:column;align-items:stretch;gap:17px;padding-inline:6px}.detail-summary h3{font-size:18px}.detail-summary p{font-size:11px}.detail-progress{max-width:220px}.detail-actions{padding-inline:3px}.detail-actions .button{font-size:11px}.item-detail{padding:17px 13px}.item-detail h3{flex-wrap:wrap;gap:8px;font-size:15px}.item-detail h3>span{font-size:10px}.item-detail>header{align-items:flex-start}.item-detail header p{font-size:10px}.item-metrics{grid-template-columns:repeat(2,1fr);padding:0}.item-metrics>div{border-bottom:1px solid var(--line);padding:12px}.item-metrics>div:nth-child(2){border-right:0}.item-metrics>div:nth-child(n+3){border-bottom:0}.item-metrics span{font-size:9px}.item-metrics strong{font-size:21px}.detail-step{gap:10px}.step-title{flex-direction:column;align-items:flex-start;gap:5px}.step-title>span{font-size:9px}.step-dependency{margin-top:8px}.step-bottom{flex-direction:column;align-items:flex-start;gap:10px;font-size:10px}.step-bottom>div{justify-content:flex-end;width:100%}.step-bottom .button{min-height:34px}.history-row{flex-wrap:wrap;gap:7px;font-size:10px}.history-row>div{margin-left:auto}.history-row small{font-size:9px}.login-page{background:var(--canvas);min-height:100dvh;display:block}.login-story{min-height:245px;padding:24px 26px 32px}.login-story .brand strong{font-size:20px}.login-story .brand-mark{width:37px;height:38px}.login-headline{margin:0;padding:27px 0 0}.story-tag{display:none}.login-headline h1{letter-spacing:0;margin:0;font-size:29px;line-height:1.5}.login-headline h1 br{display:none}.login-headline>p{margin-top:13px;font-size:11px;line-height:1.8}.login-headline>p br{display:none}.factory-drawing{opacity:.25;pointer-events:none;width:220px;height:140px;position:absolute;bottom:-20px;right:-70px}.login-story>footer{display:none}.login-main{background:#fff;border-radius:18px 18px 0 0;min-height:calc(100dvh - 230px);margin-top:-15px;padding:32px 26px 70px}.login-form{max-width:420px}.login-welcome{font-size:11px}.login-form h2{font-size:25px}.login-form>p{margin:12px 0 27px;font-size:11px}.login-form input{min-height:48px;font-size:16px}.login-form form{gap:20px}.login-note{font-size:10px}.login-footer{font-size:9px;bottom:20px}.login-submit{min-height:48px}.empty{padding:50px 20px}.empty p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-order-list{display:none}@media (max-width:700px){.order-table-scroll{display:none}.mobile-order-list{display:block}.mobile-order-card{text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;width:100%;padding:18px 16px;display:block}.mobile-order-card:last-child{border-bottom:0}.mobile-order-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-order-top>span:first-child{color:#7d94ae;font-size:10px}.mobile-order-product{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.mobile-order-product strong{font-size:13px;font-weight:550}.mobile-order-product>span{color:#8b9db2;font-size:11px}.mobile-order-card .progress-track{height:5px}.mobile-order-card .progress-wrap>span{font-size:11px}.mobile-order-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.mobile-order-bottom .deadline{align-items:center;gap:8px;font-size:10px;display:flex}.mobile-order-bottom .deadline small{margin:0;font-size:9px}.mobile-order-bottom>span{color:#9aa8ba;align-items:center;gap:5px;font-size:9px;display:flex}.mobile-order-bottom .inline-warning{margin:0}.overview-columns,.overview-aside,.panel,.stage-panel{min-width:0}.main-shell,.workspace{min-width:0;max-width:100%}}.employee-registration{background:#f5f7fa;place-items:center;min-height:100dvh;padding:24px;display:grid}.employee-registration>.panel{width:min(100%,430px);padding:32px}.employee-registration h1{margin:20px 0 12px;font-size:24px}.employee-registration p{color:#718399;margin-bottom:20px;line-height:1.8}.employee-registration label{gap:8px;font-size:14px;display:grid}.employee-registration input{min-height:46px;font-size:16px}.employee-registration .button{width:100%;margin:24px 0}.employee-registration small{color:#8999ab;font-size:12px}.component-process{border-top:1px solid var(--border,#e5e7eb);gap:10px;padding:16px 0;display:grid}.component-process details{background:var(--surface,#f8f9fa);border-radius:8px;padding:10px}.component-process summary{cursor:pointer;font-size:14px}.component-actions{gap:16px;display:flex}.component-group-title{margin:16px 0 6px;font-size:15px;font-weight:600}.component-order-group{margin-bottom:12px}.component-order-group>summary{cursor:pointer;background:var(--surface,#f5f6f8);border-radius:10px;padding:14px 12px;list-style-position:inside}.component-order-group>summary:after{content:"⌄";margin-left:8px}.component-order-group[open]>summary:after{content:"⌃"}
.mobile-page-title{display:none}.simple-print-actions>div{align-items:center;gap:14px;padding-top:10px;display:flex}.simple-print-actions summary{cursor:pointer;color:var(--blue);font-size:13px}@media screen and (max-width:700px){:root{--blue:#0068d9;--ink:#1c1c1e;--line:#e5e5ea;--app-muted:#636366}:root body{color:#1c1c1e;-webkit-tap-highlight-color:transparent;background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;font-size:16px}:root button,:root input,:root select,:root textarea{font:inherit}:root input:not([type=checkbox]):not([type=radio]),:root select,:root textarea{color:#1c1c1e;border-radius:10px;max-width:100%;min-height:44px;font-size:16px}:root button,:root .button,:root summary{touch-action:manipulation}:root .button,:root .icon-button,:root .text-button{min-height:44px}:root .button{box-shadow:none;border-radius:11px;padding:11px 16px;font-size:15px}:root .button.primary{color:#fff;background:#0068d9;border-color:#0068d9}:root .icon-button{min-width:44px}:root :focus-visible{outline-offset:3px;outline:3px solid #007aff}:root summary{align-content:center;min-height:44px}:root .modal{width:100%;max-width:none;max-height:min(92dvh, var(--visible-height,92dvh));color:#1c1c1e;box-shadow:none;overscroll-behavior:contain;background:#f2f2f7;border-radius:20px 20px 0 0;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}:root .modal[open]{animation:.2s ease-out app-panel-in}:root .modal-fullscreen{top:var(--visible-top,0);height:var(--visible-height,100dvh);max-height:var(--visible-height,100dvh);border-radius:0;bottom:auto}:root .modal-sheet{top:calc(var(--visible-top,0px) + var(--visible-height,100dvh));bottom:auto;transform:translateY(-100%)}:root .modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0006}:root .modal-header{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f2f2f7f5;border-color:#e5e5ea;align-items:center;padding:12px 16px;position:sticky;top:0}:root .modal-fullscreen .modal-header{padding-top:max(12px, env(safe-area-inset-top))}:root .modal-header h2{font-size:19px}:root .modal-header p{color:#636366;font-size:13px}:root .modal-header .icon-button{color:#636366;background:#e5e5ea;border-radius:50%}:root .form-body{padding:20px 16px}:root .form-grid{grid-template-columns:minmax(0,1fr);gap:20px}:root .form-grid .span-two{grid-column:auto}:root label{font-size:15px}:root label small,:root .form-hint{color:#636366;font-size:13px;line-height:1.6}:root .form-footer{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 16px max(12px, env(safe-area-inset-bottom));background:#f2f2f7f5;border-color:#e5e5ea;gap:10px;position:sticky;bottom:0}:root .form-footer .button{flex:1}:root .modal .simple-count-label>input:not([type=checkbox]):not([type=radio]){font-size:32px}:root .simple-progress-context{background:#fff;border:0;border-radius:12px;font-size:15px}:root .simple-progress-context p,:root .simple-count-label>small,:root .form-error{font-size:13px}:root .toast{bottom:calc(80px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);font-size:15px}:root .login-page{background:#f2f2f7;min-height:100dvh;display:block}:root .login-story{color:#1c1c1e;padding:calc(28px + env(safe-area-inset-top)) 24px 0;background:0 0;min-height:0}:root .login-story .brand strong{color:#1c1c1e;font-size:24px}:root .login-story .brand span{color:#636366}:root .login-story .brand-mark{color:#fff;background:#007aff;border-radius:14px}:root .login-headline,:root .login-story>footer,:root .login-footer,:root .login-welcome{display:none}:root .login-main{padding:32px 24px max(24px, env(safe-area-inset-bottom));background:0 0;display:block}:root .login-form{width:100%;max-width:430px;margin:0 auto}:root .login-form h2{letter-spacing:-.5px;font-size:32px}:root .login-form>p,:root .login-note{color:#636366;font-size:13px;line-height:1.6}:root .login-form label{font-size:15px}:root .login-form input{background:#fff;border:0;min-height:50px}:root .login-submit{width:100%;min-height:50px;font-size:17px}:root .employee-registration{padding:calc(40px + env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:#f2f2f7;align-items:flex-start;min-height:100dvh}:root .employee-registration>.panel{box-shadow:none;border:0;border-radius:16px;padding:24px 20px}:root .employee-registration h1,:root .fatal h1{font-size:32px}:root .employee-registration p,:root .employee-registration small,:root .fatal p{color:#636366;font-size:13px;line-height:1.7}:root .fatal{overflow-wrap:anywhere;background:#f2f2f7;min-height:100dvh;padding:40px 24px}:root .shared-order-page{background:#f2f2f7}:root .shared-header{padding:env(safe-area-inset-top) 16px 0;background:#f2f2f7;border:0;gap:12px;height:auto;min-height:50px}:root .shared-header>span{color:#1c1c1e;font-size:17px}:root .shared-header small{color:#636366;font-size:13px}:root .shared-content{padding:20px 16px calc(24px + env(safe-area-inset-bottom))}:root .shared-title{flex-wrap:wrap;gap:12px}:root .shared-title>div{flex:220px;min-width:0}:root .shared-title h1{color:#1c1c1e;font-size:32px;line-height:1.2}:root .shared-title p,:root .shared-title>div>span{color:#636366;font-size:13px}:root .shared-summary,:root .shared-item{background:#fff;border:0;border-radius:14px;gap:16px;padding:18px 16px}:root .shared-summary span{color:#636366;font-size:13px}:root .shared-summary strong{color:#1c1c1e;overflow-wrap:anywhere;font-size:21px}:root .shared-item h2{color:#1c1c1e;font-size:21px}:root .shared-item header p,:root .shared-item header small{color:#636366;font-size:13px}:root .shared-step{grid-template-columns:28px minmax(0,1fr);gap:10px;display:grid}:root .shared-step>p{grid-column:2}:root .shared-step-label{flex-wrap:wrap;gap:8px}:root .shared-step h3{color:#1c1c1e;font-size:17px}:root .shared-step p{white-space:normal;color:#636366;font-size:13px}:root .shared-step p strong{color:#1c1c1e;font-size:25px}:root .shared-materials{color:#636366;background:#f2f2f7;border:0;font-size:13px}:root .shared-materials small,:root .shared-error,:root .shared-footer p,:root .shared-footer small{color:#636366;font-size:13px}:root .shared-content>.button{width:100%;min-height:50px;font-size:17px}@keyframes app-panel-in{0%{opacity:0;margin-bottom:-20px}to{opacity:1;margin-bottom:0}}:root .modal[open]{flex-direction:column;display:flex}:root .modal>.modal-header{flex-shrink:0}:root .modal>form{flex-direction:column;min-height:0;display:flex;overflow:hidden}:root .modal .form-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}:root .modal .form-footer{flex-shrink:0}:root .shared-status{font-size:13px}}@media (prefers-reduced-motion:reduce){:root .modal[open]{animation:none}}@media screen and (max-width:700px){:root .modal-fullscreen>form,:root .modal-fullscreen>form>.form-body{flex:1}:root body{background:#f5f6f8}:root .button{border-radius:999px;min-height:46px}:root .button.primary{box-shadow:inset 0 1px #ffffff40}:root .modal{background:#f5f6f8;border:1px solid #ffffffb3;border-radius:34px 34px 0 0;box-shadow:0 -8px 48px #17243d16}:root .modal-fullscreen{border-radius:30px 30px 0 0}:root .modal-header{background:#f5f6f8e8;border:0;padding:18px 20px}:root .modal-header h2{letter-spacing:-.4px;font-size:20px;font-weight:650}:root .modal-header .icon-button{color:#555b65;background:linear-gradient(145deg,#ffffffef,#ffffff9c);border:1px solid #fff;box-shadow:0 2px 8px #17243d0a,inset 0 1px #fff}:root .modal .form-body{padding:20px}:root .modal .form-footer{padding:14px 20px max(14px, env(safe-area-inset-bottom));background:#f5f6f8f5;border:0}:root .modal .form-footer .button{min-height:50px;font-size:16px}:root .modal input:not([type=checkbox]):not([type=radio]),:root .modal select,:root .modal textarea{border-color:#dce0e7;border-radius:17px}:root .modal .simple-progress-context{border-radius:24px;padding:18px}:root .modal .simple-progress-context p,:root .modal .simple-muted{color:#62666e}:root .modal::backdrop{-webkit-backdrop-filter:blur(3px);background:#1a23394d}:root .login-page,:root .employee-registration,:root .fatal{background:#f5f6f8}:root .login-form input{border-radius:18px}:root .employee-registration>.panel{border-radius:30px}:root .login-story .brand-mark{border-radius:20px;box-shadow:inset 0 1px #ffffff60,0 5px 16px #007aff20}}@media (max-width:700px) and (prefers-reduced-transparency:reduce){:root .modal-header,:root .modal .form-footer{-webkit-backdrop-filter:none;background:#f5f6f8}:root .modal::backdrop{-webkit-backdrop-filter:none}}