:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#1d2033;background:#f6f5fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;--ink: #1d2033;--ink-soft: #74788d;--pine: #6955f5;--pine-dark: #5141d6;--pine-light: #efedff;--paper: #f6f5fb;--surface: #fff;--line: #e9e7f1;--sand: #fc765e;--brand-gradient: linear-gradient(112deg, #ff5a8a 0%, #ff9953 25%, #a45aff 58%, #596cff 82%, #42c6ec 100%);--brand-gradient-soft: linear-gradient(130deg, #fff0f4 0%, #fff4e9 29%, #f2edff 65%, #ebf5ff 100%);--shadow-soft: 0 18px 50px rgb(44 39 96 / 8%)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgb(105 85 245 / 32%);outline-offset:3px}#app{min-height:100vh;min-height:100dvh}a{color:inherit}.app-frame{min-height:100vh;min-height:100dvh}.side-rail{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:248px;flex-direction:column;padding:26px 18px 17px;background:#213a30;color:#edf2eb}.brand-lockup,.mobile-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-lockup{padding:0 7px;margin-bottom:54px}.brand-mark{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgb(255 255 255 / 19%);border-radius:14px;background:#ffffff17;color:#fff}.brand-copy strong,.brand-copy small,.mobile-brand strong,.mobile-brand small{display:block}.brand-copy strong,.mobile-brand strong{font-size:15px;font-weight:650;letter-spacing:.02em}.brand-copy small,.mobile-brand small{margin-top:4px;color:#aebbb1;font-size:11px;letter-spacing:.08em}.rail-caption{margin:0 10px 12px;color:#8fa397;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.rail-nav{display:grid;gap:5px}.rail-link{position:relative;display:flex;min-height:47px;align-items:center;gap:12px;padding:0 12px;border-radius:12px;color:#bdc9c0;font-size:13px;font-weight:520;text-decoration:none;transition:background .16s ease,color .16s ease}.rail-link:hover{background:#ffffff12;color:#fff}.rail-link.active{background:#f4f3ed;color:#223b30;font-weight:650}.active-indicator{position:absolute;right:13px;width:6px;height:6px;border-radius:50%;background:#b87942}.rail-spacer{flex:1;min-height:28px}.rail-settings{margin-bottom:16px}.rail-account{display:flex;align-items:center;gap:10px;padding:13px 9px 15px;border-top:1px solid rgb(255 255 255 / 12%)}.account-avatar{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgb(255 255 255 / 13%);border-radius:50%;background:#ffffff17;color:#e2ebe2}.account-copy{min-width:0;flex:1}.account-copy strong,.account-copy small{display:block}.account-copy strong{color:#f4f6f3;font-size:11px;font-weight:600}.account-copy small{margin-top:3px;color:#99aa9e;font-size:10px}.account-arrow{color:#91a498}.rail-version{margin:0 9px;color:#799084;font-size:9px;letter-spacing:.06em}.main-column{min-height:100vh;min-height:100dvh;margin-left:248px}.topbar{position:sticky;z-index:10;top:0;display:flex;height:76px;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(24px,4vw,62px);border-bottom:1px solid var(--line);background:#faf9f5e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.breadcrumbs{display:flex;align-items:center;gap:11px;color:#8a928c;font-size:12px}.crumb-divider{color:#c2c7c1}.breadcrumbs strong{color:#28352e;font-size:13px;font-weight:650}.topbar-actions{display:flex;align-items:center;gap:19px}.live-status{display:inline-flex;align-items:center;gap:7px;color:#7d8980;font-size:11px}.live-status i{width:7px;height:7px;border-radius:50%;background:#77a783;box-shadow:0 0 0 3px #e4eee4}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:0 15px;font-size:12px;font-weight:650;text-decoration:none;transition:transform .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--pine);color:#fff;box-shadow:0 5px 12px #234a3a21}.button-primary:hover{background:var(--pine-dark)}.mobile-topbar,.mobile-tabbar{display:none}.page-stage{width:min(100%,1470px);margin:0 auto;padding:32px clamp(24px,4vw,62px) 46px}.dashboard-page{max-width:1280px;margin:0 auto}.welcome-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#a0784a;font-size:10px;font-weight:700;letter-spacing:.11em}.welcome-row h1{margin:0;color:#24342b;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(31px,3vw,43px);font-weight:600;letter-spacing:-.045em;line-height:1.2}.welcome-note{max-width:490px;margin:12px 0 0;color:#79837c;font-size:13px;line-height:1.7}.mobile-break{display:none}.today-date{display:flex;flex-direction:column;align-items:end;gap:5px;padding-bottom:5px;color:#909991;font-size:10px}.today-date strong{color:#34463b;font-size:12px;font-weight:600}.hero-order{position:relative;display:block;min-height:267px;overflow:hidden;border-radius:19px;background:#234a3a;color:#fff;text-decoration:none;box-shadow:0 17px 38px #223f311f}.hero-order:before{position:absolute;top:-82px;right:17%;width:390px;height:390px;border:1px solid rgb(235 242 232 / 11%);border-radius:50%;content:""}.hero-order:after{position:absolute;top:-39px;right:calc(17% + 43px);width:304px;height:304px;border:1px solid rgb(235 242 232 / 9%);border-radius:50%;content:""}.hero-content{position:relative;z-index:2;max-width:620px;padding:34px 42px 31px}.hero-kicker{color:#b9cbbc;font-size:9px;font-weight:700;letter-spacing:.2em}.hero-content h2{margin:15px 0 10px;color:#fffef8;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(28px,3vw,36px);font-weight:600;letter-spacing:-.04em;line-height:1.3}.hero-content p{margin:0;color:#c2d1c4;font-size:12px;line-height:1.6}.hero-button{display:inline-flex;min-width:152px;height:42px;align-items:center;justify-content:space-between;gap:22px;margin-top:23px;border-radius:10px;padding:0 14px;background:#f6f4ec;color:#254735;font-size:12px;font-weight:700;transition:gap .15s ease}.hero-order:hover .hero-button{gap:31px}.hero-stamp{position:absolute;top:38px;right:42px;z-index:2;display:flex;width:156px;height:156px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgb(239 246 237 / 27%);border-radius:50%;color:#e9f0e7;transform:rotate(9deg)}.hero-stamp:before{position:absolute;inset:7px;border:1px dashed rgb(239 246 237 / 30%);border-radius:50%;content:""}.hero-stamp span{font-family:Georgia,serif;font-size:43px;font-weight:700;letter-spacing:-.1em}.hero-stamp i{font-size:7px;font-style:normal;letter-spacing:.24em;line-height:1.5;text-align:center}.hero-stamp svg{position:absolute;right:25px;bottom:22px}.hero-orbit{position:absolute;z-index:1;width:240px;height:240px;border:1px solid rgb(255 255 255 / 4%);border-radius:50%}.hero-orbit-one{right:-91px;bottom:-164px}.hero-orbit-two{right:-134px;bottom:-184px;width:320px;height:320px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.metric-card{min-width:0;min-height:133px;padding:16px 17px 14px;border:1px solid #e9e6dd;border-radius:14px;background:#fffefa}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#78827a;font-size:10px}.metric-icon{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:10px}.metric-icon.green{background:#eaf1e8;color:#3d6b4d}.metric-icon.sand{background:#f5efe3;color:#9a7446}.metric-icon.blue{background:#eaf0f0;color:#537270}.metric-icon.rose{background:#f4ece6;color:#976d58}.metric-value{display:block;margin:11px 0 4px;color:#2a3a30;font-family:Georgia,Songti SC,serif;font-size:24px;font-weight:600;line-height:1}.metric-card small{color:#9aa199;font-size:9px}.dashboard-lower{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.83fr);align-items:start;gap:25px;margin-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.section-index{color:#aab0a9;font-size:8px;font-weight:700;letter-spacing:.2em}.section-heading h2{margin:4px 0 0;color:#2a3b30;font-family:Georgia,Songti SC,serif;font-size:20px;font-weight:600}.text-link,.note-link{display:inline-flex;align-items:center;gap:6px;color:#66776b;font-size:10px;font-weight:600;text-decoration:none}.text-link:hover,.note-link:hover{color:var(--pine)}.shortcut-list{display:grid;gap:8px}.shortcut-card{display:grid;min-height:70px;grid-template-columns:25px 39px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:10px 15px;border:1px solid #e9e6dd;border-radius:13px;background:#fffefa;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.shortcut-card:hover{border-color:#cbd8cb;transform:translateY(-1px)}.shortcut-number{color:#b5bcb4;font-family:Georgia,serif;font-size:10px}.shortcut-icon{display:grid;width:37px;height:37px;place-items:center;border-radius:11px;background:#eef3ec;color:#396348}.shortcut-copy{min-width:0}.shortcut-copy strong,.shortcut-copy small{display:block}.shortcut-copy strong{color:#29382f;font-size:11px;font-weight:650}.shortcut-copy small{overflow:hidden;margin-top:4px;color:#8c958e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.shortcut-arrow{color:#9aa69c}.note-panel{position:relative;min-height:248px;overflow:hidden;border:1px solid #e9e1d2;border-radius:15px;padding:20px;background:#f0ede4}.note-label{display:flex;align-items:center;gap:7px;color:#95856d;font-size:8px;font-weight:700;letter-spacing:.18em}.note-dot{width:6px;height:6px;border-radius:50%;background:#b48350}.note-panel h3{position:relative;z-index:1;margin:21px 0 10px;color:#36443a;font-family:Georgia,Songti SC,serif;font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.4}.note-panel p{position:relative;z-index:1;max-width:250px;margin:0;color:#797f75;font-size:10px;line-height:1.8}.note-link{position:relative;z-index:1;margin-top:15px;color:#3f634b}.note-decoration{position:absolute;right:-8px;bottom:-44px;color:#a393751a;font-family:Songti SC,SimSun,serif;font-size:154px;line-height:1}.dashboard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:31px;padding-top:14px;border-top:1px solid #e8e5dc;color:#a4aaa2;font-size:9px;letter-spacing:.03em}@media(max-width:1100px)and (min-width:901px){.side-rail{width:218px}.main-column{margin-left:218px}.hero-stamp{right:28px;width:132px;height:132px}.dashboard-lower{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.page-stage{padding-right:28px;padding-left:28px}}@media(max-width:900px),(hover:none)and (pointer:coarse){.app-frame{position:fixed;inset:0;top:var(--visible-top, 0);height:100%;height:100dvh;height:min(100dvh,var(--visible-height, 100dvh));min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.main-column{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain}.side-rail,.topbar{display:none}.main-column{margin-left:0}.mobile-topbar{position:sticky;z-index:15;top:0;display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgb(224 222 213 / 84%);background:#faf9f5f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-brand{gap:9px;color:#26372e}.mobile-brand .brand-mark{width:34px;height:34px;border-color:#dce5da;border-radius:11px;background:#eaf0e8;color:#315b40}.mobile-brand strong{font-size:12px}.mobile-brand small{margin-top:2px;color:#8a928b;font-size:9px;letter-spacing:.03em}.mobile-create{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--pine);color:#fff;text-decoration:none}.page-stage{padding:24px 20px 1.75rem}.mobile-tabbar{position:relative;z-index:40;display:grid;min-height:4rem;grid-template-columns:repeat(5,minmax(0,1fr));padding:.3125rem max(.4375rem,env(safe-area-inset-right,0px)) calc(.3125rem + env(safe-area-inset-bottom,0px)) max(.4375rem,env(safe-area-inset-left,0px));border-top:.0625rem solid #e6e4dc;background:#fffefaf7;box-shadow:0 -.5rem 1.5625rem #1e30250a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab-link{display:flex;min-width:0;min-height:3.125rem;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-radius:.6875rem;color:#859087;font-size:.5625rem;line-height:1.1;text-decoration:none}.tab-link.active{background:#edf2eb;color:#315b40;font-weight:700}.tab-link.active svg{stroke-width:2.1}.welcome-row{align-items:start;margin-bottom:19px}.welcome-row h1{font-size:34px}.welcome-note{max-width:440px;margin-top:9px;font-size:12px}.today-date{display:none}.hero-order{min-height:225px;border-radius:17px}.hero-content{padding:25px 24px 22px}.hero-content h2{margin-top:12px;font-size:27px}.hero-content p{max-width:290px;font-size:11px}.hero-button{min-width:146px;height:40px;margin-top:18px}.hero-stamp{top:24px;right:21px;width:89px;height:89px;opacity:.58}.hero-stamp:before{inset:5px}.hero-stamp span{font-size:28px}.hero-stamp i,.hero-stamp svg{display:none}.hero-order:before{top:-60px;right:-190px}.hero-order:after{right:-100px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.metric-card{min-height:112px;padding:13px 13px 11px;border-radius:12px}.metric-top{font-size:9px}.metric-icon{width:28px;height:28px}.metric-value{margin:9px 0 4px;font-size:21px}.metric-card small{font-size:8px}.dashboard-lower{grid-template-columns:1fr;gap:19px;margin-top:25px}.section-heading{margin-bottom:11px}.section-heading h2{font-size:18px}.shortcut-list{gap:7px}.shortcut-card{min-height:64px;grid-template-columns:22px 35px minmax(0,1fr) 18px;gap:10px;padding:8px 12px;border-radius:12px}.shortcut-icon{width:34px;height:34px}.shortcut-copy strong{font-size:10px}.shortcut-copy small{font-size:8px}.note-panel{min-height:0;padding:17px;border-radius:13px}.note-panel h3{margin:14px 0 7px;font-size:18px}.note-panel p{max-width:370px;font-size:9px}.note-link{margin-top:11px;font-size:9px}.note-decoration{right:2px;bottom:-34px;font-size:128px}.dashboard-footer{margin-top:22px;padding-top:12px;font-size:8px}}@media(max-width:380px){.mobile-topbar{padding-right:12px;padding-left:12px}.page-stage{padding:18px 14px 1.75rem}.welcome-row h1{font-size:31px}.eyebrow{font-size:9px}.hero-order{min-height:215px}.hero-content{padding-right:17px;padding-left:18px}.hero-content h2{font-size:24px}.hero-stamp{top:18px;right:14px;width:71px;height:71px}.metric-card{padding-right:10px;padding-left:10px}.shortcut-card{grid-template-columns:19px 32px minmax(0,1fr) 15px;gap:7px;padding-right:9px;padding-left:9px}.shortcut-copy small{font-size:7px}.tab-link{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.content-page{width:min(100%,1120px);margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.page-heading h1,.wizard-header h1{margin:6px 0 5px;color:#25362d;font-family:Georgia,Songti SC,serif;font-size:clamp(27px,3vw,36px);font-weight:600;letter-spacing:-.035em}.page-heading p{margin:0;color:#808980;font-size:13px;line-height:1.6}.section-index{color:#9b805b;font-size:9px;font-weight:750;letter-spacing:.16em}.search-field{display:flex;height:48px;align-items:center;gap:10px;margin:0 0 17px;border:1px solid #e5e3da;border-radius:12px;padding:0 14px;background:#fffefa;color:#859087}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#29372f;font:inherit;font-size:13px}.search-field button,.icon-button{display:grid;width:34px;height:34px;flex:none;place-items:center;border:0;border-radius:9px;background:transparent;color:#89948b}.directory-list,.order-list{display:grid;gap:9px}.directory-row,.order-row{display:flex;min-height:76px;align-items:center;gap:14px;border:1px solid #e9e6dd;border-radius:13px;padding:13px 16px;background:#fffefa}.directory-avatar,.select-avatar{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:13px;background:#edf2eb;color:#315b40;font-size:16px;font-weight:700}.directory-copy,.order-main{display:grid;min-width:0;flex:1;gap:6px}.directory-copy strong,.order-main strong{color:#2d3c33;font-size:13px}.directory-copy small,.order-main span{overflow:hidden;color:#899189;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.frequent-tag{border-radius:99px;padding:5px 9px;background:#f4efe4;color:#957345;font-size:10px}.order-amount{display:grid;min-width:110px;gap:5px;text-align:right}.order-amount strong{color:#293d30;font-size:15px}.order-amount small{color:#879087;font-size:10px}.status-pill{display:inline-flex;min-width:88px;min-height:34px;align-items:center;justify-content:center;gap:4px;border:0;border-radius:99px;font-size:10px}.status-pill.pending{background:#fbf1df;color:#96713e}.status-pill.paid{background:#eaf2e9;color:#3a6b48}.empty-state{display:flex;min-height:240px;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px dashed #deddd3;border-radius:16px;padding:24px;color:#879087;text-align:center;font-size:13px}.empty-state strong{color:#344238;font-size:15px}.empty-state.compact{min-height:120px;border:0}.empty-state .button{margin-top:4px}.notice-error{border:1px solid #efd1cc;border-radius:10px;padding:11px 13px;background:#fff5f3;color:#a44c3c;font-size:12px}.button-secondary{border:1px solid #d9d8ce;background:#fffefa;color:#47574b}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.modal-backdrop{position:fixed;z-index:90;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px;background:#17201b7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-modal{position:relative;width:min(100%,480px);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #ebe8de;border-radius:18px;padding:27px;background:#fffefa;box-shadow:0 22px 80px #18241c33}.form-modal h2{margin:7px 0 20px;color:#28392f;font-family:Georgia,Songti SC,serif;font-size:23px}.form-modal label,.form-label{display:grid;gap:8px;margin:0 0 14px;color:#68756b;font-size:12px}.form-modal label b{color:#bb644c}.form-modal input,.line-fields input,.form-label textarea{width:100%;min-width:0;min-height:45px;border:1px solid #e2e0d6;border-radius:10px;padding:0 12px;outline:0;background:#fff;color:#29372f;font:inherit;font-size:13px}.form-modal input:focus,.line-fields input:focus,.form-label textarea:focus{border-color:#789780;box-shadow:0 0 0 3px #43704f17}.form-modal input::placeholder,.line-fields input::placeholder{color:#a8afa9}.modal-close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;background:#f3f3ee;color:#657168}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.wizard-page{max-width:870px}.wizard-header{display:flex;align-items:center;gap:14px}.back-button{display:grid;width:42px;height:42px;flex:none;place-items:center;border:1px solid #e3e2d8;border-radius:12px;background:#fffefa;color:#516257}.wizard-step{margin-left:auto;color:#899188;font-size:12px}.wizard-progress{height:4px;overflow:hidden;margin:20px 0 22px;border-radius:9px;background:#e9e9e1}.wizard-progress i{display:block;height:100%;border-radius:9px;background:#3b6949;transition:width .2s ease}.wizard-card{border:1px solid #e8e5dc;border-radius:17px;padding:clamp(17px,3vw,29px);background:#fffefa;box-shadow:0 5px 18px #262f2708}.wizard-title{display:flex;align-items:center;gap:13px;margin-bottom:21px}.wizard-title>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:12px;background:#edf2eb;color:#42674b;font-family:Georgia,serif;font-size:12px}.wizard-title h2{margin:0;color:#2d3c33;font-size:17px}.wizard-title p{margin:5px 0 0;color:#8b938c;font-size:11px;line-height:1.5}.select-row{display:flex;width:100%;min-height:69px;align-items:center;gap:12px;margin:8px 0;border:1px solid #e9e7df;border-radius:12px;padding:10px 13px;background:#fff;color:inherit;text-align:left}.select-row.selected{border-color:#77957d;background:#f6f8f3}.select-row>span:nth-child(2){display:grid;min-width:0;flex:1;gap:5px}.select-row strong{color:#334239;font-size:13px}.select-row small{overflow:hidden;color:#899189;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.radio-check{display:grid;width:22px;height:22px;place-items:center;border:1px solid #d8ddd5;border-radius:50%;color:#fff}.selected .radio-check{border-color:#3f704c;background:#3f704c}.wizard-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.wizard-actions .button{min-height:45px}.wizard-actions.split{display:grid;grid-template-columns:1fr 1.5fr}.selected-customer{display:flex;align-items:center;gap:9px;margin-bottom:13px;border-radius:10px;padding:11px 13px;background:#f5f5ef;color:#849087;font-size:11px}.selected-customer strong{color:#344338}.selected-customer button{margin-left:auto;border:0;background:transparent;color:#46714f;font-size:11px}.product-picker{display:grid;max-height:245px;gap:7px;overflow:auto;margin-bottom:15px}.product-pick{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e7e6dd;border-radius:11px;padding:9px 12px;background:#fff;color:#45704f;text-align:left}.product-pick span{display:grid;gap:5px}.product-pick strong{color:#334239;font-size:12px}.product-pick small{color:#899189;font-size:10px}.wizard-search{display:flex;height:43px;align-items:center;gap:9px;margin:0 0 11px;border:1px solid #e4e3da;border-radius:10px;padding:0 12px;background:#fff;color:#819087}.wizard-search:focus-within{border-color:#789780;box-shadow:0 0 0 3px #43704f14}.wizard-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#2f4035;font:inherit;font-size:12px}.wizard-search input::placeholder{color:#a3aaa4}.order-line{margin:10px 0;border:1px solid #e5e5dc;border-radius:12px;padding:13px;background:#fbfbf7}.order-line header{display:flex;align-items:center;justify-content:space-between;color:#344338;font-size:12px}.icon-button.danger{color:#bd6659}.line-fields{display:grid;grid-template-columns:1fr .65fr 1fr 1fr;gap:9px;margin-top:9px}.line-fields label{display:grid;min-width:0;gap:6px;color:#7e887f;font-size:10px}.line-fields input{min-height:41px;padding:0 9px;font-size:12px}.line-subtotal{display:flex;justify-content:flex-end;gap:12px;margin-top:9px;color:#899189;font-size:11px}.line-subtotal strong{color:#344b39}.add-hint,.save-hint{margin:12px 0;color:#899189;font-size:11px;line-height:1.6}.form-label textarea{min-height:64px;resize:vertical;padding:10px 12px}.confirm-customer{display:grid;gap:6px;border-radius:11px;padding:14px;background:#f4f5ef}.confirm-customer small,.order-total small{color:#8a948a;font-size:10px}.confirm-customer strong{color:#314136;font-size:14px}.confirm-customer span{color:#7c887f;font-size:11px;line-height:1.5}.confirm-line{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid #eeece5;color:#344338;font-size:12px}.confirm-line span{display:grid;gap:5px}.confirm-line small{color:#899189;font-size:10px}.confirm-line>strong{white-space:nowrap}.order-total{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px;border-radius:12px;padding:15px;background:#f1f3ed}.order-total div{display:grid;gap:6px}.order-total strong{color:#31543b;font-size:14px}@media(max-width:900px),(hover:none)and (pointer:coarse){.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading p{max-width:440px;font-size:11px}.page-heading>.button{min-height:39px;padding:0 11px;font-size:10px}.directory-row,.order-row{min-height:68px;gap:10px;padding:10px}.directory-avatar{width:37px;height:37px}.order-main span{font-size:9px}.order-amount{min-width:75px}.order-amount strong{font-size:12px}.order-amount small{font-size:9px}.status-pill{min-width:71px;min-height:31px;font-size:9px}.form-modal{align-self:flex-end;max-height:calc(100dvh - 20px);border-radius:19px 19px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px))}.modal-backdrop{align-items:flex-end;padding:0}.wizard-title{align-items:flex-start}.line-fields{grid-template-columns:1fr 1fr}.wizard-card{padding:17px}.wizard-actions.split{grid-template-columns:.8fr 1.2fr}.order-total{gap:5px;padding:12px}.order-total strong{font-size:11px}.wizard-header h1{font-size:26px}}@media(max-width:370px){.page-heading{gap:7px}.page-heading p{font-size:10px}.order-row{flex-wrap:wrap}.order-amount{margin-left:auto}.status-pill{width:100%}.line-fields{gap:7px}.wizard-actions.split .button{padding:0 8px;font-size:10px}.form-modal{padding-right:15px;padding-left:15px}}.invoice-view{width:min(100%,960px);margin:0 auto}.invoice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.invoice-toolbar>strong{color:#35443a;font-size:13px}.invoice-image-link{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #e4e3da;border-radius:9px;color:#496b50;text-decoration:none;background:#fff}.invoice-paper-stage{position:relative;width:100%;aspect-ratio:210 / 148;overflow:hidden;background:#fff;box-shadow:0 8px 34px #20272214}.invoice-paper{position:absolute;top:0;left:0;width:960px;height:auto;aspect-ratio:210 / 148;transform:scale(var(--invoice-preview-scale,1));transform-origin:top left;overflow:hidden;padding:14px 15px;border:1px solid #d9d8d1;background:#fff;color:#101010;font-family:Songti SC,SimSun,serif;font-size:12px;line-height:1.35}.slip-heading{position:relative;display:flex;min-height:44px;align-items:flex-start;justify-content:center}.slip-heading h1{margin:0;color:#111;font-family:Songti SC,SimSun,serif;font-size:23px;font-weight:500;letter-spacing:1px}.slip-meta{position:absolute;top:0;right:0;display:grid;gap:2px;width:clamp(11rem,24%,14rem);font-size:10px}.slip-customer{display:grid;gap:4px;margin:0 0 6px;font-size:12px}.slip-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}.slip-table th,.slip-table td{height:24px;border:1px solid #222;padding:2px 4px;text-align:center;overflow-wrap:anywhere}.slip-table th:first-child,.slip-table td:first-child{width:25%;text-align:left}.slip-table th:nth-child(2){width:27%}.slip-table th:nth-child(3){width:5%}.slip-table th:nth-child(4){width:8%}.slip-table th:nth-child(5){width:8%}.slip-table th:nth-child(6){width:11%}.slip-table th:nth-child(7){width:16%}.slip-total td:first-child,.slip-remark td{text-align:left}.slip-remark td{height:24px;vertical-align:top}.slip-footer{position:relative;min-height:92px;padding:5px 95px 0 0;font-size:10px}.bank-lines{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:10px;row-gap:3px}.slip-footer p{margin:5px 0 0;font-size:10px}.slip-footer figure{position:absolute;top:3px;right:0;width:72px;margin:0;text-align:center}.slip-footer img{display:block;width:70px;height:68px;object-fit:contain}.slip-footer figcaption{font-weight:700}@media screen and (max-width:900px){.invoice-view{width:100%}.invoice-toolbar{position:sticky;z-index:5;top:62px;margin:-24px -20px 13px;padding:10px 16px;border-bottom:1px solid #e7e5dd;background:#faf9f5}}.login-screen{display:grid;min-height:100dvh;place-items:center;padding:24px;background:radial-gradient(ellipse at 10% 5%,#e4e9dc 0%,transparent 38%),#f6f5ef}.login-card{display:grid;width:min(100%,420px);gap:13px;border:1px solid #e7e5dc;border-radius:19px;padding:34px;background:#fffefa;box-shadow:0 18px 55px #27352a17}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:14px}.login-brand .brand-mark{border:0;background:#315b40}.login-brand strong,.login-brand small{display:block}.login-brand strong{color:#293a30;font-size:14px}.login-brand small{margin-top:4px;color:#8b958c;font-size:10px}.login-card h1{margin:0;color:#2c3b31;font-family:Georgia,Songti SC,serif;font-size:26px}.login-card>p{margin:0 0 7px;color:#889189;font-size:12px}.login-card label{display:grid;gap:7px;color:#68756b;font-size:11px}.login-card input{height:46px;border:1px solid #e2e0d6;border-radius:10px;padding:0 12px;outline:0;font:inherit;font-size:13px}.login-card input:focus{border-color:#789780;box-shadow:0 0 0 3px #43704f17}.login-card>.button{height:46px;margin-top:5px;font-size:13px}.login-error{margin:0;color:#ad5142;font-size:11px}.login-safe{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:5px;color:#909890;font-size:10px}@media(max-width:600px){.login-screen{padding:17px}.login-card{gap:12px;padding:25px 21px;border-radius:16px}}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-card{display:grid;min-height:145px;align-content:start;gap:11px;border:1px solid #e7e5dc;border-radius:14px;padding:19px;background:#fffefa}.stats-card small{color:#879087;font-size:11px}.stats-card strong{color:#2f4035;font-family:Georgia,Songti SC,serif;font-size:27px}.stats-card span{color:#8c958d;font-size:10px}.stats-card.featured{border-color:#315b40;background:#315b40}.stats-card.featured small,.stats-card.featured span{color:#d0dbce}.stats-recent{display:grid;gap:8px;margin-top:28px}.stats-recent .section-heading{margin:0 0 6px}.stats-recent .section-heading h2{margin:6px 0;color:#2d3b32;font-size:19px}.settings-card{border:1px solid #e7e5dc;border-radius:16px;padding:clamp(18px,3vw,28px);background:#fffefa}.settings-card h2{margin:0 0 16px;color:#34443a;font-family:Georgia,Songti SC,serif;font-size:17px}.settings-card h2:not(:first-child){margin-top:26px;padding-top:20px;border-top:1px solid #eeece4}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px}.settings-grid label{display:grid;min-width:0;gap:7px;color:#707c72;font-size:11px}.settings-grid input,.settings-grid textarea{width:100%;min-width:0;min-height:43px;border:1px solid #e2e0d6;border-radius:9px;padding:0 11px;outline:0;color:#2f4035;font:inherit;font-size:12px}.settings-grid textarea{padding:10px 11px;resize:vertical}.settings-grid .span-two{grid-column:span 2}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px}.saved-mark{color:#48734f;font-size:11px}@media(max-width:600px){.stats-grid{gap:8px}.stats-card{min-height:114px;padding:13px;gap:8px}.stats-card strong{font-size:21px}.settings-grid{grid-template-columns:1fr;gap:12px}.settings-grid .span-two{grid-column:span 1}}.logout-button,.mobile-logout{display:grid;width:34px;height:34px;flex:none;place-items:center;border:0;border-radius:9px;background:transparent;color:#aab9ae}.logout-button:hover{background:#ffffff17;color:#fff}.mobile-top-actions{display:flex;align-items:center;gap:5px}.mobile-settings,.mobile-logout{display:grid;width:32px;height:34px;flex:none;place-items:center;border:0;border-radius:9px;background:transparent;color:#647267;text-decoration:none}.mobile-settings:hover,.mobile-logout:hover{background:#e9eee7;color:#315b40}.directory-actions{display:flex;align-items:center;gap:4px}.directory-actions button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;background:transparent;color:#718077}.directory-actions button:hover{background:#edf2eb;color:#315b40}.side-rail{background:radial-gradient(ellipse at 100% 0%,#493b78 0%,transparent 43%),linear-gradient(160deg,#211d37,#191a2b 62%,#24213d)}.brand-mark,.login-brand .brand-mark{border:0;background:var(--brand-gradient);box-shadow:0 6px 18px #9453ec47}.rail-link.active{background:var(--brand-gradient);color:#fff;box-shadow:0 7px 20px #7d52ee40}.active-indicator{background:#ffb05c;box-shadow:0 0 10px #ffb05cbf}.main-column{background:radial-gradient(ellipse at 78% 0%,rgb(205 195 255 / 18%),transparent 35%),var(--paper)}.topbar{background:#ffffffd6}.breadcrumbs strong,.welcome-row h1,.page-heading h1,.wizard-header h1{color:#202039}.live-status i{background:#30c8a1;box-shadow:0 0 0 3px #dcf8ef}.eyebrow,.section-index{color:#795ef0}.hero-order{background:radial-gradient(ellipse at 9% 105%,rgb(255 102 146 / 60%),transparent 38%),radial-gradient(ellipse at 90% -7%,rgb(67 195 245 / 54%),transparent 39%),linear-gradient(118deg,#603be3,#8751f5 44%,#6255e8);box-shadow:0 18px 42px #5e48cd36}.hero-order:before{border-color:#fff3}.hero-order:after{border-color:#ffffff24}.hero-kicker,.hero-content p{color:#ffffffc7}.hero-button{background:#fffffff2;color:#5b46db;box-shadow:0 8px 24px #25176433}.hero-stamp{border-color:#ffffff57;color:#ffffffe5}.metric-card,.shortcut-card,.directory-row,.order-row,.wizard-card,.settings-card,.stats-card{background:#fffffff0}.metric-icon.green{background:linear-gradient(135deg,#fbe2ef,#e9e2ff);color:#8850df}.metric-icon.sand{background:linear-gradient(135deg,#fff0d9,#ffe1dc);color:#e66c54}.metric-icon.blue{background:linear-gradient(135deg,#e0f4ff,#e4e8ff);color:#467be8}.metric-icon.rose{background:linear-gradient(135deg,#ffe2ed,#f2e0ff);color:#c34e9d}.metric-value{color:#27233f}.shortcut-icon{background:linear-gradient(135deg,#ffe5ee,#eee6ff 55%,#e2f4ff);color:#704fe4}.shortcut-card:hover{border-color:#c6b8ff;box-shadow:0 8px 22px #6753dc17}.note-panel{border-color:#e7ddff;background:linear-gradient(140deg,#fff0f5,#f0eaff 52%,#e9f7ff)}.note-label,.note-link{color:#704ce5}.note-dot{background:var(--brand-gradient)}.note-panel h3{color:#30294f}.button-primary{background:var(--brand-gradient);background-size:180% 180%;box-shadow:0 7px 18px #7e4ce13d;transition:transform .16s ease,filter .16s ease,background-position .3s ease}.button-primary:hover{background:var(--brand-gradient);background-position:100% 50%;filter:saturate(1.18)}.button-secondary{border-color:#e4e0f0;color:#57516e}.mobile-brand .brand-mark{border:0;background:var(--brand-gradient);color:#fff}.tab-link.active{background:linear-gradient(120deg,#fbe6f2,#eee8ff 55%,#e5f3ff);color:#684ce3}.directory-avatar,.select-avatar{background:linear-gradient(135deg,#ffe1ee,#e8e3ff 60%,#dff5ff);color:#6c4adc}.frequent-tag{border-color:#f2d3ea;background:#fff0f8;color:#b74c9c}.wizard-progress i{background:var(--brand-gradient)}.wizard-title>span{background:linear-gradient(135deg,#ffe5ef,#e8e4ff 65%,#e0f3ff);color:#704de4}.select-row.selected{border-color:#9e8bff;background:linear-gradient(115deg,#fff4f8,#f4f0ff)}.radio-check,.selected .radio-check{border-color:#7658ed;background:#7658ed}.product-pick{color:#7153e8}.order-line{border-color:#e6e0f5;background:linear-gradient(145deg,#fff,#fcfaff)}.line-codes{grid-column:1 / -1}.line-codes small{min-height:15px;color:#6f59df;font-size:10px}.selected-customer,.confirm-customer{background:linear-gradient(120deg,#fff0f6,#f1edff 60%,#ecf6ff)}.selected-customer button{color:#6c4de2}.order-total{background:linear-gradient(115deg,#fff0f5,#f0ebff 58%,#eaf6ff)}.order-total strong{color:#6048d5}.stats-card.featured{border-color:transparent;background:var(--brand-gradient);box-shadow:0 12px 28px #874ede2e}.stats-card.featured small,.stats-card.featured span{color:#ffffffd1}.stats-card.featured strong{color:#fff}.status-pill.paid{border-color:#cfe9ff;background:#e9f5ff;color:#3878c7}.status-pill.pending{border-color:#ffe0cb;background:#fff2e8;color:#cc7140}.login-screen{background:radial-gradient(ellipse at 12% 8%,rgb(255 112 156 / 23%),transparent 32%),radial-gradient(ellipse at 92% 12%,rgb(95 147 255 / 20%),transparent 31%),radial-gradient(ellipse at 76% 94%,rgb(164 91 255 / 17%),transparent 38%),#f7f5ff}.login-card{background:#ffffffed;border-color:#e9e4f6;box-shadow:0 24px 70px #4b398c1f}.login-brand .brand-mark{color:#fff}.login-card h1{color:#24203b}.login-card input:focus{border-color:#8d78f4;box-shadow:0 0 0 3px #6955f51c}.search-field:focus-within,.wizard-search:focus-within{border-color:#9985f4;box-shadow:0 0 0 3px #6955f517}.directory-actions button:hover{background:#f0edff;color:#6548df}.form-modal input:focus,.line-fields input:focus,.form-label textarea:focus,.settings-grid input:focus,.settings-grid textarea:focus{border-color:#9380f0;box-shadow:0 0 0 3px #6955f51a}.line-codes small.field-error{color:#cb5964}.line-codes small:not(.field-error){color:#6f59df}.line-subtotal strong,.saved-mark,.text-link,.note-link{color:#684de4}.dashboard-footer{border-color:#e9e6f3}.slip-table td:nth-child(2){white-space:pre-wrap}.line-fields{grid-template-columns:minmax(0,2fr) minmax(150px,1fr)}.line-codes{grid-column:1}@media(max-width:900px),(hover:none)and (pointer:coarse){.line-fields{grid-template-columns:1fr 1fr}.line-codes{grid-column:1 / -1}}.pagination-bar{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;border:1px solid #e9e6f2;border-radius:13px;padding:9px 13px;background:#ffffffe5;color:#85839a;font-size:11px}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-controls label{display:flex;align-items:center;gap:5px}.pagination-controls select,.pagination-controls button{min-height:34px;border:1px solid #e7e3f0;border-radius:9px;padding:0 9px;background:#fff;color:#5a5670;font-size:11px}.pagination-controls button{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.pagination-controls button:disabled{color:#b9b6c7;cursor:not-allowed}.pagination-controls strong{min-width:38px;color:#5f4bda;text-align:center}@media(max-width:600px){.pagination-bar{align-items:flex-start;flex-direction:column}.pagination-controls{width:100%;justify-content:space-between;gap:5px}.pagination-controls label{gap:3px}.pagination-controls select,.pagination-controls button{padding:0 7px}}@media(max-width:900px),(hover:none)and (pointer:coarse){.mobile-brand small,.tab-link{font-size:.6875rem}.page-heading p,.welcome-note{font-size:.875rem}.page-heading>.button{min-height:2.75rem;font-size:.8125rem}.wizard-header h1{font-size:1.75rem}.wizard-step{font-size:.8125rem}.wizard-title h2{font-size:1.125rem}.wizard-title p,.selected-customer,.selected-customer button{font-size:.8125rem}.product-pick{min-height:3.75rem}.product-pick strong{font-size:.9375rem}.product-pick small{font-size:.75rem}.wizard-search{min-height:2.875rem}.wizard-search input{font-size:.875rem}.wizard-search input::placeholder{font-size:.8125rem}.pagination-bar{font-size:.8125rem}.pagination-controls select,.pagination-controls button{min-height:2.5rem;font-size:.8125rem}.form-label,.form-modal label{font-size:.875rem}.form-modal input,.line-fields input,.form-label textarea{font-size:1rem}.line-fields label{font-size:.75rem}.order-line header{font-size:.875rem}.line-subtotal,.add-hint,.save-hint{font-size:.8125rem}.confirm-customer small,.order-total small,.confirm-line small{font-size:.75rem}.confirm-customer span,.confirm-line{font-size:.8125rem}.order-total strong{font-size:1rem}.wizard-actions .button{min-height:3rem;font-size:.875rem}.directory-copy small,.order-main span,.order-amount small{font-size:.75rem}.status-pill{min-height:2.25rem;font-size:.75rem}.pagination-controls{min-height:2.5rem}.metric-top{font-size:.75rem}.metric-card small,.shortcut-copy small{font-size:.6875rem}.shortcut-copy strong{font-size:.8125rem}.shortcut-copy small{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.4}.note-panel p,.note-link,.text-link{font-size:.75rem}.dashboard-footer{font-size:.625rem}}