:root{color:#18211d;background:#f4f6f1;font-family:Inter,Segoe UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #18211d;--muted: #718078;--line: #e2e8e2;--paper: #fff;--green: #1d6d54;--green-dark: #124b3b;--sidebar: #14241e;--shadow: 0 18px 50px rgb(37 64 52 / 9%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-size:16px}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:3px solid rgb(42 135 102 / 25%);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.erp-app{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:244px;padding:24px 14px 18px;display:flex;flex-direction:column;color:#dce9e2;background:radial-gradient(circle at 20% 0%,#23483a 0,transparent 35%),var(--sidebar);transition:width .2s ease}.sidebar--compact{width:76px}.brand{height:54px;display:flex;align-items:center;gap:12px;padding:0 8px}.brand__mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#ecfff6;border:1px solid rgb(255 255 255 / 13%);border-radius:11px;background:linear-gradient(145deg,#2d8d68,#1b5b47);box-shadow:0 9px 24px #0000002e}.brand__name{font:700 17px/1 Inter,Segoe UI,sans-serif;letter-spacing:-.02em}.brand__product{margin-top:5px;color:#8ca99c;font-size:9px;font-weight:700;letter-spacing:.25em}.sidebar__nav{display:grid;gap:5px;margin-top:38px}.nav-item{min-height:44px;width:100%;display:flex;align-items:center;gap:12px;padding:0 12px;color:#aebfb6;text-decoration:none;border:0;border-radius:10px;background:transparent;white-space:nowrap}.nav-item:hover:not(:disabled),.nav-item--active{color:#fff;background:#ffffff14}.nav-item--active{box-shadow:inset 3px 0 #52bb8d}.nav-item span{font-weight:600}.nav-item small{margin-left:auto;color:#698077;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.nav-item__arrow{margin-left:auto}.nav-item--disabled{cursor:default;opacity:.75}.sidebar__footer{margin-top:auto;display:grid;gap:8px}.sidebar__collapse{width:38px;height:38px;margin-left:auto;display:grid;place-items:center;color:#9cb0a6;border:1px solid rgb(255 255 255 / 9%);border-radius:10px;background:transparent}.main-stage{min-width:0;min-height:100vh;flex:1;margin-left:244px;transition:margin .2s ease}.sidebar--compact+.main-stage{margin-left:76px}.topbar{height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffe0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar__trail,.topbar__actions,.profile,.connection-pill,.command-search{display:flex;align-items:center}.topbar__trail{gap:8px;color:#87928c;font-size:15px}.topbar__trail strong{color:var(--ink)}.topbar__actions{gap:12px}.command-search{height:38px;min-width:225px;gap:9px;padding:0 9px 0 12px;color:#77847d;border:1px solid var(--line);border-radius:10px;background:#f7f9f6}.command-search kbd{margin-left:auto;padding:2px 6px;font-size:10px;border:1px solid #d9e1da;border-radius:5px;background:#fff}.connection-pill{gap:7px;padding:6px 10px;color:#34715c;font-size:11px;font-weight:700;border-radius:30px;background:#eaf5ef}.connection-pill__dot{width:6px;height:6px;border-radius:50%;background:#39a678;box-shadow:0 0 0 3px #39a67821}.profile{gap:9px;padding-left:5px}.profile div{display:grid;font-size:11px;line-height:1.25}.profile span{color:var(--muted);text-transform:capitalize}.icon-button{width:38px;height:38px;display:grid;place-items:center;color:#637069;border:1px solid var(--line);border-radius:10px;background:#fff}.main-stage__content{padding:30px 34px 48px}.orders-page{max-width:1480px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.eyebrow{color:#398065;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.page-heading h1{margin:7px 0 4px;font:800 36px/1.15 Inter,Segoe UI,sans-serif;letter-spacing:-.045em}.page-heading p{margin:0;color:var(--muted);font-size:16px}.page-heading__meta{display:grid;text-align:right;font-size:13px;color:var(--muted)}.page-heading__meta strong{margin-top:3px;color:#34443d}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.metric-grid article{min-height:104px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 5px 18px #27413608}.metric-grid article>div{display:grid;align-content:center}.metric-grid article div span{color:var(--muted);font-size:13px}.metric-grid article div strong{margin-top:3px;font:700 27px/1 Inter,Segoe UI,sans-serif;letter-spacing:-.03em}.metric-grid article small{grid-column:2;color:#859089;font-size:12px}.metric-grid article small svg{width:11px;height:11px;vertical-align:-2px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.metric-icon svg{width:18px}.metric-icon--blue{color:#3974a9;background:#edf5fb}.metric-icon--mint{color:#26765b;background:#eaf6f0}.metric-icon--amber{color:#a66e25;background:#fff4df}.metric-icon--violet{color:#7155a8;background:#f3eefc}.orders-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.orders-toolbar{min-height:72px;padding:14px 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.search-input{position:relative;width:min(360px,38%)}.search-input svg{position:absolute;top:50%;left:12px;color:#8a968f;transform:translateY(-50%)}.search-input input,.filter-select select{height:40px;width:100%;color:#324039;border:1px solid #dfe6df;border-radius:9px;background:#f9faf8}.search-input input{padding:0 13px 0 39px}.filter-select select{min-width:145px;padding:0 34px 0 11px}.toolbar-button{height:40px;margin-left:auto;padding:0 13px;display:flex;align-items:center;gap:7px;color:#4f5e56;border:1px solid #dfe6df;border-radius:9px;background:#fff}.orders-table__header,.orders-table__row{display:grid;grid-template-columns:minmax(135px,.85fr) minmax(200px,1.35fr) minmax(160px,1fr) minmax(125px,.75fr) minmax(125px,.75fr) 32px;align-items:center}.orders-table__header{height:46px;padding:0 18px;color:#8a958f;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:#fafbf9;border-bottom:1px solid #edf0ed}.orders-table__viewport{position:relative;height:min(54vh,620px);min-height:380px;overflow:auto}.orders-table__canvas{position:relative;width:100%}.orders-table__row{position:absolute;top:0;left:0;width:100%;min-height:84px;padding:0 18px;text-align:left;border:0;border-bottom:1px solid #eef1ee;background:#fff;transition:background .12s ease}.orders-table__row:hover{background:#f8fbf9}.orders-table__row>div{min-width:0}.order-number,.customer-cell{min-width:0;display:grid;gap:4px}.order-number span{font:700 16px Inter,Segoe UI,sans-serif;color:#264238}.order-number small,.customer-cell small{overflow:hidden;color:#89948e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.customer-cell span{overflow:hidden;color:#35443d;font-size:15px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.money-cell{color:#293a32;font:700 15px Inter,Segoe UI,sans-serif}.status-select{width:-moz-fit-content;width:fit-content;max-width:150px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:7px}.status-select span,.status-badge i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.status-select select{max-width:145px;padding:0;color:inherit;font-size:13px;font-weight:700;border:0;outline:0;background:transparent}.status-select--amber,.status-badge--amber{color:#9a651e;background:#fff4dd}.status-select--green,.status-badge--green{color:#277157;background:#e7f4ed}.status-select--blue,.status-badge--blue{color:#396d9c;background:#ebf3fa}.status-select--violet,.status-badge--violet{color:#6e58a0;background:#f0ecfa}.status-select--gray,.status-badge--gray{color:#6c7872;background:#eff2ef}.sync-label{display:inline-flex;align-items:center;gap:5px;color:#718078;font-size:12px}.sync-label--pending{color:#95651f}.sync-label--error{color:#b14d4d}.row-arrow{color:#adb6b0}.table-loading-more{position:sticky;bottom:0;padding:9px;display:flex;justify-content:center;gap:7px;color:#607068;font-size:11px;background:#ffffffe5}.orders-skeleton{padding:0 18px}.skeleton-row{height:84px;display:grid;grid-template-columns:.8fr 1.4fr 1fr .7fr;align-items:center;gap:28px;border-bottom:1px solid #edf1ed}.skeleton-row i{height:11px;border-radius:20px;background:linear-gradient(90deg,#eef2ee,#f8faf8,#eef2ee);background-size:220% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-220% 0}}.empty-state,.list-error{min-height:360px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.empty-state div{width:55px;height:55px;display:grid;place-items:center;color:#35775e;font:700 17px Inter,Segoe UI,sans-serif;border-radius:50%;background:#edf6f1}.empty-state h3,.list-error h3{margin:14px 0 4px;color:var(--ink)}.empty-state p,.list-error p{margin:0;font-size:13px}.list-error button,.drawer-error button{margin-top:15px;padding:9px 14px;color:#fff;border:0;border-radius:8px;background:var(--green)}.drawer-overlay{position:fixed;inset:0;z-index:40;background:#08161057;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s}.order-drawer{position:fixed;inset:clamp(20px,4vh,52px) clamp(18px,4vw,72px);z-index:41;max-width:1420px;margin:auto;display:flex;flex-direction:column;border:1px solid #dfe6df;border-radius:20px;background:#f7f9f6;box-shadow:0 28px 90px #0c1f1640;animation:dialog-in .22s ease-out}@keyframes fade{0%{opacity:0}}@keyframes dialog-in{0%{transform:translateY(18px) scale(.985);opacity:0}}.drawer-header{min-height:142px;padding:30px 34px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);border-radius:20px 20px 0 0}.drawer-header h2{margin:6px 0 7px;font:800 38px Inter,Segoe UI,sans-serif;letter-spacing:-.04em}.drawer-header p{margin:0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px}.drawer-status{min-height:88px;padding:16px 34px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#fbfcfa}.drawer-status>div{display:grid;gap:5px}.drawer-status>div>span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.status-badge{width:-moz-fit-content;width:fit-content;padding:7px 10px;display:flex;align-items:center;gap:7px;font-size:14px;border-radius:8px}.drawer-status .filter-select{margin-left:auto}.drawer-status__sync{display:flex;align-items:center;gap:4px;color:#9a6923}.drawer-scroll{min-height:0;padding:24px 28px 34px;display:grid;grid-template-columns:minmax(300px,.75fr) minmax(460px,1.25fr);align-content:start;gap:18px;overflow:auto}.detail-card{margin:0;padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff}.detail-card>header{margin-bottom:18px;display:flex;align-items:center;gap:9px}.detail-card>header h3{margin:0;font:700 18px Inter,Segoe UI,sans-serif}.detail-card>header span{margin-left:auto;color:var(--muted);font-size:13px}.detail-card--totals{grid-column:1 / -1;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;background:linear-gradient(135deg,#173e31,#1f5844);color:#fff}.detail-card--totals div{display:grid;gap:5px}.detail-card--totals span{color:#a9c4b8;font-size:11px;text-transform:uppercase}.detail-card--totals strong{font:700 23px Inter,Segoe UI,sans-serif}.contact-grid{display:grid;gap:11px;color:#5c6a63;font-size:14px}.contact-grid>strong{color:#293a32;font-size:18px}.contact-grid span{display:flex;align-items:flex-start;gap:7px}.contact-grid svg{width:13px;height:13px;flex:0 0 13px;margin-top:1px;color:#839189}.line-items{display:grid}.line-items article{padding:15px 0;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;border-top:1px solid #edf0ed}.line-items article:first-child{padding-top:0;border:0}.line-item__index{width:32px;height:32px;display:grid;place-items:center;color:#718078;font-size:11px;border-radius:8px;background:#f0f3f0}.line-item__body{min-width:0;display:grid;gap:4px}.line-item__body strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.line-item__body span{color:var(--muted);font-size:12px}.line-items article>strong{font-size:14px}.progress{height:3px;overflow:hidden;border-radius:5px;background:#edf1ee}.progress i{height:100%;display:block;background:#3a936e}.detail-card--compact{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-card--compact>div{min-width:0;display:flex;gap:8px}.detail-card--compact svg{width:15px;flex:0 0 15px;color:#6f7d76}.detail-card--compact span{min-width:0;display:grid;gap:4px;color:var(--muted);font-size:12px}.detail-card--compact strong{overflow:hidden;color:#34433c;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.drawer-loading,.drawer-error{height:100%;display:grid;place-content:center;justify-items:center;color:var(--muted);text-align:center}.drawer-loading{gap:10px}.drawer-error h3{margin:12px 0 4px;color:var(--ink)}.drawer-error p{margin:0}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(430px,.85fr);background:#fff}.login-story{position:relative;overflow:hidden;padding:48px 60px;display:flex;flex-direction:column;color:#fff;background:#143b2e}.login-story__mesh{position:absolute;inset:0;opacity:.55;background:radial-gradient(circle at 75% 20%,rgb(73 160 121 / 45%),transparent 24%),radial-gradient(circle at 15% 85%,rgb(40 110 82 / 65%),transparent 30%),linear-gradient(120deg,transparent 40%,rgb(255 255 255 / 3%) 40% 41%,transparent 41%)}.login-story__brand,.login-story__content,.login-story__caption{position:relative;z-index:1}.login-story__brand{display:flex;align-items:center;gap:12px}.login-story__brand div{display:grid}.login-story__brand strong{font:700 16px Inter,Segoe UI,sans-serif}.login-story__brand div span{color:#95b8a8;font-size:9px;letter-spacing:.22em}.login-story__content{max-width:590px;margin:auto 0}.login-story__content .eyebrow{color:#8fc9ae}.login-story__content h1{margin:15px 0 18px;font:800 clamp(38px,4.4vw,66px)/1.03 Inter,"Segoe UI",sans-serif;letter-spacing:-.055em}.login-story__content p{max-width:510px;color:#bdd2c8;font-size:16px;line-height:1.7}.login-story__content ul{margin:30px 0 0;padding:0;display:grid;gap:12px;list-style:none;color:#d8e9e1;font-size:13px}.login-story__content li{display:flex;align-items:center;gap:9px}.login-story__content li svg{width:16px;color:#6bc49b}.login-story__caption{display:flex;justify-content:space-between;color:#78998a;font-size:9px;letter-spacing:.12em}.login-form-wrap{padding:40px;display:grid;place-items:center}.login-card{width:min(390px,100%);display:grid}.login-card__icon{width:48px;height:48px;margin-bottom:22px;display:grid;place-items:center;color:#22664f;border-radius:13px;background:#ebf5ef}.login-card h2{margin:8px 0 7px;font:800 30px Inter,Segoe UI,sans-serif;letter-spacing:-.04em}.login-card>p{margin:0 0 28px;color:var(--muted);font-size:13px}.login-card label{margin-bottom:16px;display:grid;gap:7px;color:#45544c;font-size:11px;font-weight:700}.login-card input{height:46px;width:100%;padding:0 13px;border:1px solid #dce4dd;border-radius:9px;background:#fafbf9}.login-card label small{color:#b44848;font-weight:500}.password-field{position:relative;display:block}.password-field input{padding-right:46px}.password-field button{position:absolute;top:4px;right:4px;width:38px;height:38px;display:grid;place-items:center;color:#77847d;border:0;background:transparent}.form-error{margin:-4px 0 14px;padding:10px 12px;color:#a34242;font-size:11px;border-radius:8px;background:#fff0f0}.primary-button{height:47px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-weight:700;border:0;border-radius:9px;background:var(--green);box-shadow:0 10px 23px #1d6d5430}.primary-button:hover{background:var(--green-dark)}.primary-button:disabled{opacity:.65;cursor:wait}.login-card__security{margin-top:17px;display:flex;justify-content:center;align-items:center;gap:6px;color:#89948e;font-size:9px}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:9px;color:var(--ink)}.boot-screen span{color:var(--muted);font-size:12px}.offline-pill{color:#9b6821}.perf-trigger{position:fixed;right:15px;bottom:15px;z-index:60;width:36px;height:36px;border:0;border-radius:50%;color:#fff;background:#263a31}.perf-panel{position:fixed;right:15px;bottom:60px;z-index:60;width:285px;padding:14px;color:#d9e8e0;font-size:10px;border-radius:10px;background:#17251f;box-shadow:var(--shadow)}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.command-search,.connection-pill{display:none}.orders-table__header,.orders-table__row{grid-template-columns:120px minmax(170px,1.2fr) 150px 110px 28px}.orders-table__header>div:nth-child(5),.orders-table__row>div:nth-child(5){display:none}.order-drawer{inset:20px}.drawer-scroll{grid-template-columns:1fr}.detail-card--totals,.detail-card--compact{grid-column:auto}}@media(max-width:760px){.sidebar{width:66px;padding-inline:9px}.sidebar .brand>div:last-child,.sidebar .nav-item span,.sidebar .nav-item small,.sidebar .nav-item__arrow{display:none}.main-stage,.sidebar--compact+.main-stage{margin-left:66px}.topbar{padding:0 16px}.topbar__trail,.profile div{display:none}.main-stage__content{padding:22px 14px 35px}.page-heading__meta{display:none}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{min-height:92px;padding:13px}.orders-toolbar{flex-wrap:wrap}.search-input{width:100%}.toolbar-button{margin-left:0}.orders-table__header,.orders-table__row{grid-template-columns:105px minmax(145px,1fr) 135px 25px}.orders-table__header>div:nth-child(4),.orders-table__row>div:nth-child(4){display:none}.order-drawer{inset:0;border:0;border-radius:0}.drawer-header{min-height:118px;padding:22px;border-radius:0}.drawer-header h2{font-size:30px}.drawer-status{padding:14px 22px}.drawer-scroll{padding:16px;gap:12px}.detail-card{padding:18px}.detail-card--totals,.detail-card--compact,.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{padding:25px}}