@font-face{font-family: 'Inter';font-style: normal;font-weight: 400 700;font-display: swap;src: url(lib/inter-latin.woff2) format('woff2')}:root{--navy: #0c1c3a;--navy-2: #091428;--ink: #0f1b3d;--muted: #5d6983;--line: #e4e9f1;--bg: #f3f6fa;--card: #fff;--blue: #1a7df0;--green: #1fb978;--amber: #f8b93a;--red: #e5484d;--purple: #8b5cf6;--teal: #14a3b8;--surface-2: #f5f7fb;--surface-3: #f1f4f9;--hover: #f1f5fb;--selected: #e3effd;--selected-2: #cfe3fb;--track: #e9eef5;--text-2: #33405e;--link: #1265d1;--input-bg: #fff;--input-border: #cdd6e3;--input-hover: #aab6ca;--ghost-border: #c5d3e6;--ghost-hover: #f1f6fd;--danger-fg: #c62f35;--danger-hover: #fdeeee;--disabled-text: #8b95a9;--details-border: #9ccaf7;--shadow: rgba(15,27,61,.16);--toast-bg: #0f1b3d;--toast-fg: #fff;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f1b3d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f1b3d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E");--b-blue: #dfeeff;--b-blue-fg: #1265d1;--b-amber: #fdefd2;--b-amber-fg: #a76a00;--b-green: #d8f5e6;--b-green-fg: #0f8a52;--b-red: #fde2e2;--b-red-fg: #c62f35;--b-purple: #ece3fd;--b-purple-fg: #6d3fd4;--b-grey: #e9edf3;--b-grey-fg: #4a566e;--error-bg: #fde8e8;--error-fg: #b3262c;--note-bg: #fff4d9;--note-fg: #6b4a00}:root[data-theme=dark]{color-scheme: dark;--ink: #e6ebf5;--muted: #93a0b8;--line: #26324b;--bg: #0b1220;--card: #121a2b;--surface-2: #172135;--surface-3: #1b263b;--hover: #1a2640;--selected: #1b3456;--selected-2: #24426b;--track: #223049;--text-2: #c9d2e3;--link: #6aaeff;--input-bg: #0f1726;--input-border: #33415c;--input-hover: #4a5a78;--ghost-border: #33415c;--ghost-hover: #1a2640;--danger-fg: #ff8f93;--danger-hover: #3a1d22;--disabled-text: #6b7891;--details-border: #2f5d94;--shadow: rgba(0,0,0,.45);--toast-bg: #e6ebf5;--toast-fg: #0f1b3d;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9d2e3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9d2e3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M4 10h16M8 3v4M16 3v4'/%3E%3C/svg%3E");--b-blue: #16325a;--b-blue-fg: #8cc2ff;--b-amber: #3d2e0c;--b-amber-fg: #f5c76a;--b-green: #10362a;--b-green-fg: #5fd6a1;--b-red: #42181c;--b-red-fg: #ff8f93;--b-purple: #2c2150;--b-purple-fg: #c4aaff;--b-grey: #253047;--b-grey-fg: #aab5c9;--error-bg: #42181c;--error-fg: #ff9a9e;--note-bg: #3d2e0c;--note-fg: #f5d48a}:root[data-theme=dark] .topnav{border-bottom: 1px solid var(--line)}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--bg);color: var(--ink);font: 14px/1.45 Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}h1,h2,h3,p{margin: 0}button,input,select{font: inherit;color: inherit}button{cursor: pointer}:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.ic{width: 20px;height: 20px;flex: none}.splash{padding: 80px 20px;text-align: center;color: var(--muted)}.logo{display: flex;align-items: center;gap: 10px;padding: 0 22px 18px}.logo svg{width: 46px;height: 46px;flex: none}.logo b{display: block;font-size: 30px;line-height: 1;letter-spacing: -.5px}.logo small{display: block;margin-top: 3px;font-size: 13px;opacity: .9}.topnav{position: sticky;top: 0;z-index: 30;background: linear-gradient(90deg,var(--navy),var(--navy-2));color: #fff}.topbar{display: flex;align-items: center;gap: 8px 22px;min-height: 64px;padding: 0 24px}.topnav .logo{flex: none;padding: 0}.topnav .logo svg{width: 34px;height: 34px}.topnav .logo b{font-size: 23px}.topnav .logo small{margin-top: 2px;font-size: 11px}.tabs{display: flex;align-self: stretch;gap: 2px;flex: 1;min-width: 0}.tab{display: flex;align-items: center;gap: 8px;padding: 0 14px;border: 0;border-bottom: 3px solid transparent;background: none;color: rgba(255,255,255,.8);text-decoration: none;font-size: 15px;font-weight: 500;white-space: nowrap}.tab .ic{width: 19px;height: 19px}.tab:hover{color: #fff;background: rgba(255,255,255,.06)}.tab.on{color: #fff;border-bottom-color: #3b9bff}.admin-menu{position: relative;display: flex}.admin-menu .tab .ic:last-child{width: 15px;height: 15px;margin-left: -2px}.admin-menu .pop{left: 0;right: auto;top: calc(100% + 4px);color: var(--ink)}.admin-flat{display: none}.demo-pill{flex: none;padding: 4px 10px;border-radius: 999px;background: rgba(248,185,58,.18);color: #ffd98a;font-size: 12px;font-weight: 600}.topnav .user{flex: none}.topnav .user>button{color: #fff}.theme-btn{color: #fff}.theme-btn:hover{background: rgba(255,255,255,.1)}.auth .theme-btn{position: fixed;top: 14px;right: 14px}.page-head{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 16px;padding: 16px 24px;background: var(--card);border-bottom: 1px solid var(--line)}.page-head h1{flex: 1;min-width: 200px;font-size: 27px;letter-spacing: -.4px}main{display: grid;gap: 16px;padding: 16px 24px 40px}.icon-btn{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;flex: none;border: 0;border-radius: 8px;background: none}.icon-btn:hover{background: var(--hover)}.user{position: relative}.user>button{display: flex;align-items: center;gap: 10px;padding: 2px 4px;border: 0;border-radius: 22px;background: none;font-weight: 500}.user>button .ic{width: 16px;height: 16px}.avatar{display: grid;place-items: center;width: 42px;height: 42px;flex: none;border-radius: 50%;background: var(--blue);color: #fff;font-style: normal;font-weight: 600;font-size: 13px}.pop{position: absolute;right: 0;top: calc(100% + 8px);z-index: 20;min-width: 190px;padding: 6px;background: var(--card);color: var(--ink);border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 12px 32px var(--shadow)}.pop a,.pop button{display: flex;align-items: center;gap: 10px;width: 100%;padding: 10px 12px;border: 0;border-radius: 6px;background: none;text-align: left;text-decoration: none;color: inherit}.pop a:hover,.pop button:hover{background: var(--hover)}.filters{display: flex;flex-wrap: wrap;gap: 10px}.sel select{height: 42px;min-width: 150px;max-width: 100%;padding: 0 36px 0 14px;border: 1px solid var(--input-border);border-radius: 8px;background-color: var(--input-bg);appearance: none;-webkit-appearance: none;background-repeat: no-repeat;background-position: right 12px center;background-size: 14px;background-image: var(--chevron)}.sel.cal select{padding-left: 42px;background-position: right 12px center,13px center;background-size: 14px,18px;background-image: var(--chevron),var(--calendar)}.sel select:hover{border-color: var(--input-hover)}.search{flex: 1 1 220px;max-width: 360px}.search input{width: 100%;height: 42px;padding: 0 12px 0 38px;border: 1px solid var(--input-border);border-radius: 8px;background: var(--input-bg) no-repeat 12px center / 17px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b95a9' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E")}.search input:hover{border-color: var(--input-hover)}.cards{display: grid;gap: 16px;grid-template-columns: repeat(auto-fit,minmax(min(100%,420px),1fr))}.cards.home{grid-template-columns: 1.35fr 1fr}.card{min-width: 0;padding: 22px 24px;background: var(--card);border: 1px solid var(--line);border-radius: 10px}.card h2{font-size: 19px;letter-spacing: -.2px}.card h3{margin: 18px 0 8px;font-size: 16px}.card-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 14px}.big{margin: 4px 0 14px;font-size: 44px;font-weight: 700;letter-spacing: -1px;line-height: 1.1}.bar{display: flex;height: 24px;margin-bottom: 20px;border-radius: 3px;overflow: hidden;background: var(--track)}.bar i{display: block;height: 100%}.legend{display: flex;flex-wrap: wrap;gap: 16px 40px}.lg{display: flex;gap: 14px;min-width: 150px}.dot{width: 16px;height: 16px;margin-top: 3px;flex: none;border-radius: 50%}.lg span{display: block}.lg b{display: block;font-size: 22px;letter-spacing: -.3px}.lg small{display: block;color: var(--muted);font-size: 16px}.ratio{display: flex;flex-wrap: wrap;align-items: center;gap: 20px 32px;margin-top: 14px}.ratio-rows{flex: 1;min-width: 200px}.ratio-rows .lg{align-items: flex-start;padding: 12px 0}.ratio-rows .lg + .lg{border-top: 1px solid var(--line)}.ratio-rows .lg>div{flex: 1}.donut{position: relative;width: 168px;height: 168px;flex: none}.donut svg{width: 100%;height: 100%}.donut circle{fill: none;stroke-width: 15}.d-rev{stroke: var(--green)}.d-cost{stroke: var(--blue)}.donut div{position: absolute;inset: 0;display: grid;place-content: center;text-align: center}.donut b{font-size: 26px}.donut span{font-size: 12px;line-height: 1.3}.hint{color: var(--muted);font-size: 13px}.empty{padding: 28px 0;text-align: center;color: var(--muted)}.tw{overflow: auto;border: 1px solid var(--line);border-radius: 8px}.tw.short{max-height: 236px}.tbl{width: 100%;border-collapse: collapse;font-size: 13.5px}.tbl th{position: sticky;top: 0;z-index: 1;padding: 11px 12px;background: var(--surface-2);text-align: left;font-weight: 600;font-size: 12.5px;white-space: nowrap}.tbl td{padding: 9px 12px;border-top: 1px solid var(--line);color: var(--text-2);vertical-align: middle}.tbl .num{text-align: right;white-space: nowrap}.tbl .c-date,.tbl .c-no{white-space: nowrap}.tbl .c-desc{min-width: 220px}.tbl th.c-lines{min-width: 200px}.tbl th.c-qty{width: 84px;min-width: 84px}.tbl th.c-amt{width: 116px;min-width: 116px}.lines{display: grid;gap: 4px}.tbl th.c-unit{width: 100px;min-width: 100px}.lines>div{display: grid;grid-template-columns: minmax(0,1fr) 84px 116px}.lines.unit>div{grid-template-columns: minmax(0,1fr) 84px 100px 116px}.lines span + span{text-align: right;white-space: nowrap}.tbl tr.click{cursor: pointer}.tbl tr.click:hover td{background: var(--hover)}.tbl tr.on td,.tbl tr.on:hover td{background: var(--selected)}.tbl tfoot td{background: var(--surface-2);color: var(--ink);font-weight: 700;font-size: 15px;text-align: right}.tbl tfoot .cells td{font-size: 13.5px}.tbl tfoot .cells td:not(.num){text-align: left}.badge{display: inline-block;min-width: 78px;padding: 3px 10px;border-radius: 4px;text-align: center;font-size: 12.5px;font-weight: 500;white-space: nowrap}.b-new,.b-ongoing,.b-po,.b-admin{background: var(--b-blue);color: var(--b-blue-fg)}.b-pending,.b-quotation{background: var(--b-amber);color: var(--b-amber-fg)}.b-signed,.b-paid,.b-closed,.b-superuser,.b-active{background: var(--b-green);color: var(--b-green-fg)}.b-outstanding{background: var(--b-red);color: var(--b-red-fg)}.b-invoice,.b-superadmin{background: var(--b-purple);color: var(--b-purple-fg)}.b-user,.b-deactivated{background: var(--b-grey);color: var(--b-grey-fg)}.b-cluster{min-width: 0;margin-left: 8px;background: var(--b-purple);color: var(--b-purple-fg)}.details{border-color: var(--details-border);scroll-margin: 90px 0 16px}.flds{display: grid;grid-template-columns: repeat(auto-fit,minmax(210px,1fr));gap: 16px 28px;margin-bottom: 16px}.flds.one{grid-template-columns: 1fr}.fld>span{display: block;margin-bottom: 2px;color: var(--muted);font-size: 12.5px}.fld>div{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 12px;font-size: 15px;overflow-wrap: anywhere}.fld .ref{font-size: 21px;letter-spacing: -.2px}.fld.v>div{flex-direction: column;align-items: flex-start;gap: 6px}.pair{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 12px}.flds.four{grid-template-columns: repeat(4,minmax(0,1fr))}.go-pair{align-items: flex-end;gap: 6px}.go{display: inline-grid;place-items: center;width: 26px;height: 26px;padding: 0;margin-bottom: 1px;border: 0;border-radius: 6px;background: var(--selected);color: var(--link)}.go:hover{background: var(--selected-2)}.go .ic{width: 15px;height: 15px}.stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(140px,1fr));gap: 14px 24px;margin-top: 16px;padding: 14px 22px;background: var(--surface-2);border-radius: 8px}.stat-groups{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin-top: 16px}.stat-groups .stats{grid-template-columns: 1fr;align-content: start;margin-top: 0}.card-head h2 .badge{margin-left: 12px;vertical-align: middle;letter-spacing: 0}.stats span{display: block;color: var(--muted);font-size: 12.5px}.stats b{font-size: 18px}.link{display: inline-flex;align-items: center;gap: 6px;padding: 0;border: 0;background: none;color: var(--link);font-weight: 500;text-decoration: underline;text-underline-offset: 2px}.link .ic{width: 17px;height: 17px}.link:disabled{color: var(--muted);text-decoration: none;cursor: default}.card-head .link{text-decoration: none}.card-head .btns{display: flex;flex-wrap: wrap;gap: 10px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 44px;padding: 0 20px;border: 1px solid var(--blue);border-radius: 8px;background: var(--blue);color: #fff;font-weight: 600}.btn:hover{background: #156bd0}.btn.ghost{background: var(--card);color: var(--link);border-color: var(--ghost-border)}.btn.ghost:hover{background: var(--ghost-hover)}.form{display: grid;gap: 14px;max-width: 420px;margin-top: 14px}.form label{display: grid;gap: 6px;font-weight: 500}.form input{height: 46px;padding: 0 14px;background: var(--input-bg);border: 1px solid var(--input-border);border-radius: 8px;font-size: 16px;font-weight: 400}.form .code{letter-spacing: .5em;font-size: 22px;text-align: center}.btn .ic{width: 18px;height: 18px}.btn.danger{color: var(--danger-fg)}.btn.danger:hover{background: var(--danger-hover)}.head-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.head-actions .btn{min-height: 38px;padding: 0 14px}.form select{height: 46px;padding: 0 12px;border: 1px solid var(--input-border);border-radius: 8px;background: var(--input-bg);font-size: 16px;font-weight: 400}.form textarea{min-height: 80px;padding: 10px 14px;border: 1px solid var(--input-border);border-radius: 8px;background: var(--input-bg);color: inherit;font-family: inherit;font-size: 15px;line-height: 1.45;resize: vertical}.form input[readonly],.form select:disabled{background: var(--surface-3);color: var(--muted)}.form input[type=file]{width: 100%;height: auto;padding: 10px}.form input[type=file]:disabled{background: var(--surface-3);color: var(--disabled-text);cursor: not-allowed}.form fieldset>*{min-width: 0}.form fieldset{display: grid;gap: 10px;min-width: 0;margin: 0;padding: 14px;border: 1px solid var(--line);border-radius: 8px}.form fieldset[hidden]{display: none}.form fieldset:disabled{background: var(--surface-3);color: var(--disabled-text)}.form fieldset:disabled input,.form fieldset:disabled .hint{color: var(--disabled-text);cursor: not-allowed}.form legend{padding: 0 6px;font-weight: 600}.form .check{display: flex;align-items: center;gap: 10px;font-weight: 400}.checks{display: flex;flex-wrap: wrap;gap: 8px 24px}.form .check input{width: 20px;height: 20px;flex: none}.form .check.tick{align-self: end;min-height: 46px;font-weight: 500}.form [hidden]{display: none}.tfa-state{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;margin: 10px 0 6px;font-weight: 600}.qr{display: grid;place-items: center;min-height: 180px;padding: 8px;background: #fff;border: 1px solid var(--line);border-radius: 8px}.qr svg{width: 200px;height: 200px}.key{padding: 10px 12px;border-radius: 8px;background: var(--surface-3);font: 600 16px/1.4 ui-monospace,Consolas,monospace;letter-spacing: .06em;overflow-wrap: anywhere}.steps{margin: 0;padding-left: 20px;font-weight: 500}.file-row{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 18px}.file-row input[type=file]{flex: 1 1 240px;width: auto}.grid2{display: grid;grid-template-columns: 1fr 1fr;gap: 14px}.grid2 label{min-width: 0}.grid2 .full{grid-column: 1 / -1}.item-row{display: grid;grid-template-columns: minmax(0,1fr) 90px 120px 40px;gap: 8px;align-items: center}.item-row.two{grid-template-columns: minmax(0,1fr) minmax(0,1fr) 40px}.item-row.one{grid-template-columns: minmax(0,1fr) 40px}.item-row input,.item-row select{min-width: 0}#items,#access{display: grid;gap: 8px}body.lock{overflow: hidden}.modal{position: fixed;inset: 0;z-index: 50;display: grid;place-items: center;padding: 16px;background: rgba(9,20,40,.55);overflow-y: auto}.modal[hidden]{display: none}.sheet{width: 100%;max-width: 680px;margin: auto;padding: 22px 24px;background: var(--card);border-radius: 12px;box-shadow: 0 20px 60px rgba(0,0,0,.3)}.sheet-form{max-width: none;margin: 0}.sheet-form .card-head{margin: 0}.sheet-foot{display: flex;justify-content: flex-end;gap: 10px}.error{padding: 10px 12px;border-radius: 8px;background: var(--error-bg);color: var(--error-fg)}.note{padding: 10px 12px;border-radius: 8px;background: var(--note-bg);color: var(--note-fg);font-size: 13px}.card>.btn{margin-top: 16px}.busy{position: fixed;inset: 0;z-index: 80;display: grid;place-items: center;background: rgba(9,20,40,.28);cursor: progress}.busy[hidden]{display: none}.spinner{width: 46px;height: 46px;border: 4px solid rgba(255,255,255,.35);border-top-color: var(--blue);border-radius: 50%;animation: spin .8s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration: 2.4s}}#imp-preview{margin-top: 12px;overflow-x: auto}#imp-preview td:last-child{min-width: 260px;overflow-wrap: anywhere}.sheet:has(form[data-form="qimport"]){max-width: 1040px}#imp-preview td .error{padding: 0;background: none}#imp-preview .tbl{font-size: 13px}.ok{padding: 10px 12px;border-radius: 8px;background: var(--b-green);color: var(--b-green-fg)}.toast{position: fixed;left: 50%;bottom: 24px;z-index: 90;transform: translateX(-50%);max-width: calc(100vw - 32px);padding: 12px 18px;border-radius: 10px;background: var(--toast-bg);color: var(--toast-fg);box-shadow: 0 10px 30px rgba(0,0,0,.25)}.auth{min-height: 100vh;min-height: 100dvh;display: grid;place-items: center;padding: 24px 16px;background: linear-gradient(160deg,var(--navy),var(--navy-2))}.auth-card{width: 100%;max-width: 420px;padding: 30px 28px;display: grid;gap: 14px;background: var(--card);border-radius: 14px}.auth-card .logo{padding: 0 0 6px;color: var(--ink)}.auth-card .logo path{stroke: #bcdcff}.auth-card .logo circle:last-child{fill: var(--ink)}.auth-card h1{font-size: 24px}.auth-card .form{margin-top: 0;max-width: none}.auth-links{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px}@media (max-width: 1240px){.topbar{gap: 8px 16px}.tab{padding: 0 11px}.tab .ic,.topnav .logo small{display: none}.admin-menu .tab .ic:last-child{display: block}.user>button span,.user>button .ic{display: none}}@media (max-width: 1100px){.cards.home{grid-template-columns: 1fr}}@media (max-width: 1024px){.topbar{flex-wrap: wrap;min-height: 0;padding: 8px 12px 0;gap: 4px 12px}.topnav .user{margin-left: auto}.tabs{order: 3;flex: 0 0 calc(100% + 24px);margin: 0 -12px;padding: 0 6px;overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch}.tabs::-webkit-scrollbar{display: none}.tab{padding: 12px 11px 11px;font-size: 14px}.admin-menu{display: none}.admin-flat{display: contents}.admin-flat .tab:first-child{margin-left: 8px;box-shadow: inset 1px 0 rgba(255,255,255,.18)}.demo-pill{font-size: 11px}}@media (max-width: 900px){.page-head{padding: 12px 16px 14px;gap: 10px}.page-head h1{min-width: 0;font-size: 19px}.page-head .filters{order: 3;width: 100%}.avatar{width: 38px;height: 38px}main{padding: 14px 12px 32px;gap: 12px}.cards{gap: 12px}.card{padding: 16px}.flds.four{grid-template-columns: repeat(2,minmax(0,1fr))}.flds.four>:nth-child(1){order: 1}.flds.four>:nth-child(2){order: 2}.flds.four>:nth-child(5){order: 3}.flds.four>:nth-child(6){order: 4}.flds.four>:nth-child(3){order: 5}.flds.four>:nth-child(4){order: 6}.flds.four>:nth-child(7){order: 7}.flds.four>:nth-child(8){order: 8}.big{font-size: 34px}}@media (max-width: 640px){.flds.four{grid-template-columns: 1fr}.flds.four>:nth-child(5){order: 2}.flds.four>:nth-child(2){order: 3}.flds.four>:nth-child(3){order: 5}.flds.four>:nth-child(7){order: 6}.flds.four>:nth-child(4){order: 7}.filters{display: grid;grid-template-columns: 1fr 1fr;width: 100%}.filters .sel:last-child:nth-child(odd){grid-column: 1 / -1}.sel select{width: 100%;min-width: 0;height: 44px;font-size: 16px}.search{flex-basis: 100%;max-width: none}.search input{height: 44px;font-size: 16px}.legend{gap: 14px 20px}.lg{min-width: 130px}.lg b{font-size: 19px}.ratio{justify-content: center}.tw{border: 0;border-radius: 0;overflow: visible}.tw.short{max-height: 320px;overflow: auto;border: 1px solid var(--line);border-radius: 8px;padding: 8px}.tbl,.tbl tbody,.tbl tfoot,.tbl tr,.tbl td{display: block}.tbl thead{display: none}.tbl tr{display: flex;flex-direction: column;margin-bottom: 8px;padding: 10px 12px;border: 1px solid var(--line);border-radius: 8px}.tbl tr.on{border-color: var(--blue);background: var(--selected)}.tbl tr.click:hover td,.tbl tr.on td,.tbl tr.on:hover td{background: none}.tbl td,.tbl .num{display: flex;justify-content: space-between;gap: 16px;padding: 3px 0;border: 0;text-align: right;white-space: normal}.tbl td[data-l]::before{content: attr(data-l);flex: none;color: var(--muted);text-align: left}.tbl td.c-desc{order: -1;min-width: 0;margin-bottom: 4px;color: var(--ink);font-weight: 600;text-align: left}.tbl td.c-desc::before,.tbl td.c-no{display: none}.tbl td.c-lines{display: block;order: 1;margin-top: 4px;padding-top: 6px;border-top: 1px solid var(--line);text-align: left}.tbl td.c-lines::before{display: block;margin-bottom: 4px}.lines>div{grid-template-columns: minmax(0,1fr) auto auto;gap: 0 12px}.lines.unit>div{grid-template-columns: minmax(0,1fr) auto auto}.lines.unit span:first-child{grid-column: 1 / -1}.lines.unit span:nth-child(2){text-align: left}.lines.unit span:nth-child(2)::before{content: 'Qty ';color: var(--muted)}.lines.unit span:nth-child(3)::before{content: '× ';color: var(--muted)}.tbl tfoot tr{flex-direction: row;justify-content: space-between;background: var(--surface-2)}.tbl tfoot tr.cells{flex-direction: column}.tbl tfoot td{background: none}.tbl tfoot .cells td:not(.num){text-align: right}.tbl tfoot .cells td:empty{display: none}.stats{padding: 12px 14px;grid-template-columns: 1fr 1fr}.stat-groups{grid-template-columns: 1fr}.card-head>.btn{width: 100%}.modal{padding: 0;place-items: stretch}.sheet{max-width: none;min-height: 100%;border-radius: 0;padding: 16px}.grid2{grid-template-columns: 1fr}.item-row{grid-template-columns: minmax(0,1fr) minmax(0,1fr) 40px;padding-bottom: 8px;border-bottom: 1px solid var(--line)}.item-row>:first-child{grid-column: 1 / -1}.item-row.two{padding-bottom: 0;border-bottom: 0}.item-row.two>:first-child,.item-row.one>:first-child{grid-column: auto}.item-row.one{grid-template-columns: minmax(0,1fr) 40px;padding-bottom: 0;border-bottom: 0}.sheet-foot .btn{flex: 1}}.pnl-up{color: var(--green);font-weight: 600}.pnl-down{color: var(--red);font-weight: 600}.tbl .th-sort{all: unset;cursor: pointer;display: inline-flex;align-items: center;gap: 5px;font: inherit;color: inherit}.tbl .th-sort span{font-size: 10px;opacity: .4}.tbl .th-sort.on span,.tbl .th-sort:hover span{opacity: 1}.tbl .th-sort:focus-visible{outline: 2px solid var(--blue);outline-offset: 2px;border-radius: 4px}