:root{--purple:#7460cf;--purple-dark:#614bbd;--purple-pale:#f0edfa;--text:#292d40;--muted:#9295a5;--line:#ececf2;--green:#429782;--blue:#588fc7;--amber:#c79951;--bg:#f7f8fb;--shadow:0 7px 24px #2e284b06;font-family:"Segoe UI","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:wait;opacity:.55}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}button{border:0;background:none}input,textarea,select{width:100%;background:white;border:1px solid #e3e4ec;border-radius:8px;padding:11px 12px;outline:0;color:var(--text);transition:border .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#b2b4c0}input:focus,textarea:focus,select:focus{border-color:#9b89e6;box-shadow:0 0 0 3px #7460cf12}textarea{resize:vertical;line-height:1.8}label{display:block;font-size:12px;font-weight:600;line-height:1.8;color:#5c6074}label>input,label>textarea,label>select{display:block;margin-top:7px;font-size:13px;font-weight:400}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #b0a1ed;outline-offset:3px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 19px;border-radius:8px;font-weight:600;font-size:13px;white-space:nowrap;transition:background .18s,transform .18s}.btn:active{transform:translateY(1px)}.btn svg{width:17px;height:17px}.primary{background:var(--purple);color:#fff;box-shadow:0 3px 8px #7460cf1c}.primary:hover{background:var(--purple-dark)}.secondary{border-color:#e2e3ed;background:#fff;color:#686c80}.secondary:hover{background:#f7f6fb}.subtle{background:var(--purple-pale);color:var(--purple)}.subtle:hover{background:#e8e1f9}.small{min-height:35px;font-size:12px;padding:8px 14px}.full{width:100%}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:#a0a2b2}.icon-button:hover{color:var(--purple);background:#efedf8}.icon-button svg{width:18px;height:18px}.text-button{padding:4px 0;font-size:12px;font-weight:500;color:var(--purple)}.danger{color:#c06b73}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#9a8cbe}.small-label{font-size:12px;color:var(--purple);letter-spacing:2px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:2px}.brand-mark{width:42px;height:42px;background:var(--purple);border-radius:12px;color:white;display:grid;place-items:center;box-shadow:0 4px 12px #7460cf23}.brand-mark svg{width:27px;height:27px;stroke-width:1.5}.brand small{display:block;font-size:8px;letter-spacing:3px;font-weight:500;color:#a4a1b5;margin-top:2px}.status-dot,.sync-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#72ad91}.avatar,.mini-avatar{display:grid;place-items:center;background:#ede7fa;color:var(--purple);font-weight:600;border-radius:11px;width:36px;height:36px}.mini-avatar{border-radius:50%;width:30px;height:30px;font-size:12px}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-story{background:#f1eef9;min-height:100vh;padding:44px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:before{content:"";position:absolute;width:550px;height:550px;border:1px solid #e5dff3;border-radius:50%;right:-380px;top:12%;box-shadow:0 0 0 80px #f0ecf8,0 0 0 81px #e8e2f4;pointer-events:none}.story-content{margin:auto 0;position:relative;padding:55px 0;max-width:440px}.story-content .eyebrow{font-size:11px;letter-spacing:4px}.story-content h1{font-size:52px;font-weight:650;line-height:1.55;letter-spacing:3px;margin:20px 0 17px;color:#39314f}.story-content h1>span{color:var(--purple)}.story-content>p{font-size:14px;line-height:2.1;color:#9790a8}.story-flow{display:flex;align-items:center;gap:18px;margin:35px 0}.story-flow span{font-size:12px;color:#777086;display:flex;align-items:center;gap:7px}.story-flow i{width:7px;height:7px;background:#9d8cd3;border-radius:50%}.story-flow span:nth-of-type(2) i{background:#70a896}.story-flow span:nth-of-type(3) i{background:#7da0ca}.story-flow svg{width:17px;color:#bfb6d6}.story-card{background:#ffffffd6;border:1px solid #fff;padding:19px 20px;border-radius:13px;display:flex;align-items:center;gap:13px;box-shadow:0 12px 30px #7960ab08}.story-card-icon{display:grid;place-items:center;background:#e8f4ee;width:36px;height:36px;border-radius:50%;color:#5c9b81}.story-card strong{font-size:13px;font-weight:600}.story-card small{display:block;color:#a5a0b3;font-size:10px;margin-top:7px}.story-avatars{margin-left:auto;border:4px solid white;background:#ece5f8;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#a28cbc;font-size:10px}.story-footer{display:flex;align-items:center;gap:8px;color:#aba2bc;font-size:10px;letter-spacing:1px}.story-footer svg{width:13px;height:13px}.login-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:55px 40px}.login-form-wrap{width:100%;max-width:350px}.login-form-wrap h2{font-size:30px;font-weight:600;letter-spacing:2px;margin:15px 0 10px}.login-form-wrap>p{font-size:12px;line-height:1.8}.login-form-wrap form{margin-top:35px}.login-form-wrap label{margin-bottom:20px}.login-form-wrap input{padding:13px 14px}.password-wrap{position:relative;margin-top:7px}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:14px;top:11px;color:#9d94b3;font-size:11px}.login-submit{width:100%;margin-top:4px;padding:13px;justify-content:space-between}.form-error{color:#c16e78;font-size:12px;line-height:1.7;min-height:0;margin:0}.form-error:not(:empty){padding:8px 0}.login-tip{display:flex;align-items:flex-start;gap:8px;font-size:10px!important;line-height:1.9!important;color:#aaa7b5;margin-top:25px}.login-tip svg{height:13px;width:13px;margin-top:4px}.login-tip b{font-weight:500;color:#9993a9}.login-bottom{position:absolute;bottom:28px;font-size:10px;color:#b8b7c0;letter-spacing:2px}.workspace{display:flex;min-height:100vh}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 20px 0;z-index:10}.sidebar .brand{font-size:18px;gap:10px;margin:0 3px}.sidebar .brand-mark{width:37px;height:37px;border-radius:10px}.sidebar .brand-mark svg{width:24px;height:24px}.sidebar .brand small{font-size:7px;letter-spacing:2.5px}.workspace-tag{display:flex;align-items:center;gap:7px;border:1px solid #eceaf3;background:#faf9fc;margin:28px 0 28px;padding:11px 12px;border-radius:7px;color:#858197;font-size:10px}.workspace-tag .status-dot{width:5px;height:5px}.nav-label{font-size:9px;color:#b6b5c1;margin:0 13px 13px;letter-spacing:2px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:11px;text-align:left;width:100%;padding:12px 13px;border-radius:8px;color:#9391a1;font-size:12px;font-weight:500}.nav-item svg{width:17px;height:17px}.nav-item.active{background:var(--purple-pale);color:var(--purple)}.nav-item:hover{background:#f6f4fb}.nav-total{margin-left:auto;font-size:10px;background:#e5def7;border-radius:4px;padding:2px 6px}.tiny-tag{font-size:7px;border:1px solid #ece6fa;border-radius:3px;padding:2px 3px;margin-left:auto;color:#ac9fc8}.sidebar-help{margin-top:auto;margin-bottom:28px;padding:19px 13px 15px;border:1px solid #eeeaf6;background:linear-gradient(130deg,#fcfbfe,#f7f5fc);border-radius:10px}.help-icon{width:31px;height:31px;display:grid;place-items:center;background:white;border:1px solid #ece7f8;border-radius:9px;color:#9d8bc8;margin-bottom:14px}.help-icon svg{width:17px}.sidebar-help strong{font-size:12px;font-weight:600;letter-spacing:.6px}.sidebar-help p{font-size:10px;color:#aaa3b9;line-height:1.9;margin:10px 0}.sidebar-help button{font-size:10px;width:100%;text-align:left}.sidebar-help button span{float:right}.sidebar-footer{margin:0 -20px;border-top:1px solid var(--line);padding:18px 20px;display:flex;align-items:center;gap:10px}.user-info{flex:1;min-width:0}.user-info strong{display:block;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info small{display:block;font-size:9px;color:#b0acbb;margin-top:5px}.sidebar-footer .icon-button{width:24px}.sidebar-footer .icon-button svg{width:15px}main{margin-left:224px;width:calc(100% - 224px)}.topbar{height:69px;background:#ffffffc9;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 34px}.breadcrumb{color:#a5a4b2;font-size:10px}.breadcrumb span{margin:0 15px;color:#d3d0df}.breadcrumb b{font-weight:500;color:#6f6a82}.topbar-right{display:flex;align-items:center;gap:19px;font-size:10px;color:#aaa7b7}.sync-state{display:flex;align-items:center;gap:6px;font-size:9px;color:#8da997}.sync-state i{height:5px;width:5px}.sync-state.offline{color:#c09667}.sync-state.offline i{background:#caa274}.topbar-divider{height:13px;width:1px;background:#e7e4ef}.main-content{padding:32px 34px 24px;max-width:1800px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#a6a1b6}.page-heading h1{font-size:27px;font-weight:650;letter-spacing:1px;margin:9px 0}.heading-dot{color:var(--purple);margin-left:5px}.page-heading p{font-size:11px;color:#a5a4b3;margin:0}.page-heading>.btn{margin-top:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:29px}.stat-card{padding:19px 19px 14px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;display:grid;grid-template-columns:39px 1fr;column-gap:13px;row-gap:13px;align-items:start}.stat-icon{display:grid;place-items:center;border-radius:10px;width:39px;height:39px}.stat-icon svg{width:20px;height:20px}.purple{background:#f0ecfa;color:#9a86d3}.amber{background:#faf2e5;color:#c5a16b}.green{background:#ebf5ef;color:#6ea48b}.blue{background:#eaf2fa;color:#7f9fc5}.stat-label{font-size:10px;color:#9a97a9;display:block;margin-bottom:7px}.stat-card strong{display:block;font-size:28px;font-weight:600;line-height:1;color:#454053;letter-spacing:1px}.stat-foot{grid-column:1/3;font-size:9px;color:#bab6c6;border-top:1px solid #f3f1f6;padding-top:11px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.filter-tabs{display:flex;gap:23px;align-items:center;height:37px}.filter{padding:9px 1px;font-size:11px;color:#aaa7b7;position:relative;white-space:nowrap}.filter.active{color:var(--purple);font-weight:600}.filter.active:after{content:"";height:2px;position:absolute;bottom:-3px;left:0;right:0;border-radius:1px;background:var(--purple)}.filter-alert{background:#f3e4df;color:#c58a72;font-size:8px;padding:1px 4px;border-radius:4px;margin-left:5px}.board-tools{display:flex;gap:8px;align-items:center}.search-wrap{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #eae8f1;border-radius:7px;padding:0 10px;width:235px;height:35px}.search-wrap>svg{width:14px;height:14px;color:#b9b2c8}.search-wrap input{border:0;box-shadow:none;padding:5px 0;font-size:10px;background:transparent;min-width:0}.search-wrap kbd{border:1px solid #eeebf4;border-radius:3px;width:16px;text-align:center;color:#c5c0d2;font-size:9px}.refresh-button{background:white;border:1px solid #eae8f1;width:35px;height:35px}.refresh-button svg{width:14px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.column{border:1px solid #e9e7f1;border-radius:11px;padding:16px 15px 18px;background:#efedf540;min-height:420px}.completed-column{background:#ecf2ef59;border-color:#e5ece9}.shipped-column{background:#edf1f659;border-color:#e5eaf1}.column-heading{display:flex;align-items:center;justify-content:space-between;min-height:28px}.column-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.column-heading h2{font-size:12px;font-weight:600;margin:0;color:#686176;white-space:nowrap}.column-dot{width:7px;height:7px;background:#a18ad4;border-radius:50%;flex-shrink:0}.completed-column .column-dot{background:#79aa92}.shipped-column .column-dot{background:#86a4c8}.column-count{font-size:9px;border-radius:5px;background:#e8e2f4;color:#9c8bb9;min-width:20px;padding:2px 5px;text-align:center}.completed-column .column-count{color:#8aa393;background:#e0eae3}.shipped-column .column-count{color:#8b9eb9;background:#e0e8f2}.column-watermark{height:16px;width:16px;color:#9fb8aa}.shipped-column .column-watermark{color:#a0b2cb}.column-heading>.icon-button{height:24px;width:24px;color:#b0a3c9}.column-description{font-size:9px;letter-spacing:.3px;color:#b0a9bf;margin:4px 0 18px}.completed-column .column-description{color:#a7b3ad}.shipped-column .column-description{color:#a8b2c1}.cards{display:grid;gap:12px}.order-card{background:white;border:1px solid #e9e6f0;border-radius:9px;padding:16px 15px 0;box-shadow:0 3px 9px #48405b03;transition:transform .18s,box-shadow .18s;position:relative;min-width:0}.order-card:hover{box-shadow:0 5px 15px #55446e0b;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.order-number{font-size:8px;color:#b6b0c3;letter-spacing:.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-more{height:22px;width:25px}.card-more svg{width:16px}.card-title{display:block;font-size:13px;line-height:1.65;font-weight:600;margin:6px 0 10px;overflow-wrap:anywhere;text-align:left;width:100%;padding:0}.card-title:hover{color:var(--purple)}.card-customer{display:flex;align-items:center;gap:6px;font-size:10px;color:#9690a3;margin-bottom:9px;flex-wrap:wrap}.card-customer svg{width:12px;height:12px;color:#bbb3ca}.quantity-pill{font-size:8px;color:#a99bbd;background:#f5f2fa;border-radius:3px;padding:2px 5px;margin-left:auto}.card-notes{font-size:10px;color:#b2acbe;line-height:1.9;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px;word-break:break-word}.card-images{display:flex;gap:5px;margin:11px 0;overflow:hidden}.card-images img{width:48px;height:44px;border:1px solid #f1edf4;border-radius:5px;object-fit:cover;background:#f9f7fb;cursor:pointer}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:8px;color:#b5aebf;margin:13px 0 11px}.due-tag{display:flex;align-items:center;gap:4px}.due-tag svg{width:10px;height:10px}.due-tag.overdue{color:#c38b72}.card-editor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.card-action{border-top:1px solid #f0edf5;margin:0 -15px;padding:11px 15px;display:flex;align-items:center;justify-content:space-between;background:#fdfcfe;border-radius:0 0 9px 9px}.status-check{display:flex;align-items:center;gap:7px;color:#a396b9;font-size:10px;cursor:pointer;font-weight:400}.status-check input{appearance:none;margin:0;width:15px;height:15px;min-width:15px;border:1.5px solid #dcd4e9;border-radius:4px;padding:0;cursor:pointer;box-shadow:none}.status-check input:checked{background:#9c86cc;border-color:#9c86cc}.status-check input:checked:after{content:"✓";display:block;text-align:center;color:#fff;font-size:10px;line-height:12px}.completed-column .status-check{color:#83a18f}.completed-column .status-check input{border-color:#c5d9cc}.completed-column .status-check input:checked{background:#7eaa92}.card-action>svg{width:13px;height:13px;color:#c2bacf}.shipped-mark{display:flex;align-items:center;gap:6px;font-size:10px;color:#8ca2bf}.shipped-mark svg{width:13px;height:13px}.shipped-date{font-size:8px;color:#bac4d1}.tracking-chip{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#89a0bb;border-top:1px dashed #e9edf3;margin:10px 0;padding-top:8px}.add-card{border:1px dashed #dcd5e9;border-radius:8px;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:18px 10px;margin-top:13px;color:#ad9cc9;text-align:left;background:#ffffff59;transition:background .18s}.add-card:hover{background:#fff}.add-card>svg{width:19px;height:19px}.add-card span{font-size:11px}.add-card small{display:block;font-size:8px;color:#bcb2cc;margin-top:5px}.empty-column{text-align:center;padding:62px 6px 45px;color:#b3a9c5}.empty-icon{height:53px;width:53px;background:#ece7f4;color:#b4a3d0;border-radius:16px;display:grid;place-items:center;margin:0 auto 16px;transform:rotate(-7deg)}.empty-icon svg{width:25px;height:25px;transform:rotate(7deg);stroke-width:1.25}.completed-column .empty-icon{background:#e5eee8;color:#a0bba9}.shipped-column .empty-icon{background:#e5ecf5;color:#a4b8d1}.empty-column h3{font-size:11px;font-weight:500;color:#a89db9;margin:0 0 9px}.empty-column p{font-size:9px;line-height:1.9;color:#beb5cb;margin:0}.completed-column .empty-column h3{color:#9eafa4}.completed-column .empty-column p{color:#b7c3bb}.shipped-column .empty-column h3{color:#9dacc1}.shipped-column .empty-column p{color:#b7c1ce}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;color:#bbb5c8;font-size:8px}.board-footer>span:first-child{display:flex;align-items:center;gap:5px}.board-footer svg{width:12px;height:12px;color:#b5a5ce}.footer-gap{margin:0 5px}.mobile-status-tabs,.mobile-nav{display:none}dialog{border:1px solid #e9e5f0;border-radius:15px;padding:0;color:var(--text);box-shadow:0 25px 100px #30254428;max-height:92vh;max-width:calc(100vw - 32px);overscroll-behavior:contain}dialog::backdrop{background:#27203955;backdrop-filter:blur(4px)}.order-dialog{width:880px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 29px;border-bottom:1px solid var(--line);background:#fff}.dialog-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.dialog-heading h2{font-size:21px;font-weight:600;margin:7px 0 0;letter-spacing:.5px}.dialog-heading .icon-button{background:#f6f4f9}.order-dialog-body{display:grid;grid-template-columns:1fr 1fr}.entry-pane{background:#faf9fd;padding:24px 26px;border-right:1px solid var(--line)}.entry-tabs{display:flex;border-bottom:1px solid #eae6f1;margin-bottom:22px;gap:18px}.entry-tabs>button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;padding:0 0 12px;color:#aaa1ba;border-bottom:2px solid transparent}.entry-tabs>button.active{color:var(--purple);border-color:var(--purple)}.entry-tabs svg{width:14px;height:14px}.field-label{font-size:10px;font-weight:500;color:#a69bb6;margin-bottom:7px}#orderNotes{min-height:250px;font-size:11px;background:#fff;line-height:1.9;border-color:#e8e2f0;margin-bottom:12px}.field-hint{font-size:9px;color:#b4aabd;line-height:1.9;margin:10px 0 0}.fields-pane{padding:24px 26px}.fields-pane>label{margin-bottom:16px}.required{color:#a88bcb;margin-left:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.form-row label{min-width:0}.save-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#b6adbf;margin:20px 0 0}.save-note svg{width:13px;height:13px}.order-status-area{display:flex;align-items:center;gap:14px;margin-top:17px}.order-status-area>span{font-size:11px;color:#a59ab5}.order-status-area select{width:auto;flex:1;font-size:11px;padding:8px}.dialog-footer{padding:17px 27px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);background:#fff;position:sticky;bottom:0;z-index:2}.footer-spacer{flex:1}.dialog-error{margin:0 27px}.image-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1.5px dashed #d7cce8;border-radius:10px;min-height:255px;padding:20px 12px;cursor:pointer;text-align:center;background:#f6f3fc}.image-drop.dragover{border-color:var(--purple);background:#ece6f9}.upload-symbol{width:49px;height:49px;border-radius:13px;background:white;display:grid;place-items:center;box-shadow:0 5px 12px #7a59ab08;color:#ab98cc}.upload-symbol svg{width:24px;height:24px}.image-drop strong{font-size:12px;color:#9886b2;font-weight:500}.image-drop>span:not(.btn):not(.upload-symbol){font-size:10px;color:#b0a3c2}.image-drop>small{font-size:8px;color:#c0b4ce}.image-drop .btn{margin-top:5px}.image-previews{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.image-preview{position:relative;width:66px;height:66px}.image-preview img{width:100%;height:100%;object-fit:cover;border-radius:7px;border:1px solid #e5dfed;cursor:pointer}.remove-image{position:absolute;right:-5px;top:-5px;width:19px;height:19px;border-radius:50%;background:#8d7caa;color:white;font-size:13px;padding:0;border:2px solid #faf9fd;line-height:14px}.history-details{border-top:1px solid #e8e2ef;margin-top:25px;padding-top:15px;font-size:10px;color:#a79ab5}.history-details summary{cursor:pointer}.history-item{margin-top:11px;font-size:9px;line-height:1.8;color:#b6a9c1}.history-item strong{font-weight:500;color:#8f80a1}.history-item time{display:block;color:#c0b5c8;font-size:8px}.conflict-box{background:#fff6e8;border:1px solid #eddfc8;padding:16px 20px;margin:0 26px 14px;border-radius:8px;font-size:11px;color:#a3885b}.conflict-box p{line-height:1.8;font-size:10px}.conflict-box .btn{margin:4px 8px 0 0}.settings-dialog{width:640px}.settings-content{padding:0 28px 28px}.settings-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:25px}.settings-tabs button{padding:17px 0 12px;border-bottom:2px solid transparent;font-size:11px;color:#aba0bc;white-space:nowrap}.settings-tabs .active{border-color:var(--purple);color:var(--purple);font-weight:500}.section-intro{margin-bottom:21px}.section-intro h3{font-size:15px;font-weight:600;margin:0 0 9px}.section-intro p{font-size:10px;color:#aca1b8;line-height:1.9;margin:0}.team-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.team-row{padding:12px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0ecf5}.team-row:last-child{border:0}.team-row .avatar{width:30px;height:30px;font-size:11px;border-radius:8px}.team-details{flex:1}.team-details strong{font-size:11px;font-weight:500}.team-details small{display:block;font-size:9px;color:#b7aebf;margin-top:3px}.member-badge{font-size:8px;border-radius:4px;background:#f3effa;padding:3px 5px;color:#ab97c5}.team-row .text-button{font-size:9px;margin-left:5px}.settings-form{margin-top:23px}.settings-form h4{font-size:12px;font-weight:600;margin-bottom:15px}.settings-form>label{margin-bottom:15px}.settings-form .btn{margin-top:16px}.settings-bottom{padding:17px 28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#bcb3c7}.settings-bottom .text-button{font-size:10px}.guide-steps{padding:0;list-style:none;counter-reset:step;display:grid;gap:20px;margin:24px 0}.guide-steps li{counter-increment:step;position:relative;padding-left:38px}.guide-steps li:before{content:counter(step);position:absolute;left:0;top:-2px;display:grid;place-items:center;background:#f1ecfa;color:#a18bc3;font-size:10px;width:25px;height:25px;border-radius:8px}.guide-steps b{font-size:11px;font-weight:500;color:#8b7c9e}.guide-steps p{font-size:10px;color:#b0a3bd;line-height:1.9;margin:7px 0 0}.remote-link-box{background:#faf8fd;border:1px solid #ede6f6;padding:17px;border-radius:8px}.remote-link-box input{font-size:11px}.remote-link-box>div{display:flex;gap:8px;margin-top:11px}.info-callout{background:#f8f6fc;border:1px solid #eee8f7;padding:13px 16px;font-size:10px;color:#ad9fbd;line-height:1.9;border-radius:8px;margin:19px 0 0}.backup-action{display:flex;gap:14px;align-items:center;width:100%;border:1px solid var(--line);border-radius:9px;padding:17px;margin-bottom:13px;text-align:left}.backup-action>span:nth-child(2){flex:1}.backup-action strong{display:block;font-size:12px;font-weight:500}.backup-action small{display:block;font-size:9px;color:#b4a8c1;margin-top:7px}.backup-action>svg{width:16px;color:#baa8cf}.empty-settings{text-align:center;padding:30px 10px}.empty-settings>svg{width:38px;height:38px;color:#b09acb}.empty-settings h3{font-size:16px;font-weight:500}.empty-settings p{color:#b3a7c1;font-size:11px;line-height:2}.confirm-dialog{width:380px;padding:28px}.confirm-symbol{height:40px;width:40px;background:var(--purple-pale);color:#a48dce;border-radius:11px;display:grid;place-items:center;margin-bottom:17px}.confirm-dialog h3{font-size:17px;font-weight:600;margin:0 0 12px}.confirm-dialog p{font-size:12px;color:#a197af;line-height:1.9;margin:0 0 22px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:8px;width:max-content;max-width:90vw;pointer-events:none}.toast{font-size:12px;color:white;background:#51475ef2;box-shadow:0 4px 20px #33254424;border-radius:8px;padding:12px 20px;line-height:1.8;animation:appear .2s ease}.toast.error{background:#a36a72f2}@keyframes appear{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1600px){.main-content{padding:40px 50px}.page-heading{margin-bottom:32px}.column{padding:20px;min-height:510px}.column-heading h2{font-size:14px}.column-description{font-size:10px}.order-card{padding:18px 18px 0}.card-action{margin:0 -18px;padding:13px 18px}.card-title{font-size:15px}.card-notes{font-size:12px}.card-customer{font-size:11px}.card-meta{font-size:9px}.status-check{font-size:11px}.empty-column{padding-top:90px}.stats{gap:22px}.stat-card{padding:23px}.stat-label{font-size:11px}.stat-foot{font-size:10px}.board{gap:24px}}
@media(max-width:1200px){.sidebar{width:196px;padding-left:15px;padding-right:15px}.sidebar-footer{margin:0 -15px;padding-left:15px;padding-right:15px}main{margin-left:196px;width:calc(100% - 196px)}.main-content{padding:27px 23px}.topbar{padding:0 23px}.stats{gap:10px}.stat-card{padding:16px 13px 12px;column-gap:9px;grid-template-columns:34px 1fr}.stat-icon{height:34px;width:34px}.stat-card strong{font-size:26px}.stat-label{font-size:9px}.stat-foot{font-size:8px}.board{gap:12px}.column{padding:13px 11px}.column-heading h2{font-size:11px}.column-description{font-size:8px;letter-spacing:0}.column-count{font-size:8px;min-width:17px}.column-heading>div{gap:6px}.order-card{padding:13px 11px 0}.card-action{margin:0 -11px;padding:10px 11px}.card-title{font-size:12px}.card-meta{font-size:7px}.add-card{gap:5px}.add-card small{font-size:7px}.filter-tabs{gap:18px}.search-wrap{width:205px}}
@media(max-width:980px){.sidebar{width:175px;padding-left:12px;padding-right:12px}.sidebar .brand{font-size:15px;letter-spacing:1px}.sidebar .brand-mark{width:32px;height:32px}.sidebar .brand small{font-size:6px}.workspace-tag{font-size:8px;padding:10px}.nav-item{padding:11px;font-size:10px;gap:8px}.nav-item svg{width:15px;height:15px}.tiny-tag{display:none}.sidebar-help{padding:15px 10px}.sidebar-help strong{font-size:11px}.sidebar-help p{font-size:9px}.sidebar-footer{margin:0 -12px;padding:15px 12px}.sidebar-footer .avatar{width:29px;height:29px;font-size:12px}main{margin-left:175px;width:calc(100% - 175px)}.main-content{padding:25px 20px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.page-heading .btn{font-size:11px;padding:10px 12px}.board{gap:9px}.column{padding:12px 8px}.column-description{font-size:7px}.column-heading h2{font-size:10px}.column-heading>div{gap:5px}.column-dot{height:6px;width:6px}.column-count{font-size:7px}.card-customer{font-size:9px}.card-notes{font-size:9px}.card-meta{flex-wrap:wrap;gap:7px}.card-editor{max-width:none}.card-title{font-size:11px}.stat-foot{white-space:nowrap;font-size:7px}.stat-label{font-size:8px}.stats{gap:8px}.stat-card{padding:13px 10px;grid-template-columns:28px 1fr;column-gap:7px}.stat-icon{width:28px;height:28px;border-radius:8px}.stat-icon svg{width:16px;height:16px}.stat-card strong{font-size:24px}.search-wrap{width:180px}.board-footer{font-size:7px}.board-footer>span:last-child{display:none}.filter-tabs{gap:16px}.filter{font-size:10px}.add-card small{display:none}.story-content h1{font-size:42px}.login-story{padding:35px}.story-card{padding:15px 12px}.story-card small{font-size:8px}.story-avatars{display:none}}
@media(max-width:760px){.login-screen{display:block;min-height:100dvh;background:#faf9fd}.login-story{min-height:auto;padding:30px 25px;background:#f2eef9}.login-story .brand{font-size:18px}.login-story .brand-mark{width:35px;height:35px}.story-content{padding:30px 0 5px;margin:0;max-width:none}.story-content>.eyebrow,.story-content>p,.story-flow,.story-card,.story-footer{display:none}.story-content h1{font-size:28px;letter-spacing:1px;line-height:1.6;margin:0}.story-content h1 br{display:none}.login-panel{padding:35px 27px 65px;background:#fff;min-height:calc(100dvh - 200px);border-radius:20px 20px 0 0;margin-top:-12px}.login-form-wrap{max-width:420px}.login-form-wrap h2{font-size:25px;margin-top:10px}.login-form-wrap form{margin-top:25px}.login-bottom{bottom:20px;font-size:9px}.sidebar{display:none}main{margin-left:0;width:100%}.topbar{height:55px;padding:0 20px}.breadcrumb{font-size:9px}.breadcrumb:before{content:"";background:url('/orders/icon.svg') center/cover;width:22px;height:22px;display:inline-block;margin-right:7px;vertical-align:middle;border-radius:6px}.breadcrumb>span{margin:0 8px}.topbar-right{gap:11px;font-size:8px}.topbar-divider,#todayDate{display:none}.topbar .mini-avatar{width:25px;height:25px;font-size:10px}.main-content{padding:23px 17px 100px}.page-heading{margin-bottom:22px;align-items:center}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading h1{font-size:25px;margin:6px 0 9px}.page-heading p{font-size:9px;max-width:230px;line-height:1.8}.page-heading>.btn{padding:9px 11px;font-size:10px;min-height:36px;gap:5px}.page-heading>.btn svg{width:14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:19px}.stat-card{padding:14px;grid-template-columns:31px 1fr;row-gap:10px;column-gap:12px}.stat-icon{width:31px;height:31px}.stat-label{font-size:9px;margin-bottom:7px}.stat-card strong{font-size:26px}.stat-foot{font-size:8px;padding-top:9px}.board-toolbar{flex-direction:column-reverse;align-items:stretch;gap:8px;margin-bottom:16px}.board-tools{gap:8px}.search-wrap{flex:1;width:auto;height:38px;padding:0 13px}.search-wrap input{font-size:11px}.search-wrap kbd{display:none}.refresh-button{height:38px;width:38px}.filter-tabs{height:37px;gap:26px}.filter{font-size:11px}.filter.active:after{bottom:0}.mobile-status-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#eeebf4;border:1px solid #e7e1ef;border-radius:8px;padding:4px;margin-bottom:15px;gap:4px}.mobile-status-tabs button{font-size:11px;padding:10px 5px;border-radius:6px;color:#aba0ba}.mobile-status-tabs button.active{background:white;color:var(--purple);box-shadow:0 2px 5px #5c42660a}.mobile-status-tabs span{font-size:9px;margin-left:4px;color:#b9adc7}.board{display:block}.column{display:none;padding:16px 13px;min-height:320px}.column.mobile-visible{display:block}.column-heading h2{font-size:12px}.column-heading>div{gap:8px}.column-count{font-size:9px;min-width:20px}.column-dot{width:7px;height:7px}.column-description{font-size:9px;margin-top:5px}.order-card{padding:16px 16px 0;border-radius:9px}.order-number{font-size:8px}.card-title{font-size:14px;margin-top:7px;margin-bottom:12px}.card-customer{font-size:11px;gap:8px}.quantity-pill{font-size:9px}.card-notes{font-size:11px;line-height:1.9}.card-meta{font-size:9px;margin:15px 0 12px}.card-editor{max-width:45%}.due-tag svg{width:12px;height:12px}.card-action{margin:0 -16px;padding:13px 16px}.status-check{font-size:12px;gap:9px;min-height:22px}.status-check input{height:19px;width:19px;min-width:19px}.status-check input:checked:after{font-size:13px;line-height:16px}.card-action>svg{width:15px;height:15px}.shipped-mark{font-size:11px}.shipped-date{font-size:9px}.card-images img{width:60px;height:50px}.tracking-chip{font-size:10px}.add-card{padding:19px;gap:10px;margin-top:15px}.add-card small{display:block;font-size:8px}.add-card span{font-size:12px}.empty-column{padding-top:45px;padding-bottom:30px}.empty-column h3{font-size:12px}.empty-column p{font-size:10px}.board-footer{font-size:7px;line-height:1.8;margin-top:14px}.board-footer>span:first-child{gap:3px}.footer-gap{margin:0 3px}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;border-top:1px solid #eee8f4;background:#ffffffef;backdrop-filter:blur(15px);padding:8px 8px max(9px,env(safe-area-inset-bottom));z-index:15}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#b0a4bf;min-height:42px}.mobile-nav button>svg{width:19px;height:19px}.mobile-nav .active{color:var(--purple)}.mobile-plus{height:28px;width:36px;border-radius:9px;background:var(--purple);color:#fff;display:grid;place-items:center;margin-top:-10px;margin-bottom:1px;box-shadow:0 3px 9px #7460cf25}.mobile-plus svg{height:19px}.order-dialog{max-width:100vw;width:100vw;max-height:96dvh;border-radius:18px 18px 0 0;margin:auto 0 0;overflow-y:auto}.dialog-heading{padding:20px 20px 17px}.dialog-heading h2{font-size:20px}.order-dialog-body{display:flex;flex-direction:column}.entry-pane{padding:20px;border-right:0;border-bottom:1px solid var(--line)}.entry-tabs{margin-bottom:17px}.entry-tabs>button{font-size:11px;flex:1}#orderNotes{min-height:150px;height:170px;font-size:12px}.fields-pane{padding:22px 20px}.fields-pane>label{margin-bottom:18px}label{font-size:12px}label>input,label>textarea,label>select{font-size:16px;padding:11px;border-radius:7px}.field-label{font-size:11px}.field-hint{font-size:10px}.dialog-footer{padding:15px 20px;padding-bottom:max(15px,env(safe-area-inset-bottom));gap:10px}.dialog-footer .btn{min-height:42px;flex:1}.dialog-footer .footer-spacer{display:none}.dialog-footer .text-button{font-size:10px;flex:none;max-width:60px;text-align:left}.dialog-error{margin:0 20px}.save-note{font-size:10px}.settings-dialog{width:100vw;max-width:100vw;max-height:95dvh;border-radius:18px 18px 0 0;margin:auto 0 0}.settings-content{padding:0 20px 24px}.settings-tabs{gap:0;justify-content:space-between}.settings-tabs button{font-size:11px;padding-top:20px}.section-intro p{font-size:11px}.guide-steps p{font-size:11px}.info-callout{font-size:11px}.settings-bottom{padding:16px 20px}.settings-form input{font-size:16px}.settings-form .form-row{grid-template-columns:1fr}.team-row{padding:13px 10px;gap:8px}.team-details strong{font-size:12px}.team-details small{font-size:10px}.team-row .text-button{font-size:10px}.member-badge{font-size:8px}.backup-action{padding:15px 12px}.backup-action strong{font-size:12px}.backup-action small{font-size:9px;line-height:1.8}.backup-action .stat-icon{width:33px;height:33px}.toasts{bottom:85px;font-size:11px}.image-drop{min-height:220px}.image-previews{gap:12px}.image-preview{width:70px;height:70px}.remove-image{width:23px;height:23px;line-height:18px}.conflict-box{margin:0 20px 15px;font-size:12px}.conflict-box p{font-size:11px}.remote-link-box input{font-size:12px}.confirm-dialog{padding:25px;width:calc(100vw - 36px);max-width:380px}.form-row{gap:12px}.form-row>label{overflow:hidden}.topbar-right .sync-state{font-size:8px}.search-wrap input{font-size:16px}.order-status-area select{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Larger type with compact spacing, shared by desktop and phone. */
:root{font-size:16px}
.topbar{height:48px;padding:0 20px}.breadcrumb,.topbar-right{font-size:13px}.sync-state{font-size:12px}
.main-content{padding:16px 20px 14px;max-width:none}.page-heading{margin-bottom:14px;gap:12px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:29px;margin:0 0 4px}.page-heading p{font-size:14px;line-height:1.6}.page-heading>.btn{margin-top:0}
.btn{font-size:16px;min-height:42px;padding:8px 15px}.small,.text-button{font-size:14px}.icon-button{width:34px;height:34px}
.sidebar{padding-top:20px}.workspace-tag{font-size:12px;margin:18px 0;padding:9px}.nav-label{font-size:11px;margin-bottom:8px}.nav-item{font-size:15px;padding:10px 11px}.nav-total{font-size:12px}.tiny-tag{display:none}.sidebar-help{padding:12px;margin-bottom:16px}.sidebar-help strong{font-size:14px}.sidebar-help p,.sidebar-help button{font-size:12px}.help-icon{margin-bottom:8px}.user-info strong{font-size:14px}.user-info small{font-size:12px}.sidebar-footer{padding-top:12px;padding-bottom:12px}
.stats{gap:10px;margin-bottom:13px}.stat-card{padding:10px 14px;column-gap:10px;row-gap:0;align-items:center}.stat-icon{width:34px;height:34px}.stat-label{font-size:14px;margin-bottom:4px}.stat-card strong{font-size:28px}.stat-foot{display:none}
.board-toolbar{margin-bottom:12px;gap:10px}.filter-tabs{gap:22px;height:38px}.filter{font-size:15px;padding:7px 0}.filter-alert{font-size:12px}.search-wrap{height:40px;width:285px}.search-wrap input{font-size:15px}.refresh-button{height:40px;width:40px}
.board{gap:12px}.column{padding:11px;min-height:260px}.column-heading{min-height:30px}.column-heading h2{font-size:18px}.column-heading>div{gap:7px}.column-count{font-size:13px;min-width:24px}.column-description{display:none}.cards{gap:9px;margin-top:9px}.order-card{padding:10px 12px 0}.card-top{min-height:20px}.order-number{font-size:11px;letter-spacing:0}.card-title{font-size:19px;line-height:1.4;margin:4px 0 7px}.card-customer{font-size:15px;gap:7px;margin-bottom:6px}.quantity-pill{font-size:12px}.card-notes{font-size:15px;line-height:1.5;margin:0 0 7px;color:#70677e}.card-meta{font-size:12px;margin:8px 0}.card-action{margin:0 -12px;padding:7px 12px;min-height:42px}.status-check{font-size:16px;gap:8px;min-height:28px}.status-check input{width:20px;height:20px;min-width:20px}.status-check input:checked:after{font-size:14px;line-height:17px}.shipped-mark{font-size:15px}.shipped-date{font-size:12px}.tracking-chip{font-size:14px;margin:7px 0;padding-top:7px}.card-images{margin:7px 0}.add-card{padding:11px;margin-top:9px;gap:8px}.add-card span{font-size:15px}.add-card small{font-size:11px;margin-top:3px}.empty-column{padding:30px 5px 24px}.empty-icon{width:42px;height:42px;margin-bottom:12px}.empty-column h3{font-size:15px}.empty-column p{font-size:13px}.board-footer{font-size:12px;margin-top:10px}
.dialog-heading{padding:16px 20px}.dialog-heading h2{font-size:24px}.dialog-heading .eyebrow{font-size:11px}.entry-pane,.fields-pane{padding:17px 20px}.entry-tabs{margin-bottom:14px;gap:14px}.entry-tabs>button{font-size:15px;padding-bottom:10px}.entry-tabs svg{width:17px;height:17px}label,.field-label{font-size:15px}label>input,label>textarea,label>select{font-size:16px;padding:9px 10px;margin-top:5px}.fields-pane>label{margin-bottom:12px}.form-row{gap:12px;margin-bottom:12px}#orderNotes{font-size:16px;line-height:1.55;min-height:210px}.field-hint,.save-note{font-size:13px;line-height:1.65}.save-note{margin-top:12px}.dialog-footer{padding:11px 20px}.order-status-area>span,.order-status-area select{font-size:15px}.history-details{font-size:14px;margin-top:15px;padding-top:12px}.history-item{font-size:13px}.history-item time{font-size:12px}.image-drop strong{font-size:16px}.image-drop>span:not(.btn):not(.upload-symbol){font-size:14px}.image-drop>small{font-size:12px}.form-error{font-size:14px}
.settings-content{padding:0 20px 20px}.settings-tabs{gap:20px;margin-bottom:18px}.settings-tabs button{font-size:15px;padding:14px 0 10px}.section-intro{margin-bottom:15px}.section-intro h3{font-size:19px}.section-intro p,.guide-steps p,.info-callout{font-size:14px}.guide-steps{gap:14px;margin:18px 0}.guide-steps b{font-size:16px}.team-details strong{font-size:16px}.team-details small,.team-row .text-button{font-size:13px}.member-badge{font-size:12px}.settings-form h4{font-size:16px}.settings-form{margin-top:17px}.settings-bottom,.settings-bottom .text-button{font-size:13px}.backup-action{padding:13px}.backup-action strong{font-size:16px}.backup-action small{font-size:13px}.remote-link-box input{font-size:15px}.confirm-dialog h3{font-size:20px}.confirm-dialog p{font-size:16px}.toast{font-size:15px}.conflict-box,.conflict-box p{font-size:14px}
.login-form-wrap{max-width:390px}.login-form-wrap>p{font-size:16px}.login-form-wrap form{margin-top:22px}.login-form-wrap label{margin-bottom:15px}.password-wrap button{font-size:14px;top:12px}.login-tip{font-size:13px!important;line-height:1.7!important;margin-top:18px}.login-bottom{font-size:13px}.story-content{padding:30px 0}.story-content>p{font-size:18px}.story-flow span{font-size:16px}.story-card strong{font-size:16px}.story-card small{font-size:13px}.story-footer{font-size:12px}
@media(min-width:761px) and (max-width:1100px){.column-heading h2{font-size:16px}.card-title{font-size:17px}.card-customer,.card-notes{font-size:14px}.card-meta{font-size:11px}.stat-label{font-size:12px}.sidebar .nav-item{font-size:14px}.page-heading p{font-size:13px}.board-footer>span:last-child{display:none}}
@media(max-width:760px){.topbar{height:44px;padding:0 12px}.breadcrumb{font-size:11px}.topbar-right .sync-state{font-size:11px}.main-content{padding:12px 10px 82px}.page-heading{margin-bottom:11px;gap:8px}.page-heading h1{font-size:26px;margin:0}.page-heading p{display:none}.page-heading>.btn{font-size:15px;padding:8px 10px;min-height:40px}.stats{gap:6px;margin-bottom:10px}.stat-card{padding:9px;min-height:67px}.stat-card .stat-label{font-size:12px;margin-bottom:6px}.stat-card:nth-child(3) .stat-label{font-size:0}.stat-card:nth-child(3) .stat-label:after{font-size:12px}.stat-card strong{font-size:25px}.board-toolbar{gap:3px;margin-bottom:9px}.search-wrap{height:40px;padding:0 10px}.search-wrap input{font-size:16px}.filter-tabs{height:36px;gap:24px}.filter{font-size:14px}.mobile-status-tabs{margin-bottom:9px;padding:3px;gap:3px}.mobile-status-tabs button{font-size:15px;padding:9px 3px}.mobile-status-tabs span{font-size:13px;margin-left:3px}.column{padding:9px;min-height:230px}.column-heading h2{font-size:17px}.column-count{font-size:13px}.cards{margin-top:6px;gap:8px}.order-card{padding:9px 11px 0}.card-title{font-size:19px;margin:3px 0 6px}.card-customer{font-size:15px;margin-bottom:5px}.card-notes{font-size:15px;line-height:1.45;margin-bottom:6px}.order-number{font-size:11px}.card-meta{font-size:12px;margin:7px 0}.card-action{margin:0 -11px;padding:7px 11px;min-height:44px}.status-check{font-size:16px}.status-check input{width:22px;height:22px;min-width:22px}.status-check input:checked:after{font-size:15px;line-height:19px}.quantity-pill{font-size:12px}.tracking-chip{font-size:14px}.shipped-mark{font-size:15px}.shipped-date{font-size:12px}.add-card{padding:10px;margin-top:8px}.add-card span{font-size:15px}.add-card small{font-size:12px}.board-footer{font-size:11px;line-height:1.6;margin-top:9px}.board-footer>span:first-child{display:block}.board-footer svg{vertical-align:middle}.mobile-nav{padding-top:6px}.mobile-nav button{font-size:12px;gap:3px}.mobile-plus{margin-top:-7px}.dialog-heading{padding:14px 16px}.dialog-heading h2{font-size:23px}.entry-pane,.fields-pane{padding:14px 16px}.entry-tabs>button{font-size:14px}.entry-tabs{gap:10px;margin-bottom:12px}.form-row{gap:9px}.fields-pane>label{margin-bottom:11px}.field-label{font-size:15px}#orderNotes{min-height:145px;height:145px;font-size:16px}.dialog-footer{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.dialog-footer .text-button{font-size:13px}.dialog-error{margin:0 16px}.settings-content{padding:0 16px 16px}.settings-tabs{gap:0}.settings-tabs button{font-size:14px;padding-top:15px}.settings-bottom{padding:12px 16px}.backup-action small{font-size:12px}.backup-action{gap:9px}.team-row{padding:10px 8px}.team-details strong{font-size:15px}.member-badge{font-size:11px}.team-row .text-button{font-size:12px}.guide-steps p,.info-callout,.section-intro p{font-size:14px}.login-story{padding:22px}.story-content{padding:18px 0 2px}.login-panel{padding:25px 22px 50px}.login-form-wrap>p{font-size:15px}.login-form-wrap input{font-size:16px}.login-tip{font-size:12px!important}.empty-column h3{font-size:15px}.empty-column p{font-size:13px}}

@media(max-width:760px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}.stat-card>.stat-icon{display:none}.stat-card:nth-child(3) .stat-label:after{content:'待发货';font-size:12px}}
.install-content{padding-top:1px}.install-content>.btn{margin-top:14px}.install-options{display:grid;gap:15px;margin:18px 0}.install-options h3,.connection-config h3{font-size:18px;margin:0 0 7px}.install-options p{font-size:15px;line-height:1.7;color:#83768f;margin:0}.connection-config{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.connection-config form>label{margin-top:14px}.connection-config form>.btn{margin-top:14px}.clear-token{display:flex;gap:8px;align-items:center;font-size:14px}.clear-token input{width:18px;height:18px;margin:0}.offline-page{width:min(100% - 36px,540px);margin:12vh auto;padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px;line-height:1.7}.offline-page h1{font-size:24px}.offline-page p{font-size:16px;color:#867992}.offline-page a{text-decoration:none;margin-top:12px}@media(max-width:760px){.install-options p{font-size:15px}.settings-tabs{gap:8px}.install-content{padding-top:1px}}
/* Multiple models share one customer and one completion/shipping status. */
.shipments-view .workspace{display:block}.shipments-view #workspace>.sidebar,.shipments-view #workspace>main,.shipments-view #workspace>.mobile-nav{display:none}
.shipment-window{max-width:1160px;margin:auto;padding:24px 22px 32px;font-size:16px}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
.shipment-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.shipment-heading h1{font-size:30px;margin:6px 0}.shipment-heading p{margin:0;color:#858097;font-size:15px}
.shipment-heading a{text-decoration:none}.shipment-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:14px}
.shipment-month-picker,.shipment-search{display:flex;align-items:center;gap:8px}.shipment-month-picker label{font-size:12px;line-height:1.2}.shipment-month-picker input{width:165px;margin-top:4px;font-size:16px;padding:7px 10px}.shipment-month-picker>.btn{min-width:40px;padding:9px 12px}.shipment-search input{max-width:240px;font-size:16px}
.shipment-stats{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;margin-bottom:16px}.shipment-stats>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 16px;min-width:0}.shipment-stats span{display:block;font-size:14px;color:#8c819a;margin-bottom:6px}.shipment-stats strong{font-size:24px;color:#6852b4;overflow-wrap:anywhere}
.shipment-customers{display:grid;gap:14px}.shipment-customer{background:white;border:1px solid #e8e2f0;border-radius:12px;padding:16px 18px;min-width:0}.shipment-customer>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.shipment-customer h2{font-size:23px;margin:0 0 5px;overflow-wrap:anywhere}.shipment-customer header span{font-size:14px;color:#91849f}.shipment-customer header>strong{font-size:17px;color:#7460b8;text-align:right;overflow-wrap:anywhere}
.shipment-models>div,.shipment-delivery-item{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid #f0ecf5}.shipment-models>div>span,.shipment-delivery-item>span{min-width:0;overflow-wrap:anywhere}.shipment-models strong,.shipment-delivery-item strong{white-space:nowrap;color:#7460a3}
.shipment-detail{margin-top:12px}.shipment-detail>summary{cursor:pointer;color:#7460cf;font-size:14px;padding:5px 0}.shipment-deliveries{background:#faf8fe;border-radius:8px;margin-top:8px;padding:0 12px}.shipment-deliveries section{padding:12px 0;border-bottom:1px solid #eae2f3}.shipment-deliveries section:last-child{border:0}.shipment-delivery-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#76638a;font-size:14px}.shipment-delivery-heading span{font-size:12px;overflow-wrap:anywhere}.shipment-delivery-item{font-size:15px;padding:6px 0}.shipment-deliveries p{font-size:14px;overflow-wrap:anywhere;margin:7px 0 0;color:#867693}
.shipment-empty{text-align:center;background:#fff;border:1px dashed #ded5ee;border-radius:12px;padding:45px 12px;color:#90839e}.shipment-empty>svg{width:38px;height:38px;color:#a899cb}.shipment-empty h2{font-size:20px}.shipment-empty p{font-size:15px;line-height:1.6}.shipment-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:15px;color:#91859b;font-size:13px}.shipment-offline{color:#b5714f}
@media(max-width:760px){.shipment-window{padding:16px 12px 25px}.shipment-heading{align-items:flex-start;gap:8px;margin-bottom:14px}.shipment-heading h1{font-size:25px}.shipment-heading p{font-size:14px;line-height:1.5}.shipment-heading .btn{font-size:13px;padding:8px;min-height:36px}.shipment-toolbar{padding:10px;gap:10px}.shipment-month-picker{width:100%;gap:6px}.shipment-month-picker label{flex:1;min-width:0}.shipment-month-picker input{width:100%;min-width:0}.shipment-month-picker>.btn{min-width:32px;padding:8px}.shipment-search{width:100%}.shipment-search input{max-width:none;min-width:0;flex:1}.shipment-stats{grid-template-columns:1fr 1fr;gap:8px}.shipment-stats>div{padding:10px 12px}.shipment-stats>div:last-child{grid-column:1/-1}.shipment-stats strong{font-size:22px}.shipment-customer{padding:13px 12px}.shipment-customer h2{font-size:21px}.shipment-customer>header{align-items:flex-start}.shipment-customer header>strong{max-width:48%;font-size:16px}.shipment-models>div{font-size:16px}.shipment-footer{font-size:12px;align-items:flex-start}.shipment-empty h2{font-size:18px}}
.order-item-row{border:1px solid #e3dcef;background:#fcfbff;border-radius:9px;padding:10px 11px;margin:10px 0}
.item-row-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.item-row-heading strong{font-size:14px;color:#7b679e;font-weight:600}
.item-row-heading .text-button{font-size:13px;padding:4px}
.order-item-row>label{margin-bottom:9px}.order-item-row>.form-row{margin-bottom:0}
.items-summary{background:#f0ecfa;border-radius:7px;padding:9px 11px;color:#7460a3;font-size:14px;line-height:1.6;overflow-wrap:anywhere;margin:9px 0 13px}
.card-item-list{margin:8px 0;border-top:1px solid #eee8f5}
.card-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #f0ecf5;font-size:14px;line-height:1.5}
.card-item>span{min-width:0;overflow-wrap:anywhere;color:#675e77}.card-item>strong{font-size:13px;color:#8b75ad;white-space:nowrap;font-weight:600}
.quantity-pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}.card-customer{flex-wrap:wrap}
.order-dialog .fields-pane{min-width:0}.order-dialog{width:960px}
@media(max-width:760px){.card-item{font-size:15px;padding:6px 0}.card-item>strong{font-size:14px}.order-item-row{padding:9px;margin:9px 0}.items-summary{font-size:14px}.order-dialog{width:100vw}}

.module-switch{position:fixed;z-index:55;right:14px;top:10px;padding:7px 12px;border:1px solid #ded7f3;background:#fff;color:#6550af;border-radius:9px;font-size:13px;box-shadow:0 2px 8px #3322550c}.topbar{padding-top:27px;min-height:100px}.order-pause-notice{padding:12px 24px;margin:0;background:#fff5dc;color:#86631e;font-size:14px;line-height:1.7}@media(max-width:760px){.module-switch{font-size:12px;right:10px;top:8px}.topbar{padding-top:29px}.order-pause-notice{padding:10px 16px}}

.member-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.member-actions button{min-height:40px;padding:6px 9px}.member-actions button:disabled{opacity:.4;cursor:not-allowed}.team-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}.team-row .member-actions{grid-column:2/-1}.team-details strong,.team-details small{overflow-wrap:anywhere}.member-edit-dialog{width:min(480px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:0;border-radius:18px;padding:0}.member-edit-form{padding:0 24px 24px}.member-edit-actions{display:flex;justify-content:flex-end;gap:10px}.member-disabled{display:flex!important;align-items:center;gap:10px}.member-disabled input{width:20px!important;height:20px;min-height:20px}.member-edit-form input,.member-edit-form select{font-size:16px}.member-edit-dialog::backdrop{background:#19142766}@media(min-width:650px){.team-row{grid-template-columns:40px minmax(0,1fr) auto auto}.team-row .member-actions{grid-column:auto}}@media(max-width:420px){.member-edit-form{padding:0 16px 20px}.member-edit-actions .btn{flex:1}.member-actions{justify-content:flex-start}}