:root{--ink:#17243b;--muted:#738097;--line:#e7ebf1;--paper:#fff;--canvas:#f5f7fa;--navy:#142746;--blue:#2357c6;--blue-dark:#18449f;--green:#22835d;--red:#bf3d48;--shadow:0 14px 38px rgba(24,42,70,.07)}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.55;background:var(--canvas);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:#72809a}
.login-page{min-height:100vh;background:#f5f7fa;padding:34px;display:grid;place-items:center}
.login-shell{width:min(1180px,100%);min-height:min(760px,calc(100vh - 68px));display:grid;grid-template-columns:1.03fr .97fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px rgba(25,43,72,.12)}
.login-brand{position:relative;overflow:hidden;min-height:660px;padding:58px 58px 32px;color:#fff;background:linear-gradient(155deg,#182e52 0%,#10213c 55%,#0d1b32 100%);display:flex;flex-direction:column;justify-content:space-between}
.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.login-brand:before{width:580px;height:580px;right:-260px;top:-250px}.login-brand:after{width:700px;height:700px;right:-310px;top:-310px}
.brand-glow{position:absolute;width:400px;height:400px;background:#284e85;filter:blur(110px);opacity:.35;bottom:5%;left:-20%;pointer-events:none}
.login-logo{position:relative;z-index:1;display:block;width:min(370px,90%);height:auto;max-height:140px;object-fit:contain;object-position:left center;background:#fff;border-radius:12px;padding:14px 18px}
.brand-copy{position:relative;z-index:1;margin:65px 0 auto;max-width:465px}.brand-copy .eyebrow{color:#a8bbdb}.brand-copy h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4vw,51px);letter-spacing:-.055em;line-height:1.15;margin:18px 0}.brand-copy p{color:#b9c6d9;font-size:16px;max-width:400px;line-height:1.8;margin:0}
.brand-footer{position:relative;z-index:1;color:#aab9ce;font-size:12px;display:flex;align-items:center;gap:10px}.brand-dot{width:7px;height:7px;border-radius:50%;background:#75d9ae;box-shadow:0 0 0 5px rgba(117,217,174,.12)}
.login-panel{padding:48px 60px 25px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.login-card{width:min(390px,100%)}.login-heading{margin-bottom:31px}.login-heading h2{font-family:Manrope,sans-serif;font-weight:800;font-size:34px;letter-spacing:-.045em;margin:9px 0 4px}.login-heading p{margin:0;color:var(--muted);font-size:14px}.login-form{display:flex;flex-direction:column}.login-form>label:not(.remember-row){font-size:12px;font-weight:700;margin:0 0 8px}.input-wrap{height:50px;display:flex;align-items:center;border:1px solid #dce2ea;border-radius:9px;margin-bottom:21px;background:#fff;transition:border .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#6b92e7;box-shadow:0 0 0 3px rgba(48,101,210,.1)}.input-wrap.has-error{border-color:#e2a0a4}.input-icon{color:#8995a8;font-size:16px;width:46px;text-align:center}.input-wrap input{border:0;outline:0;min-width:0;flex:1;background:transparent;padding:0 14px 0 0;color:var(--ink);font-size:13px}.input-wrap input::placeholder{color:#a5afbd}.password-label-row{display:flex;justify-content:space-between}.remember-row{display:flex;gap:9px;align-items:center;color:#69778d;font-size:12px;margin:0 0 23px;cursor:pointer}.remember-row input,.toggle-field input,.permission-option input{accent-color:var(--blue);width:16px;height:16px}.button{border:0;border-radius:8px;padding:10px 15px;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .15s,color .15s;white-space:nowrap}.button:active{transform:translateY(1px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(35,87,198,.17)}.button-primary:hover{background:var(--blue-dark)}.button-secondary{background:#f0f3f7;color:#536177}.button-secondary:hover,.button-quiet:hover{background:#e6ebf2}.button-quiet{color:#66738a;background:transparent;padding:8px 10px}.button-danger-outline{border:1px solid #ebc7ca;color:#ad3640;background:#fff}.button-danger-outline:hover{background:#fff5f5}.login-submit{height:50px;font-size:14px;justify-content:space-between;padding:0 17px}.login-submit span{font-size:19px;font-weight:400}.login-help{text-align:center;color:#8a95a6;font-size:11px;margin:19px 0 27px}.login-security{border-top:1px solid var(--line);padding-top:21px;text-align:center;color:#7a879a;font-size:11px}.security-icon{display:inline-grid;place-items:center;color:#4671c4;width:19px;height:19px;border:1px solid #cbd8ed;border-radius:50%;margin-right:5px;font-weight:700}.login-copyright{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#a2aab7;font-size:10px}.mobile-brand{display:none}.alert{padding:12px 14px;border-radius:8px;font-size:12px;margin-bottom:18px}.alert-error{background:#fff1f1;color:#a6323c;border:1px solid #f4d1d3}.alert-success{background:#ecf8f2;color:#24734f;border:1px solid #c8e9d8}.alert-info{background:#eef4ff;color:#30568e;border:1px solid #d9e5fb;margin-bottom:18px}

.app-page{min-height:100vh;background:var(--canvas);display:flex}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#142746;color:#fff;padding:25px 16px 19px;display:flex;flex-direction:column;z-index:5}.sidebar-brand{display:flex;flex-direction:column;gap:10px;padding:0 10px 29px;border-bottom:1px solid rgba(255,255,255,.11)}.sidebar-brand img{width:166px;height:52px;object-fit:contain;object-position:left center;background:#fff;border-radius:7px;padding:5px 9px}.sidebar-brand span{font-size:9px;letter-spacing:.16em;font-weight:700;color:#a7b7ce}.nav-caption{font-size:9px;font-weight:800;letter-spacing:.14em;color:#8093af;padding:24px 11px 10px}.nav-caption-spaced{padding-top:29px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-link{height:42px;padding:0 12px;border-radius:7px;color:#bdc9da;font-size:12px;display:flex;align-items:center;gap:11px;transition:all .15s}.nav-link:hover{color:#fff;background:rgba(255,255,255,.07)}.nav-link.active{color:#fff;background:#284777;box-shadow:inset 2px 0 #86a9f0}.nav-symbol{font-size:16px;width:20px;text-align:center;color:#9db1ce}.nav-link.active .nav-symbol{color:#c5d7fa}.sidebar-bottom{margin-top:auto;padding:15px 10px 0;border-top:1px solid rgba(255,255,255,.1)}.sidebar-version{font-size:9px;letter-spacing:.08em;color:#8ca0bc}.sidebar-version b{color:#67c59b;padding:0 4px}.app-main{min-height:100vh;margin-left:246px;display:flex;flex:1;flex-direction:column;min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:4}.topbar-context{display:flex;align-items:center;gap:11px;color:#637189;font-size:11px}.topbar-kicker{font-size:9px;font-weight:800;letter-spacing:.12em;color:#8390a3}.topbar-divider{color:#d4dbe5}.user-menu{display:flex;align-items:center;gap:10px}.user-avatar,.person-avatar{border-radius:50%;background:#eaf0fb;color:#355ca6;display:grid;place-items:center;font-weight:700}.user-avatar{width:35px;height:35px;font-size:12px}.user-meta{display:flex;flex-direction:column;line-height:1.3;margin-right:7px}.user-meta strong{font-size:11px}.user-meta span{font-size:10px;color:#7d899a}.user-menu form{border-left:1px solid var(--line);padding-left:11px}.content-wrap{width:min(1120px,100%);padding:38px 42px 28px;margin:0 auto;flex:1}.app-footer{text-align:center;padding:19px 20px 23px;color:#99a3b2;font-size:10px}.app-footer span{padding:0 5px;color:#c1c8d2}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-.045em;margin:7px 0 3px;font-weight:800}.page-heading p{color:var(--muted);margin:0;font-size:12px}.role-pill{display:inline-flex;align-items:center;gap:7px;background:#f2f5fa;color:#52627a;font-size:10px;font-weight:700;padding:7px 10px;border-radius:99px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#42a779}.welcome-banner{position:relative;min-height:175px;padding:28px 32px;border-radius:13px;background:linear-gradient(105deg,#eaf1fb,#f3f6fb 64%,#fafbfd);border:1px solid #e4ebf5;overflow:hidden;margin-bottom:35px;display:flex;align-items:center}.welcome-banner>div{position:relative;z-index:1;max-width:500px}.banner-tag{font-size:9px;letter-spacing:.14em;font-weight:800;color:#6981a5}.welcome-banner h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.035em;margin:8px 0 5px}.welcome-banner p{color:#6f7f97;font-size:11px;margin:0}.welcome-banner img{position:absolute;width:260px;right:33px;top:50%;transform:translateY(-50%);opacity:.89;mix-blend-mode:multiply}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading h2,.panel-heading h2,.permission-title h2{font-size:14px;letter-spacing:-.02em;margin:0;font-weight:800}.section-heading p,.panel-heading p,.permission-title p{font-size:10px;color:#8792a3;margin:3px 0 0}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.shortcut-card{min-height:74px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px;display:flex;align-items:center;gap:12px;transition:box-shadow .15s,border .15s}.shortcut-card:hover{border-color:#ced9ec;box-shadow:0 6px 18px rgba(31,54,89,.06)}.shortcut-icon{width:37px;height:37px;border-radius:9px;display:grid;place-items:center;font-size:17px;flex:none}.icon-blue{background:#edf3ff;color:#3e69bd}.icon-violet{background:#f3efff;color:#785dbd}.icon-amber{background:#fff6e7;color:#bd8730}.shortcut-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.shortcut-card b{font-size:11px}.shortcut-card small{font-size:10px;color:#8994a4}.shortcut-arrow{margin-left:auto;color:#a3adbc;font-size:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px 17px;display:flex;flex-direction:column}.stat-label{font-size:9px;font-weight:800;letter-spacing:.1em;color:#8995a8}.stat-card strong{font-family:Manrope,sans-serif;font-size:26px;line-height:1.25;margin-top:3px}.stat-card small{font-size:10px;color:#8994a4}.note-card{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:8px;color:#758198}.note-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#eef3fb;color:#5c7db7;font-size:10px;font-weight:700;flex:none}.note-card p{font-size:10px;margin:0}.note-card strong{color:#53637d}

.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 3px 13px rgba(30,50,81,.025)}.panel-heading{padding:18px 20px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;justify-content:space-between}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:570px}.data-table th{text-align:left;padding:11px 20px;font-size:9px;letter-spacing:.09em;color:#8995a7;background:#fbfcfd;font-weight:800}.data-table td{padding:13px 20px;border-top:1px solid #eef1f5;font-size:11px}.person-cell{display:flex;align-items:center;gap:10px}.person-avatar{width:32px;height:32px;font-size:11px;flex:none}.person-cell>div:last-child{display:flex;flex-direction:column;gap:2px}.person-cell strong{font-size:11px}.person-cell small{font-size:10px;color:#8591a3}.state-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;font-size:9px;font-weight:700}.state-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.state-active{background:#edf8f2;color:#318360}.state-disabled{background:#f3f4f6;color:#7d8591}.table-actions{text-align:right}.text-link{color:#3564b4;font-size:10px;font-weight:700}.text-link span{margin-left:4px}.table-empty{text-align:center;color:#8b96a5;padding:25px!important}.pagination-wrap{padding:12px 20px}.pagination-wrap nav{display:flex;justify-content:space-between;font-size:11px;color:#64738b}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav span,.pagination-wrap nav a{padding:6px 9px;border-radius:5px}.pagination-wrap nav [aria-current=page] span{background:#edf3ff;color:#315eaa}.form-panel{padding:23px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#4e5d74}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe4eb;border-radius:7px;background:#fff;color:#263650;padding:10px 11px;outline:none;font-size:11px;font-weight:400;transition:border .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6c91dc;box-shadow:0 0 0 3px rgba(50,102,207,.09)}.field textarea{resize:vertical}.field small{color:#8a96a7;font-size:9px;font-weight:400}.field small:not(:empty){color:#bd3d48}.toggle-field{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;color:#53627a}.toggle-field input{margin:2px 0}.toggle-field span{display:flex;flex-direction:column;gap:3px}.toggle-field b{font-size:10px}.toggle-field small{font-size:9px;color:#8994a4}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f4;margin-top:24px;padding-top:17px}.role-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:14px;align-items:start}.role-list{padding:4px 18px}.role-row{display:flex;align-items:center;gap:11px;padding:13px 1px;border-bottom:1px solid #eef1f5}.role-row:last-child{border-bottom:0}.role-mark{width:34px;height:34px;border-radius:9px;background:#eef3fd;color:#4269b2;display:grid;place-items:center;font-weight:800;font-size:11px;flex:none}.role-mark.accountant{background:#edf8f3;color:#3d8b68}.role-mark.designer{background:#f5efff;color:#8764bf}.role-mark.sales{background:#fff5e8;color:#b88330}.role-row-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.role-row-copy b{font-size:11px}.role-row-copy small{font-size:9px;color:#8894a5;max-width:360px}.role-count{margin-left:auto;color:#8290a4;font-size:9px;white-space:nowrap}.create-role-panel{padding-bottom:17px}.stack-form{padding:16px 18px;display:flex;flex-direction:column;gap:13px}.stack-form>.button{align-self:flex-start}.permission-panel{padding:22px}.role-edit-meta{padding-bottom:20px;border-bottom:1px solid #edf0f4}.permission-title{padding:20px 0 12px}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-group{border:1px solid #e9edf2;border-radius:8px;overflow:hidden}.permission-group h3{font-size:10px;margin:0;padding:10px 12px;background:#f8fafc;color:#53637b}.permission-options{padding:3px 12px}.permission-option{min-height:39px;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;gap:8px;font-size:10px;color:#526179}.permission-option:last-child{border-bottom:0}.permission-option input{margin:0;flex:none}.permission-option code{margin-left:auto;font-family:ui-monospace,monospace;color:#98a2b1;font-size:8px}.permission-locked{opacity:.75}.danger-zone{margin-top:15px;border:1px solid #f0dddd;background:#fffafa;border-radius:9px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.danger-zone div{display:flex;flex-direction:column;gap:3px}.danger-zone b{font-size:10px;color:#a53e46}.danger-zone small{font-size:9px;color:#8d777a}.empty-state{background:#fff;border:1px solid var(--line);border-radius:11px;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px}.empty-icon{width:52px;height:52px;border-radius:14px;background:#eff4fc;color:#5275b6;display:grid;place-items:center;font-size:23px}.empty-state h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.03em;margin:16px 0 5px}.empty-state p{max-width:460px;margin:0;color:#7c899d;font-size:11px}

@media(max-width:950px){.login-page{padding:18px}.login-shell{min-height:calc(100vh - 36px);grid-template-columns:.85fr 1.15fr}.login-brand{padding:38px 34px}.login-panel{padding:40px 34px 48px}.sidebar{width:210px}.app-main{margin-left:210px}.content-wrap{padding:30px 25px}.topbar{padding:0 25px}.welcome-banner img{width:210px;right:18px}.role-layout{grid-template-columns:1fr}}
@media(max-width:680px){.login-page{padding:0;display:block;background:#fff}.login-shell{min-height:100vh;display:block;border-radius:0;box-shadow:none}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px 24px 58px;justify-content:center}.login-card{max-width:420px}.mobile-brand{display:block;margin-bottom:37px}.mobile-brand img{width:190px;height:auto;max-height:72px;object-fit:contain;object-position:left;background:#fff}.login-heading h2{font-size:31px}.login-copyright{bottom:19px}.sidebar{width:65px;padding:15px 8px}.sidebar-brand{align-items:center;padding:0 0 18px}.sidebar-brand img{width:43px;height:38px;padding:3px;object-fit:cover;object-position:left}.sidebar-brand span,.nav-caption,.nav-link:not(.active){font-size:0}.nav-caption{display:none}.side-nav{padding-top:18px}.nav-link{justify-content:center;padding:0;font-size:0}.nav-symbol{font-size:17px}.nav-link.active{font-size:0}.sidebar-version{font-size:0}.app-main{margin-left:65px}.topbar{height:60px;padding:0 13px}.topbar-kicker,.topbar-divider{display:none}.topbar-context{font-size:10px}.user-meta{display:none}.user-menu{gap:6px}.user-menu form{padding-left:5px}.button-quiet{font-size:10px;padding:7px}.content-wrap{padding:25px 14px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading>.button{align-self:flex-start}.welcome-banner{padding:21px;min-height:160px}.welcome-banner h2{font-size:18px;max-width:250px}.welcome-banner p{max-width:260px}.welcome-banner img{width:140px;right:-19px;opacity:.34}.shortcut-grid{grid-template-columns:1fr}.form-grid,.permission-groups{grid-template-columns:1fr}.form-panel,.permission-panel{padding:16px}.role-edit-meta{padding-bottom:14px}.role-row{gap:8px}.role-count{display:none}.role-row-copy small{display:none}.role-list{padding:3px 13px}.danger-zone{align-items:flex-start;gap:12px}.data-table th,.data-table td{padding-left:12px;padding-right:12px}}

/* Orders, payments and finance reports */
.order-filter-panel{padding:15px 17px;margin-bottom:16px}.order-filters{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:12px;align-items:end}.order-filters .field{gap:5px}.order-filters .field input,.order-filters .field select{height:39px}.filter-actions{display:flex;gap:7px;align-items:center}.order-list-panel{overflow:hidden;margin-bottom:16px}.order-table{min-width:700px}.order-code{display:block;color:#315fae;font-size:11px;font-weight:800}.cell-subtitle{display:block;margin-top:3px;color:#8490a1;font-size:10px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-new{background:#eef3fb;color:#59749d}.state-production{background:#fff5e8;color:#b77d24}.heading-actions{display:flex;gap:8px;align-items:center}.order-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.85fr);gap:15px;align-items:start}.detail-panel{overflow:hidden}.detail-panel .panel-heading{align-items:flex-start}.detail-list{margin:0;padding:6px 20px 17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.detail-list>div{padding:12px 0;border-bottom:1px solid #f0f2f5;min-width:0}.detail-list dt{font-size:9px;color:#8995a7;font-weight:700;margin-bottom:3px}.detail-list dd{margin:0;font-size:11px;font-weight:700;color:#37465e;overflow-wrap:anywhere}.detail-list .detail-wide{grid-column:1/-1}.detail-list .detail-notes{font-weight:400;white-space:pre-wrap;line-height:1.7}.workflow-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #edf0f4;padding:15px 20px}.workflow-actions form{margin:0}.finance-card{padding:19px 20px}.finance-kicker{font-size:9px;letter-spacing:.12em;font-weight:800;color:#8492a8}.finance-caption{display:block;margin-top:16px;color:#7d899d;font-size:10px}.finance-total{display:block;font-size:24px;letter-spacing:-.04em;margin:1px 0 17px}.finance-line{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #eef1f4;color:#6c7a90;font-size:10px}.finance-line b{color:#3e4d63}.finance-balance b,.amount-outstanding{color:#a4494d}.payment-form{border-top:1px solid #e9edf2;margin-top:11px;padding-top:15px;display:flex;flex-direction:column;gap:11px}.payment-form h3{font-size:11px;margin:0}.payment-form .field{gap:5px}.payment-form .field input,.payment-form .field select,.payment-form .field textarea{padding:9px 10px}.payment-history{margin-top:16px;overflow:hidden}.amount-settled{color:#2b805b}.report-filters{grid-template-columns:repeat(2,minmax(160px,220px)) auto;justify-content:start}.report-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.report-stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px;display:flex;flex-direction:column;gap:5px}.report-stat span{font-size:9px;font-weight:800;letter-spacing:.08em;color:#8995a7}.report-stat strong{font-size:21px;letter-spacing:-.04em}.report-stat small{font-size:9px;color:#8792a2}.report-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:14px;margin-bottom:16px}.method-list{padding:6px 19px 15px}.method-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eff1f4;font-size:10px;color:#718096}.method-list>div:last-child{border:0}.method-list strong{color:#394a61}.report-empty{color:#8793a5;font-size:10px;text-align:center;padding:17px}.report-footnote{margin:12px 2px 0;color:#8290a3;font-size:9px}
@media(max-width:680px){.order-filters,.report-filters{grid-template-columns:1fr;align-items:stretch}.filter-actions{padding-top:3px}.order-detail-grid,.report-grid{grid-template-columns:1fr}.report-stat-grid{grid-template-columns:1fr}.detail-list{padding:4px 15px 14px;grid-template-columns:1fr}.detail-list .detail-wide{grid-column:auto}.detail-panel .panel-heading{flex-direction:column}.heading-actions{width:100%}.heading-actions .button{flex:1}.workflow-actions{padding:13px 15px}.finance-card{padding:17px}.order-filter-panel{padding:12px}.report-stat{padding:14px}.report-stat strong{font-size:20px}}

/* Customer, catalog, stock and people modules */
.module-create-form{margin-bottom:16px;padding:0 18px 16px}.module-create-form .module-form-heading{padding:15px 0;margin-bottom:16px}.module-create-form .form-grid{gap:13px}.module-create-form .form-actions{margin-top:16px;padding-top:12px}.inline-search{display:flex;gap:7px}.inline-search input{width:min(300px,50vw);border:1px solid #dfe4eb;border-radius:7px;padding:8px 10px;font-size:10px}.inline-edit{position:relative}.inline-edit summary{cursor:pointer;list-style:none}.inline-edit summary::-webkit-details-marker{display:none}.inline-edit-form{position:absolute;z-index:3;right:0;top:26px;width:min(340px,80vw);padding:15px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.inline-edit-form .field{gap:4px}.inline-edit-form .field input,.inline-edit-form .field textarea{font-size:10px;padding:8px}.inline-edit-form .button{grid-column:1/-1;justify-self:end}.expense-total{margin-top:13px;padding-top:12px;border-top:1px solid #edf0f4;color:#738097;font-size:11px}.expense-total strong{color:#293b54;margin-left:5px}.stock-movement-form{display:flex;gap:5px;min-width:380px}.stock-movement-form select,.stock-movement-form input{min-width:0;border:1px solid #dfe4eb;border-radius:6px;padding:7px;font-size:9px}.stock-movement-form select{max-width:90px}.stock-movement-form input[type=number]{width:80px}.stock-movement-form input[name=reason]{width:105px}.stock-movement-form .button{padding:7px 9px}.attendance-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;margin-bottom:15px;background:linear-gradient(115deg,#fff,#f7f9fd)}.attendance-card h2{font-size:16px;margin:7px 0 2px}.attendance-card p{font-size:10px;color:#7b899e;margin:0}.attendance-actions form{margin:0}
@media(max-width:680px){.module-create-form{padding:0 13px 13px}.inline-search input{width:130px}.inline-edit-form{position:fixed;left:8vw;right:8vw;top:20vh;width:84vw;max-height:65vh;overflow:auto}.stock-movement-form{min-width:340px}.attendance-card{align-items:flex-start;flex-direction:column}.attendance-actions{width:100%}.attendance-actions .button{width:100%}}

.order-collaboration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}.attachment-upload{padding:13px 18px;border-bottom:1px solid #edf0f4;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.attachment-upload .field{gap:5px}.attachment-upload input{font-size:10px}.attachment-upload .button{height:37px}.attachment-list{padding:0 18px}.attachment-list>div{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #f0f2f5}.attachment-list>div:last-child{border:0}.attachment-icon{width:30px;height:30px;border-radius:7px;background:#eef3fb;color:#486ba9;display:grid;place-items:center}.attachment-copy{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}.attachment-copy b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-copy small,.activity-row small{font-size:9px;color:#8490a2}.activity-list{padding:6px 18px 13px}.activity-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5}.activity-row:last-child{border:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:#6b8dc9;margin-top:5px;flex:none}.activity-row>div{display:flex;flex-direction:column;gap:3px}.activity-row b{font-size:10px;font-weight:700}.tracking-panel{margin-top:16px;padding:16px 19px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.tracking-panel h2{font-size:12px;margin:0 0 4px}.tracking-panel p{font-size:9px;color:#8290a3;margin:0}.tracking-link-field{grid-column:1/-1}.tracking-link-field input{font-size:10px}.delete-order-form{padding:0 20px 15px}.print-page,.tracking-page{min-height:100vh;background:#f3f5f8;padding:32px 16px}.print-sheet,.tracking-card{width:min(850px,100%);margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:42px;box-shadow:var(--shadow)}.print-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.print-header img{width:240px;height:68px;object-fit:contain;object-position:left center}.print-header>div{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.print-header strong{font-size:16px;letter-spacing:.08em}.print-header span{font-size:11px;color:#748198}.print-rule{height:2px;background:#244c82;margin:19px 0}.print-customer,.print-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0}.print-customer>div,.print-meta>div{display:flex;flex-direction:column;gap:5px}.print-customer small,.print-meta small{font-size:8px;letter-spacing:.1em;color:#8490a2;font-weight:800}.print-customer strong,.print-meta strong{font-size:10px}.print-table{border-collapse:collapse;width:100%;margin:25px 0}.print-table th,.print-table td{border:1px solid #dfe4eb;padding:11px;text-align:left;font-size:10px;vertical-align:top}.print-table th{background:#f7f9fb;font-size:8px;letter-spacing:.08em}.print-table td:first-child,.print-table td:nth-child(n+3){white-space:nowrap}.print-table td small{display:block;margin-top:6px;color:#76849a;white-space:pre-wrap}.print-signatures{display:grid;grid-template-columns:1fr 1fr;text-align:center;margin-top:55px;min-height:105px;font-size:10px;font-weight:700;line-height:1.7}.print-signatures small{font-weight:400;color:#8390a3}.print-action{display:flex;margin:20px auto 0}.tracking-card{width:min(560px,100%);padding:30px}.tracking-card>img{width:190px;height:55px;object-fit:contain;object-position:left;margin-bottom:26px}.tracking-card h1{font-size:27px;margin:7px 0}.tracking-subject{font-size:13px;color:#65738a;margin:0 0 17px}.tracking-progress{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tracking-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:10px 0 20px}.tracking-card dl div{padding:12px 0;border-bottom:1px solid #eff1f4}.tracking-card dt{font-size:9px;color:#8290a3}.tracking-card dd{margin:3px 0 0;font-size:11px;font-weight:700}.tracking-card>small{color:#8a95a5;font-size:9px}
@media(max-width:680px){.order-collaboration-grid{grid-template-columns:1fr}.attachment-upload{padding:12px;grid-template-columns:1fr}.attachment-upload .button{width:100%}.tracking-panel{grid-template-columns:1fr}.tracking-panel form .button{width:100%}.print-page,.tracking-page{padding:10px}.print-sheet,.tracking-card{padding:22px 16px}.print-header img{width:160px}.print-header strong{font-size:12px}.print-customer,.print-meta{grid-template-columns:repeat(2,1fr);gap:11px}.print-table th,.print-table td{padding:7px;font-size:8px}.tracking-card dl{grid-template-columns:1fr}}
@media print{body.print-page{padding:0;background:#fff}.print-sheet{width:100%;border:0;box-shadow:none;padding:5mm 4mm}.print-action{display:none}.print-table{page-break-inside:avoid}.print-signatures{page-break-inside:avoid}}

.dashboard-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:950px){.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.dashboard-stat-grid{grid-template-columns:1fr}}