@import"https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#172033;background:#f4f6f8;font-synthesis:none;--ink:#172033;--amber:#f59e0b;--line:#e5e7eb;--muted:#667085}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,strong{font-family:Archivo,sans-serif}.cmyk-line{height:5px;background:linear-gradient(90deg,#00aeef 0 25%,#ec008c 25% 50%,#fff200 50% 75%,#172033 75%)}.eyebrow{display:block;color:#7b8493;font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:7px}.amber-text{color:#c97800}.app-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr;background:#fff}.login-brand-panel{position:relative;overflow:hidden;min-height:100vh;padding:52px 7vw;display:flex;flex-direction:column;color:#fff;background:var(--ink)}.login-brand-panel:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:14px 14px;-webkit-mask-image:linear-gradient(135deg,transparent 10%,#000 75%);mask-image:linear-gradient(135deg,transparent 10%,#000 75%)}.login-brand-panel .cmyk-line{position:absolute;left:0;right:0;top:0}.brand-mark{position:relative;display:flex;align-items:center;gap:12px;font-family:Archivo;font-weight:800;letter-spacing:.08em}.brand-mark svg{color:var(--amber)}.login-message{position:relative;margin:auto 0;max-width:590px}.login-message h1{margin:14px 0 24px;font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.045em}.login-message p{max-width:560px;margin:0;color:#c9d0dc;font-size:17px;line-height:1.8}.login-footnote{position:relative;color:#8d98aa;font-size:12px}.login-form-panel{display:grid;place-items:center;padding:40px;background:linear-gradient(135deg,#fff,#faf7f2)}.login-card{width:min(100%,430px);display:grid;gap:25px}.login-card h2{font-size:32px;margin:6px 0;letter-spacing:-.03em}.login-card p{color:var(--muted);margin:0;line-height:1.6}.login-card label{display:grid;gap:8px;font-size:13px;font-weight:700}.field-wrap{min-height:52px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #d5d9e0;border-radius:10px;background:#fff;transition:.2s}.field-wrap:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #f59e0b1f}.field-wrap svg{color:#89919e;flex:none}.field-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.icon-button{display:grid;place-items:center;padding:6px;border:0;background:transparent}.primary-button,.secondary-button{min-height:49px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800}.primary-button{background:var(--amber);color:var(--ink);box-shadow:0 8px 24px #f59e0b33}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{padding:0 18px;background:var(--ink);color:#fff}.form-error{padding:12px 14px;border-radius:9px;background:#fff0f0;border:1px solid #ffcaca;color:#b42318;font-size:13px}.login-card small{text-align:center;color:#8a929e}.mobile-brand{display:none;align-items:center;gap:10px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--amber);border-radius:7px;font-family:Archivo;font-weight:800}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px 1fr;transition:.2s}.app-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.sidebar{position:sticky;top:0;z-index:40;height:100vh;display:flex;flex-direction:column;background:var(--ink);color:#fff;box-shadow:8px 0 30px #1720330d}.sidebar-brand{min-height:77px;padding:0 19px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #ffffff12;overflow:hidden}.sidebar-brand .brand-icon{flex:none;background:#fff}.sidebar-brand div{display:grid;white-space:nowrap}.sidebar-brand strong{letter-spacing:.08em}.sidebar-brand small{margin-top:3px;color:#8995a8;font-size:9px;letter-spacing:.2em}.sidebar nav{padding:18px 12px;display:grid;gap:5px;overflow:auto}.sidebar nav a{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:8px;color:#aeb7c5;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden}.sidebar nav a:hover{background:#ffffff0a;color:#fff}.sidebar nav a.active{background:#f59e0b;color:var(--ink)}.sidebar nav svg{flex:none}.sidebar-user{margin:auto 12px 10px;padding:13px 10px;display:flex;gap:10px;align-items:center;border:1px solid #ffffff12;border-radius:10px;overflow:hidden}.avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--ink);font-weight:800}.sidebar-user>div:nth-child(2){min-width:0;display:grid;flex:1}.sidebar-user strong,.sidebar-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px}.sidebar-user small{color:#929dad;font-size:10px;margin-top:3px}.sidebar-user button,.collapse-button,.mobile-close{color:#aeb7c5;border:0;background:transparent}.collapse-button{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 23px;border-top:1px solid #ffffff0f;font-size:11px;white-space:nowrap;overflow:hidden}.sidebar-collapsed .sidebar-brand>div,.sidebar-collapsed nav span,.sidebar-collapsed .sidebar-user>div:nth-child(2),.sidebar-collapsed .sidebar-user button,.sidebar-collapsed .collapse-button span{display:none}.sidebar-collapsed .sidebar-brand{padding:0;justify-content:center}.sidebar-collapsed .sidebar-user{justify-content:center;padding:10px 0}.sidebar-collapsed .collapse-button{justify-content:center;padding:0;transform:rotate(180deg)}.mobile-close,.menu-button{display:none}.app-column{min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 30px;border-bottom:1px solid var(--line);background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar>div{display:grid}.topbar strong{font-size:14px}.topbar span{margin-top:3px;color:#89919e;font-size:11px}.notification-button{position:relative;margin-left:auto;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#5d6674}.notification-button i{position:absolute;top:8px;right:8px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#ec008c}.content{padding:32px}.page-stack{max-width:1500px;margin:0 auto;display:grid;gap:24px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.page-heading h1{margin:0;font-size:32px;letter-spacing:-.035em}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-card{position:relative;min-height:158px;padding:20px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px #17203308}.kpi-card>span{margin-top:13px;color:#78818f;font-size:12px}.kpi-card>strong{margin-top:5px;font-size:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-card>small{margin-top:auto;color:#98a0ab}.kpi-icon{position:absolute;right:18px;top:18px;width:38px;height:38px;display:grid;place-items:center;border-radius:9px}.kpi-icon.blue{background:#e8f5ff;color:#0875b8}.kpi-icon.amber{background:#fff3da;color:#bd7200}.kpi-icon.green{background:#e7f8ee;color:#18864b}.kpi-icon.red{background:#fff0f0;color:#c03b36}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:16px}.panel{border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px #17203308}.panel-heading{min-height:75px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3}.panel-heading h2{margin:0;font-size:17px}.panel-heading button{border:0;background:transparent;color:#b36b00;font-size:12px;font-weight:700}.empty-state{min-height:290px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9aa2ad}.empty-state strong{margin-top:14px;color:#56606e}.empty-state p{max-width:440px;margin:8px 0 0;font-size:13px;line-height:1.6}.attention-list{padding:7px 20px 18px}.attention-list>div{display:flex;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid #eff1f4}.attention-list>div:last-child{border-bottom:0}.attention-list p{display:grid;margin:0}.attention-list strong{font-size:13px}.attention-list small{margin-top:4px;color:#8b94a1}.status-dot{width:9px;height:9px;flex:none;border-radius:50%}.status-dot.urgent{background:#ec008c}.status-dot.warning{background:#f59e0b}.status-dot.normal{background:#00aeef}.notice{padding:14px 16px;display:flex;align-items:center;gap:12px;border-radius:10px}.notice.error{background:#fff2f1;border:1px solid #ffd0cd;color:#a62922}.notice>div{display:grid}.notice span{font-size:12px;margin-top:3px}.notice button{margin-left:auto;border:0;background:transparent;color:inherit;font-weight:700}.module-placeholder{min-height:420px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9aa2ad}.module-placeholder h2{color:#4c5664;margin:17px 0 8px}.module-placeholder p{max-width:600px;margin:0;line-height:1.7}.sidebar-backdrop{display:none}.customer-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.customer-stats-grid article{min-height:94px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 16px #17203307}.stat-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:10px}.stat-icon.blue{color:#0875b8;background:#e8f5ff}.stat-icon.purple{color:#7745b5;background:#f3edff}.stat-icon.amber{color:#b36b00;background:#fff4dc}.stat-icon.red{color:#bd342e;background:#fff0ef}.customer-stats-grid article>div{min-width:0;display:grid;gap:5px}.customer-stats-grid small{color:#7c8592;font-size:11px}.customer-stats-grid strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-list-panel{min-width:0;overflow:hidden}.customer-toolbar{min-height:75px;padding:14px 18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0f3}.search-box{min-height:43px;max-width:520px;flex:1;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #d8dde4;border-radius:9px;background:#fff}.search-box:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px #f59e0b1c}.search-box svg,.filter-select svg{color:#8c95a2;flex:none}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.filter-select{min-height:43px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #d8dde4;border-radius:9px;background:#fff}.filter-select select{border:0;outline:0;color:#4f5967;background:#fff}.customer-table-wrap,.history-table-wrap{overflow:auto}.customer-table,.history-table{width:100%;border-collapse:collapse}.customer-table th,.history-table th{padding:12px 15px;background:#f8f9fb;border-bottom:1px solid #e7eaf0;color:#7d8694;font-size:10px;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap}.customer-table td,.history-table td{padding:14px 15px;border-bottom:1px solid #edf0f3;color:#4d5664;font-size:12px;vertical-align:middle}.customer-table tbody tr:hover,.history-table tbody tr:hover{background:#fffaf0}.customer-identity{min-width:185px;display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.customer-identity>span,.customer-avatar{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px}.customer-identity>span.individual,.customer-avatar.individual{color:#0875b8;background:#e8f5ff}.customer-identity>span.company,.customer-avatar.company{color:#7745b5;background:#f2ebff}.customer-identity>div{min-width:0;display:grid;gap:4px}.customer-identity strong{color:#273143;font-size:13px}.customer-identity small{color:#98a0ab;font-size:9px}.contact-lines{min-width:150px;display:grid;gap:6px}.contact-lines a,.contact-lines span{display:flex;align-items:center;gap:6px;color:#66707e;text-decoration:none;white-space:nowrap}.contact-lines a:hover{color:#b36b00}.type-badge,.status-badge,.payment-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.type-badge.individual{color:#0875b8;background:#e8f5ff}.type-badge.company{color:#7745b5;background:#f2ebff}.address-cell{max-width:220px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#737d8b}.address-cell svg{flex:none}.money{text-align:right!important;font-variant-numeric:tabular-nums;white-space:nowrap}.has-debt,.debt-value{color:#c03731!important;font-weight:700}.row-actions{display:flex;justify-content:flex-end;gap:5px}.row-actions a,.row-actions button{padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#687383;text-decoration:none;font-size:10px;font-weight:700}.row-actions a:hover,.row-actions button:hover{color:#a96400;background:#fff4dc}.pagination{min-height:62px;padding:10px 18px;display:flex;align-items:center;gap:24px;border-top:1px solid #e9edf1;color:#7d8693;font-size:11px}.pagination>label{margin-left:auto;display:flex;align-items:center;gap:8px}.pagination select{padding:6px;border:1px solid var(--line);border-radius:6px;background:#fff}.pagination>div,.mini-pagination>div{display:flex;align-items:center;gap:8px}.pagination button,.mini-pagination button{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#596373}.pagination button:disabled,.mini-pagination button:disabled{opacity:.35;cursor:not-allowed}.customer-cards{display:none}.list-message{min-height:310px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9aa2ad}.list-message strong{margin-top:12px;color:#505a68}.list-message p{margin:7px 0;font-size:12px}.list-message button{margin-top:9px;padding:8px 13px;border:0;border-radius:7px;background:var(--ink);color:#fff}.list-message.error{color:#b42318}.customer-skeleton{padding:16px;display:grid;gap:9px}.customer-skeleton i{height:58px;border-radius:8px;background:linear-gradient(90deg,#f2f4f7,#fafafa,#f2f4f7);background-size:200%;animation:shimmer 1.2s infinite}.modal-layer{position:fixed;inset:0;z-index:100;padding:24px;display:grid;place-items:center;overflow:auto;background:#111827a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(100%,680px);max-height:calc(100vh - 48px);overflow:auto;border-radius:15px;background:#fff;box-shadow:0 24px 80px #0004}.modal-card>header{position:sticky;top:0;z-index:2;min-height:80px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}.modal-card h2{margin:0;font-size:21px}.modal-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff}.customer-form-modal form{padding:20px 22px 22px}.customer-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;border:0}.customer-type-picker legend{margin-bottom:8px;color:#4f5967;font-size:12px;font-weight:700}.customer-type-picker button{min-height:65px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #dce0e6;border-radius:9px;background:#fff;color:#66707e;text-align:left}.customer-type-picker button.active{border-color:var(--amber);background:#fff9eb;color:#835000;box-shadow:0 0 0 2px #f59e0b16}.customer-type-picker button span{display:grid;gap:3px}.customer-type-picker button strong{font-size:12px}.customer-type-picker button small{color:#8b94a0;font-size:9px}.form-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:7px}.form-grid label>span{color:#525c69;font-size:11px;font-weight:700}.form-grid label b{color:#ec008c}.form-grid .span-2{grid-column:span 2}.form-grid input,.form-grid textarea{width:100%;padding:11px 12px;border:1px solid #d9dde3;border-radius:8px;outline:0;resize:vertical;color:var(--ink);background:#fff}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px #f59e0b1a}.customer-form-modal footer{margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3}.ghost-button{min-height:43px;padding:0 17px;border:1px solid #d9dde3;border-radius:9px;background:#fff;color:#5d6674;font-weight:700}.form-submit{min-height:43px;padding:0 18px}.spin{animation:spin .8s linear infinite}.back-link{width:max-content;display:inline-flex;align-items:center;gap:7px;color:#697382;text-decoration:none;font-size:12px;font-weight:700}.back-link:hover{color:#b36b00}.customer-profile-hero{min-height:170px;position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:28px;border-radius:15px;color:#fff;background:var(--ink)}.customer-profile-hero:after{content:"";position:absolute;right:-60px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#ffffff0f,transparent 68%)}.profile-avatar{width:66px;height:66px;flex:none;display:grid;place-items:center;border-radius:15px}.profile-avatar.individual{background:#00aeef1f;color:#55c7f4}.profile-avatar.company{background:#ec008c1c;color:#f164b4}.profile-title{position:relative;z-index:1}.profile-title h1{margin:9px 0 5px;font-size:29px}.profile-title p{margin:0;color:#9da8b8;font-size:11px}.profile-debt{position:relative;z-index:1;margin-left:auto;min-width:230px;display:grid;gap:6px;padding:18px 20px;border:1px solid #ffffff16;border-radius:11px;background:#ffffff0a}.profile-debt small{color:#aeb7c5}.profile-debt strong{color:#fbbf24;font-size:23px}.profile-debt span{color:#919caf;font-size:10px}.profile-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.profile-contact-grid article{min-height:83px;display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.profile-contact-grid article>span{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:9px;color:#b36b00;background:#fff4dc}.profile-contact-grid article>div{min-width:0;display:grid;gap:5px}.profile-contact-grid small{color:#8a939f;font-size:10px}.profile-contact-grid strong,.profile-contact-grid a{color:#384251;text-decoration:none;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-panel{overflow:hidden}.detail-tabs{display:flex;gap:4px;padding:11px 15px 0;border-bottom:1px solid var(--line)}.detail-tabs button{min-height:46px;position:relative;display:flex;align-items:center;gap:7px;padding:0 14px;border:0;background:transparent;color:#75808e;font-size:11px;font-weight:700}.detail-tabs button.active{color:#9f6100}.detail-tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--amber)}.detail-tab-content{min-height:390px}.section-title{min-height:82px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f3}.section-title h2{margin:0;font-size:17px}.section-title p{margin:5px 0 0;color:#89929f;font-size:10px}.section-total{color:#bd342e;font-size:19px}.history-table td{padding-top:16px;padding-bottom:16px}.status-badge.pending{color:#a66500;background:#fff3d9}.status-badge.completed,.payment-badge.paid{color:#157448;background:#e7f8ee}.status-badge.cancelled{color:#a52d28;background:#fff0ef}.status-badge.processing,.status-badge.printing,.status-badge.finishing{color:#0875b8;background:#e8f5ff}.payment-badge.unpaid{color:#b02f2a;background:#fff0ef}.payment-badge.partial{color:#a66500;background:#fff3d9}.mini-pagination{min-height:57px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#7c8592;font-size:10px}.mini-pagination button{width:29px;height:29px}.aging-grid{padding:16px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-bottom:1px solid var(--line)}.aging-grid article{padding:13px;display:grid;gap:5px;border-radius:9px;background:#f7f8fa}.aging-grid span{color:#7d8693;font-size:10px}.aging-grid strong{font-size:14px}.aging-grid small{color:#9aa2ad;font-size:9px}.profile-details{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-details>div{display:grid;gap:7px;padding:15px;border:1px solid #edf0f3;border-radius:9px}.profile-details .span-2{grid-column:span 2}.profile-details small{color:#87909d;font-size:10px}.profile-details strong{display:flex;align-items:center;gap:6px;font-size:12px}.profile-details p{margin:0;color:#56606e;font-size:12px;line-height:1.65}.detail-loading{min-height:280px;display:grid;place-items:center;color:#8a939f}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.link-button{text-decoration:none}.order-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.order-overview article{min-height:90px;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff}.order-overview article>div{display:grid;gap:5px}.order-overview small{color:#7e8794;font-size:10px}.order-overview strong{font-size:20px}.stat-icon.green{color:#18864b;background:#e7f8ee}.order-list-panel{overflow:hidden}.order-filters{min-height:75px;padding:14px 18px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.date-filter{min-height:43px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #d8dde4;border-radius:9px;color:#929aa6;background:#fff}.date-filter input{width:112px;border:0;outline:0;color:#56606e;background:transparent;font-size:10px}.order-table-wrap{overflow:auto}.order-table{width:100%;border-collapse:collapse}.order-table th{padding:12px 14px;background:#f8f9fb;border-bottom:1px solid var(--line);color:#7d8694;font-size:10px;text-align:left;text-transform:uppercase;white-space:nowrap}.order-table td{padding:14px;border-bottom:1px solid #edf0f3;color:#505a68;font-size:11px;vertical-align:middle}.order-table tbody tr:hover{background:#fffaf0}.order-code,.order-customer,.order-table td.money a{color:inherit;text-decoration:none}.order-code{position:relative;min-width:115px;display:grid;gap:4px}.order-code strong{color:#293343}.order-code small,.order-customer small,.order-product small{color:#929ba7;font-size:9px}.priority{width:max-content;padding:3px 6px;border-radius:5px;font-size:8px;font-weight:800}.priority.high{color:#a66500;background:#fff3d9}.priority.urgent{color:#b02f2a;background:#fff0ef}.order-customer{min-width:145px;display:flex;align-items:center;gap:8px}.order-customer>div,.order-product{display:grid;gap:4px}.order-product{min-width:125px}.due-date{white-space:nowrap}.due-date.urgent{color:#b02f2a;font-weight:700}.payment-cell{min-width:130px;display:grid;gap:5px}.payment-cell small{color:#bd342e;font-size:8px}.order-mobile-list{display:none}.order-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:17px;align-items:start}.order-form-main{min-width:0;display:grid;gap:17px}.form-section{overflow:visible}.form-section>header{min-height:78px;padding:16px 19px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.section-number{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:var(--amber);font-family:Archivo;font-weight:800}.form-section header>div{display:grid;gap:4px}.form-section h2{margin:0;font-size:16px}.form-section header p{margin:0;color:#89929f;font-size:9px}.add-line-button{min-height:34px;margin-left:auto;display:flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #d8dde4;border-radius:7px;background:#fff;color:#626c79;font-size:10px;font-weight:700}.customer-picker{position:relative;margin:18px;min-height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #d8dde4;border-radius:9px}.customer-picker input{width:100%;border:0;outline:0}.customer-picker-results{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 5px);max-height:260px;padding:6px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 15px 40px #17203324}.customer-picker-results>span{display:block;padding:16px;color:#87909c;font-size:11px;text-align:center}.customer-picker-results button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:7px;background:#fff;text-align:left}.customer-picker-results button:hover{background:#fff6e3}.customer-picker-results i,.selected-customer i{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:8px;color:#0875b8;background:#e8f5ff}.customer-picker-results button>span,.selected-customer>div{display:grid;gap:3px}.customer-picker-results strong,.selected-customer strong{font-size:11px}.customer-picker-results small,.selected-customer small{color:#8b94a1;font-size:9px}.selected-customer{margin:-7px 18px 18px;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #c8ead7;border-radius:9px;background:#f0fbf5}.order-item-list{padding:14px;display:grid;gap:12px}.order-item-editor{overflow:hidden;border:1px solid #dfe3e8;border-radius:10px}.item-editor-head{min-height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#f8f9fb}.item-editor-head span,.item-editor-head button{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700}.item-editor-head button{border:0;background:transparent;color:#b23832}.order-item-editor .form-grid{margin:0;padding:14px}.form-grid select{width:100%;padding:11px 12px;border:1px solid #d9dde3;border-radius:8px;outline:0;color:var(--ink);background:#fff}.item-total{min-height:45px;padding:0 14px;display:flex;align-items:center;justify-content:flex-end;gap:15px;border-top:1px solid #edf0f3;background:#fffaf0}.item-total span{color:#7f8895;font-size:10px}.item-total strong{font-size:14px}.section-fields{margin:0;padding:18px}.order-summary{position:sticky;top:92px;overflow:hidden}.order-summary>header{min-height:62px;padding:0 17px;display:flex;align-items:center;gap:9px;color:#fff;background:var(--ink)}.order-summary h2{margin:0;font-size:15px}.order-summary>header svg{color:var(--amber)}.summary-lines{padding:15px 17px;display:grid;gap:13px}.summary-lines>span,.summary-lines>label{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-lines small{color:#7d8693}.summary-lines input{width:130px;padding:7px 8px;border:1px solid #dce0e6;border-radius:7px;text-align:right}.vat-toggle>span{display:flex;align-items:center;gap:7px;font-size:11px}.vat-toggle input{width:auto}.vat-toggle select{padding:6px;border:1px solid #dce0e6;border-radius:6px}.summary-total,.summary-remaining{min-height:66px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.summary-total{background:#fff8e7}.summary-total strong{color:#9f6100;font-size:20px}.summary-remaining strong{color:#bd342e}.order-summary>.form-error{margin:12px 15px}.order-summary>.primary-button{width:calc(100% - 30px);margin:0 15px 13px}.order-summary>p{margin:0 15px 15px;display:flex;gap:6px;color:#9098a4;font-size:9px;line-height:1.5}.order-detail-header{position:relative;min-height:125px;display:flex;align-items:center;gap:20px;padding:23px 26px;border-radius:14px;color:#fff;background:var(--ink)}.order-detail-header h1{margin:7px 0 5px;font-size:29px}.order-detail-header p{margin:0;color:#98a3b4;font-size:10px}.priority-pill{padding:4px 8px;border-radius:6px;font-size:9px;font-weight:800}.priority-pill.normal{color:#b8c0cc;background:#ffffff10}.priority-pill.high{color:#f6bd4d;background:#f59e0b20}.priority-pill.urgent{color:#ff8d87;background:#ec4b4420}.order-header-actions{margin-left:auto;display:flex;align-items:end;gap:10px}.order-header-actions label{display:grid;gap:5px;color:#9da8b8;font-size:9px}.order-header-actions select{min-height:43px;padding:0 11px;border:1px solid #ffffff24;border-radius:8px;color:#fff;background:#ffffff0d}.order-header-actions option{color:#172033}.order-status-error{position:absolute;right:25px;bottom:-42px;z-index:2}.order-detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.order-detail-kpis article{min-height:78px;display:flex;align-items:center;gap:11px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.order-detail-kpis article>span{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:8px;color:#b36b00;background:#fff4dc}.order-detail-kpis article>div{display:grid;gap:4px}.order-detail-kpis small{color:#87909c;font-size:9px}.order-detail-kpis strong{font-size:12px}.debt-text{color:#bd342e}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px;align-items:start}.order-detail-main,.order-detail-layout>aside{display:grid;gap:15px}.order-products-panel{overflow:hidden}.order-products-panel>header,.order-note-panel>header,.customer-side-card>header,.financial-side-card>header{min-height:65px;padding:14px 17px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.order-products-panel>header{justify-content:space-between}.order-products-panel h2,.order-note-panel h2,.customer-side-card h2,.financial-side-card h2{margin:0;font-size:15px}.order-products-panel>header>strong{color:#838c99;font-size:10px}.order-detail-items{display:grid}.order-detail-items article{display:flex;align-items:flex-start;gap:13px;padding:18px;border-bottom:1px solid #edf0f3}.order-detail-items article:last-child{border-bottom:0}.item-index{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:7px;color:#9d6000;background:#fff3d9;font-weight:800}.detail-item-info{min-width:0;flex:1}.detail-item-info>div:first-child{display:flex;align-items:center;gap:8px}.detail-item-info h3{margin:0;font-size:13px}.detail-item-info p{margin:8px 0;color:#727c8a;font-size:10px;line-height:1.6}.detail-item-info>div:last-child{display:flex;gap:18px;color:#818a97;font-size:9px}.detail-item-info>div:last-child strong{margin-left:4px;color:#4a5462}.detail-item-total{margin-left:auto;white-space:nowrap;font-size:13px}.order-note-panel{overflow:hidden}.order-note-panel>div{display:grid;grid-template-columns:1fr 1fr}.order-note-panel article{padding:16px}.order-note-panel article+article{border-left:1px solid var(--line)}.order-note-panel small{color:#8a939f}.order-note-panel p{margin:8px 0 0;color:#596371;font-size:11px;line-height:1.65}.customer-side-card,.financial-side-card{overflow:hidden}.customer-side-card>a{padding:16px;display:grid;gap:5px;color:inherit;text-decoration:none}.customer-side-card>a span{color:#b36b00;font-size:9px}.customer-side-card>div{padding:0 16px 16px;display:grid;gap:9px}.customer-side-card>div a,.customer-side-card>div span{display:flex;align-items:flex-start;gap:7px;color:#687280;text-decoration:none;font-size:10px;line-height:1.5}.financial-side-card>div,.financial-side-card>footer{padding:14px 16px;display:grid;gap:11px}.financial-side-card>div span,.financial-side-card>footer span{display:flex;justify-content:space-between;color:#7c8592;font-size:10px}.financial-side-card strong{color:#394352}.financial-side-card>footer{border-top:1px solid var(--line);background:#fafbfc}.financial-side-card>footer span:first-child strong{font-size:14px}.financial-side-card .remaining{padding-top:10px;border-top:1px dashed #d9dde3}.financial-side-card .remaining strong{color:#bd342e}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1150px){.customer-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-contact-grid{grid-template-columns:1fr 1fr}.profile-contact-grid article:last-child{grid-column:span 2}}@media(max-width:1200px){.order-overview,.order-detail-kpis{grid-template-columns:repeat(2,1fr)}.order-form-layout,.order-detail-layout{grid-template-columns:1fr}.order-summary{position:static}.order-detail-layout>aside{grid-template-columns:1fr 1fr}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px 20px}.mobile-brand{display:flex}.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translate(-105%);width:min(300px,86vw);transition:.25s}.sidebar.mobile-open{transform:none}.sidebar-collapsed .sidebar-brand>div,.sidebar-collapsed nav span,.sidebar-collapsed .sidebar-user>div:nth-child(2),.sidebar-collapsed .sidebar-user button,.sidebar-collapsed .collapse-button span{display:grid}.sidebar-collapsed .sidebar-brand{padding:0 19px;justify-content:flex-start}.sidebar-collapsed .sidebar-user{justify-content:flex-start;padding:13px 10px}.collapse-button{display:none}.mobile-close{display:block;margin-left:auto}.sidebar-backdrop{position:fixed;inset:0;z-index:35;display:block;border:0;background:#1118278c}.menu-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#fff}.topbar{padding:0 18px}.content{padding:24px 18px}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.customer-table-wrap{display:none}.customer-cards{padding:12px;display:grid;gap:10px}.customer-cards article{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#fff}.customer-cards article>a{display:block;padding:15px;color:inherit;text-decoration:none}.customer-card-head{display:flex;align-items:center;gap:10px}.customer-card-head>div{min-width:0;display:grid;gap:4px;flex:1}.customer-card-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-card-head small{color:#8d96a2;font-size:9px}.customer-card-info{margin-top:13px;display:grid;gap:8px}.customer-card-info span{display:flex;align-items:center;gap:7px;color:#697382;font-size:11px}.customer-card-debt{margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;border-top:1px solid #edf0f3}.customer-card-debt small{color:#89929e}.customer-card-debt strong{color:#b8322c;font-size:12px}.customer-cards article>button{width:100%;min-height:38px;border:0;border-top:1px solid #edf0f3;background:#fafbfc;color:#6c7684;font-size:10px;font-weight:700}.pagination{align-items:flex-start;flex-wrap:wrap;gap:10px}.pagination>label{margin-left:0}.pagination>div{margin-left:auto}.customer-profile-hero{align-items:flex-start;flex-wrap:wrap}.profile-debt{width:100%;margin-left:0}.aging-grid{grid-template-columns:1fr 1fr}.history-table{min-width:720px}}@media(max-width:850px){.order-table-wrap{display:none}.order-mobile-list{padding:12px;display:grid;gap:10px}.order-mobile-list>a{padding:14px;border:1px solid var(--line);border-radius:10px;color:inherit;text-decoration:none;background:#fff}.mobile-order-head,.mobile-order-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-order-head>div{display:grid;gap:3px}.mobile-order-head small{color:#8d96a3;font-size:9px}.order-mobile-list h3{margin:13px 0 5px;font-size:14px}.order-mobile-list p{margin:0;color:#7f8895;font-size:10px}.mobile-order-foot{margin-top:13px;padding-top:11px;border-top:1px solid #edf0f3;font-size:9px}.mobile-order-foot span{color:#8a939f}.mobile-order-foot span strong{margin-left:4px;color:#505a67}.order-filters{align-items:stretch;flex-wrap:wrap}.order-filters .search-box{min-width:100%}.date-filter{flex:1}.date-filter input{flex:1;width:auto}.order-detail-header{align-items:flex-start;flex-direction:column}.order-header-actions{width:100%;margin-left:0}.order-header-actions label{flex:1}.order-header-actions select{width:100%}.order-status-error{position:static;width:100%}.order-detail-layout>aside{grid-template-columns:1fr}}@media(max-width:560px){.login-card h2{font-size:27px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:27px}.secondary-button{width:100%}.kpi-grid,.customer-stats-grid{grid-template-columns:1fr}.kpi-card{min-height:142px}.content{padding:22px 14px}.customer-toolbar{align-items:stretch;flex-direction:column}.search-box,.filter-select select{width:100%}.customer-stats-grid article{min-height:80px}.modal-layer{padding:0;place-items:end stretch}.modal-card{width:100%;max-height:94vh;border-radius:16px 16px 0 0}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.customer-type-picker{grid-template-columns:1fr}.customer-profile-hero{padding:20px}.profile-title h1{font-size:23px}.profile-contact-grid{grid-template-columns:1fr}.profile-contact-grid article:last-child{grid-column:span 1}.detail-tabs{overflow:auto}.detail-tabs button{flex:none}.aging-grid{grid-template-columns:1fr 1fr;padding:12px}.section-title{align-items:flex-start;gap:12px;flex-direction:column}.profile-details{grid-template-columns:1fr;padding:14px}.profile-details .span-2{grid-column:span 1}}@media(max-width:560px){.order-overview,.order-detail-kpis{grid-template-columns:1fr}.order-overview article{min-height:76px}.date-filter,.order-form-page .page-heading button{width:100%}.form-section>header{align-items:flex-start;flex-wrap:wrap}.add-line-button{width:100%;margin-left:43px;justify-content:center}.order-item-editor .form-grid{grid-template-columns:1fr}.order-item-editor .span-2{grid-column:span 1}.summary-lines input{width:110px}.order-detail-header{padding:20px}.order-header-actions{align-items:stretch;flex-direction:column}.order-detail-items article{flex-wrap:wrap}.detail-item-total{width:100%;padding-left:41px}.order-note-panel>div{grid-template-columns:1fr}.order-note-panel article+article{border-top:1px solid var(--line);border-left:0}}.production-overview,.production-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.production-overview article,.production-kpis article{min-height:84px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.production-overview article>div,.production-kpis article>div{display:grid;gap:5px}.production-overview small,.production-kpis small{color:#808996;font-size:9px}.production-overview strong,.production-kpis strong{font-size:18px}.production-toolbar{min-height:72px;padding:14px 17px;display:flex;gap:11px;border-bottom:1px solid var(--line)}.production-list-panel{overflow:hidden}.production-grid{padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.production-card{position:relative;overflow:hidden;min-height:250px;padding:16px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:11px;color:inherit;text-decoration:none;background:#fff;transition:.2s}.production-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#c6cbd3}.production-card.high:before{background:#f59e0b}.production-card.urgent:before{background:#ec4b44}.production-card:hover{transform:translateY(-2px);border-color:#cdd2d9;box-shadow:0 12px 30px #17203310}.production-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.production-card>header>div{display:grid;gap:4px}.production-card>header>div span{color:#303a4a;font-family:Archivo;font-size:12px;font-weight:800}.production-card>header small{color:#969eaa;font-size:8px}.production-status{width:max-content;display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.production-status.draft{color:#687281;background:#f0f2f5}.production-status.pending{color:#a66500;background:#fff3d9}.production-status.approved{color:#0875b8;background:#e8f5ff}.production-status.in_progress{color:#7745b5;background:#f2ebff}.production-status.paused{color:#a34a00;background:#fff0df}.production-status.completed{color:#157448;background:#e7f8ee}.production-status.cancelled{color:#b02f2a;background:#fff0ef}.production-card h2{margin:20px 0;font-size:16px}.production-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.production-card-meta>span{display:grid;gap:4px;padding:9px;border-radius:7px;background:#f8f9fa}.production-card-meta small{color:#8b94a1;font-size:8px}.production-card-meta strong{font-size:10px}.production-progress{margin-top:18px}.production-progress>div{height:6px;overflow:hidden;border-radius:10px;background:#edf0f3}.production-progress>div span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#00aeef,#f59e0b)}.production-progress small{display:block;margin-top:6px;color:#808996;font-size:8px;text-align:right}.production-card footer{margin-top:auto;padding-top:13px;display:flex;justify-content:space-between;border-top:1px solid #edf0f3;color:#8a939f;font-size:8px}.priority-text{font-weight:800}.priority-text.high{color:#a66500}.priority-text.urgent{color:#b02f2a}.production-hero{min-height:145px;display:flex;align-items:center;gap:25px;padding:24px 27px;border-radius:14px;color:#fff;background:var(--ink)}.production-hero h1{margin:8px 0 5px;font-size:28px}.production-hero p{margin:0;color:#9da8b7;font-size:10px}.production-hero p a{color:#f6bd4d;text-decoration:none}.production-hero-progress{width:220px;margin-left:auto;display:grid;gap:5px}.production-hero-progress strong{color:#f6bd4d;font-size:26px}.production-hero-progress span{color:#99a4b4;font-size:9px}.production-hero-progress>div{height:7px;overflow:hidden;border-radius:10px;background:#ffffff16}.production-hero-progress i{display:block;height:100%;background:linear-gradient(90deg,#00aeef,#f59e0b)}.production-actions{display:grid;gap:9px;justify-items:end}.production-actions select{min-height:40px;padding:0 9px;border:1px solid #ffffff22;border-radius:8px;color:#fff;background:#ffffff0c}.production-actions option{color:#172033}.production-kpis article>span{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:8px;color:#b36b00;background:#fff4dc}.production-jobs{display:grid;gap:14px}.production-job{overflow:hidden}.job-header{width:100%;min-height:88px;padding:15px 17px;display:flex;align-items:center;gap:13px;border:0;background:#fff;text-align:left}.job-number{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:var(--amber);font-family:Archivo;font-weight:800}.job-header>div:nth-child(2){min-width:0;display:grid;gap:3px}.job-header>div:nth-child(2)>span{color:#b36b00;font-size:8px;font-weight:800}.job-header h2{margin:0;font-size:15px}.job-header small{color:#89929e;font-size:9px}.job-quantities{margin-left:auto;display:flex;gap:20px}.job-quantities span{display:grid;gap:4px;color:#8a939f;font-size:8px}.job-quantities strong{color:#4c5664;font-size:11px}.job-header>svg{margin-left:8px;color:#8b94a0;transition:.2s}.job-header>svg.open{transform:rotate(180deg)}.job-content{border-top:1px solid var(--line)}.job-content>section+section{border-top:1px solid var(--line)}.job-content section>header{min-height:65px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between}.job-content h3{margin:0;font-size:13px}.job-content header p{margin:4px 0 0;color:#8b94a1;font-size:8px}.job-content header button{min-height:32px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #d9dde3;border-radius:7px;color:#65707d;background:#fff;font-size:9px;font-weight:700}.step-timeline{padding:0 17px 18px 32px}.production-step{min-height:78px;position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-left:2px solid #dfe3e8;background:#fafbfc}.production-step+.production-step{border-top:1px solid #edf0f3}.production-step.done,.production-step.skipped{border-left-color:#24a362}.production-step.running{border-left-color:#7745b5;background:#fbf9ff}.production-step.blocked{border-left-color:#ec4b44}.step-line-index{width:25px;height:25px;flex:none;display:grid;place-items:center;border-radius:50%;color:#6e7886;background:#e9ecf0;font-size:9px;font-weight:800}.production-step.done .step-line-index{color:#fff;background:#24a362}.production-step.running .step-line-index{color:#fff;background:#7745b5}.step-main{min-width:0;flex:1}.step-main>div{display:flex;align-items:center;gap:8px}.step-main h4{margin:0;font-size:11px}.step-main>div span,.step-main p{color:#858e9b;font-size:8px}.step-main p{margin:5px 0 0}.step-status,.material-status{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.step-status.pending,.material-status.planned{color:#717b88;background:#e9ecf0}.step-status.ready{color:#0875b8;background:#e8f5ff}.step-status.running{color:#7745b5;background:#f2ebff}.step-status.done,.step-status.skipped,.material-status.used{color:#157448;background:#e7f8ee}.step-status.blocked{color:#b02f2a;background:#fff0ef}.material-status.issued{color:#a66500;background:#fff3d9}.step-actions{min-width:170px;display:flex;justify-content:flex-end;gap:5px}.step-actions button{min-height:30px;display:flex;align-items:center;gap:5px;padding:0 8px;border:0;border-radius:6px;color:#fff;background:var(--ink);font-size:8px;font-weight:700}.step-actions button.subtle{color:#6e7885;background:#eceff2}.step-actions button:disabled{opacity:.5}.material-list{padding:0 17px 18px;display:grid;gap:6px}.production-material{min-height:65px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e6e9ed;border-radius:8px}.material-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:7px;color:#a66500;background:#fff3d9}.production-material>div{min-width:0;display:grid;gap:3px;flex:1}.production-material>div strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.production-material>div small{color:#8b94a1;font-size:8px}.material-qty,.material-stock{min-width:95px;display:grid;gap:3px}.material-qty small,.material-stock small{color:#8c95a1;font-size:8px}.material-qty strong,.material-stock strong{font-size:10px}.material-stock strong.low{color:#bd342e}.production-material>button{min-height:31px;padding:0 9px;border:0;border-radius:6px;color:#fff;background:var(--ink);font-size:8px;font-weight:700}.production-material>button:disabled{opacity:.4}.empty-bom{padding:28px;color:#929aa6;text-align:center;font-size:10px}.add-step-modal{max-width:480px}.add-step-modal>div{padding:20px}.add-step-modal label{display:grid;gap:7px;color:#596371;font-size:10px;font-weight:700}.add-step-modal select{padding:11px;border:1px solid #d9dde3;border-radius:8px;background:#fff}.add-step-modal p{color:#89929f;font-size:9px}.add-step-modal footer{padding:15px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line)}@media(max-width:1200px){.production-grid,.production-overview,.production-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.production-grid{grid-template-columns:1fr}.production-hero{align-items:flex-start;flex-wrap:wrap}.production-hero-progress{width:100%;margin-left:0}.production-actions{width:100%;justify-items:stretch}.job-quantities{display:none}.production-step{align-items:flex-start;flex-wrap:wrap}.step-main{min-width:calc(100% - 42px)}.step-status{margin-left:37px}.step-actions{width:100%;min-width:0;margin-left:37px;justify-content:flex-start}.production-material{flex-wrap:wrap}.production-material>div{min-width:calc(100% - 45px)}.material-qty,.material-stock{flex:1}.production-material>button{margin-left:auto}}@media(max-width:560px){.production-overview,.production-kpis{grid-template-columns:1fr}.production-toolbar{align-items:stretch;flex-direction:column}.production-card{min-height:235px}.production-hero{padding:20px}.production-hero h1{font-size:23px}.job-header{align-items:flex-start}.step-timeline{padding-left:15px}.production-step{padding:10px 8px}.step-status,.step-actions{margin-left:0}.material-list{padding-left:10px;padding-right:10px}.material-status{order:5}.production-material>button{order:6}}.inventory-overview,.inventory-detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inventory-overview article,.inventory-detail-kpis article{min-height:84px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.inventory-overview article>div,.inventory-detail-kpis article>div{display:grid;gap:5px}.inventory-overview small,.inventory-detail-kpis small{color:#808996;font-size:9px}.inventory-overview strong,.inventory-detail-kpis strong{font-size:17px}.inventory-list-panel{overflow:hidden}.inventory-toolbar{min-height:72px;padding:14px 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.low-filter{min-height:43px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #d8dde4;border-radius:9px;color:#5f6977;background:#fff;font-size:9px;font-weight:700;white-space:nowrap}.simple-select,.form-grid select{min-height:43px;padding:0 11px;border:1px solid #d8dde4;border-radius:9px;color:#505a68;background:#fff}.inventory-table-wrap,.ledger-table-wrap{overflow:auto}.inventory-table,.ledger-table{width:100%;border-collapse:collapse}.inventory-table th,.ledger-table th{padding:11px 14px;color:#7f8996;background:#f7f8fa;font-size:8px;text-align:left;text-transform:uppercase}.inventory-table td,.ledger-table td{padding:13px 14px;border-top:1px solid #edf0f3;color:#616b78;font-size:9px}.inventory-table .num,.ledger-table .num{text-align:right;white-space:nowrap}.inventory-table td:first-child a{display:grid;gap:4px;color:inherit;text-decoration:none}.inventory-table td:first-child strong{color:#303a48;font-size:11px}.inventory-code{color:#ae6800;font-size:8px;font-weight:800}.location-cell{display:flex;align-items:center;gap:5px}.stock-low{color:#bd342e}.low-row{background:snow}.row-action{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:#697381;background:#fff}.inventory-modal form{padding:20px 22px 22px}.inventory-modal footer{margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3}.movement-help{padding:10px;border-radius:7px;color:#766041;background:#fff7e6;font-size:9px;line-height:1.5}.inventory-hero{min-height:150px;display:flex;align-items:center;gap:25px;padding:24px 27px;border-radius:14px;color:#fff;background:var(--ink)}.inventory-hero h1{margin:7px 0;font-size:27px}.inventory-hero p{margin:0;display:flex;align-items:center;gap:5px;color:#9ca7b6;font-size:9px}.stock-hero{margin-left:auto;display:grid;grid-template-columns:auto auto;align-items:end;gap:2px 7px}.stock-hero small,.stock-hero em{grid-column:span 2;color:#9da8b7;font-size:8px}.stock-hero strong{color:#53d68d;font-size:29px}.stock-hero span{padding-bottom:4px;color:#b8c1cd;font-size:10px}.stock-hero.low strong,.stock-hero.low em{color:#ff8c87}.stock-hero em{margin-top:4px;display:flex;align-items:center;gap:4px;font-style:normal}.inventory-hero-actions{display:grid;gap:8px}.inventory-hero-actions .ghost-button{color:#fff;border-color:#ffffff25;background:#ffffff0c}.inventory-detail-kpis article>svg{padding:8px;box-sizing:content-box;border-radius:8px;color:#ad6800;background:#fff3d9}.inventory-ledger{overflow:hidden}.inventory-ledger>.section-title{padding:16px 18px}.ledger-dates{display:flex;align-items:center;gap:7px;color:#89929e;font-size:9px}.ledger-dates input{padding:8px;border:1px solid #dce0e5;border-radius:7px;color:#56606d;background:#fff}.movement-type{padding:5px 7px;border-radius:999px;font-weight:800}.movement-type.receipt,.movement-type.return{color:#157448;background:#e7f8ee}.movement-type.issue,.movement-type.waste{color:#b02f2a;background:#fff0ef}.movement-type.adjust{color:#87550a;background:#fff3d9}.movement-qty{font-weight:800}.movement-qty.in{color:#188253}.movement-qty.out{color:#c33b35}@media(max-width:1000px){.inventory-toolbar{align-items:stretch;flex-wrap:wrap}.inventory-toolbar .search-box{min-width:100%}.inventory-hero{align-items:flex-start;flex-wrap:wrap}.stock-hero{margin-left:0}.inventory-hero-actions{margin-left:auto}.inventory-overview,.inventory-detail-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.inventory-overview,.inventory-detail-kpis{grid-template-columns:1fr}.inventory-toolbar{flex-direction:column}.inventory-table{min-width:800px}.inventory-hero-actions{width:100%;margin-left:0}.inventory-hero-actions button{justify-content:center}.stock-hero{width:100%}.ledger-dates{align-items:stretch;flex-wrap:wrap}.ledger-table{min-width:850px}}.debt-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.debt-overview article{min-height:90px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.debt-overview article>svg{padding:9px;box-sizing:content-box;border-radius:9px;color:#a96700;background:#fff3d9}.debt-overview article>div{display:grid;gap:5px}.debt-overview small{color:#808996;font-size:9px}.debt-overview strong{font-size:16px}.debt-panel{overflow:hidden}.debt-tabs{display:flex;border-bottom:1px solid var(--line);background:#fafbfc}.debt-tabs button{min-height:49px;padding:0 17px;display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;color:#7c8592;background:transparent;font-size:9px;font-weight:800}.debt-tabs button.active{border-color:var(--amber);color:#9b5e00;background:#fff}.debt-toolbar{padding:13px 17px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.debt-table-wrap{overflow:auto}.debt-table{width:100%;min-width:900px;border-collapse:collapse}.debt-table th{padding:11px 13px;color:#7f8996;background:#f7f8fa;font-size:8px;text-align:left;text-transform:uppercase}.debt-table td{padding:13px;border-top:1px solid #edf0f3;color:#626c79;font-size:9px}.debt-table a{color:#9f6000;text-decoration:none;font-weight:700}.debt-table .num{text-align:right;white-space:nowrap}.debt-status{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap}.debt-status.unpaid{color:#b02f2a;background:#fff0ef}.debt-status.partial{color:#a66500;background:#fff3d9}.debt-status.paid{color:#157448;background:#e7f8ee}.remaining-cell{color:#bd342e!important;font-weight:800}.paid-cell{color:#168153!important;font-weight:800}.collect-button{min-height:30px;padding:0 9px;border:0;border-radius:6px;color:#fff;background:var(--ink);font-size:8px;font-weight:800;white-space:nowrap}.payment-modal form{padding:20px 22px 22px}.payment-modal footer{margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3}.payment-balance{padding:15px;display:grid;grid-template-columns:1fr auto;gap:5px;border-radius:10px;color:#74613f;background:#fff7e5}.payment-balance span,.payment-balance small{font-size:9px}.payment-balance strong{font-size:18px}.payment-balance small{grid-column:span 2;color:#9a8057}@media(max-width:1100px){.debt-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.debt-overview{grid-template-columns:1fr}.debt-toolbar{align-items:stretch;flex-direction:column}.debt-tabs button{flex:1;justify-content:center}}.pricing-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pricing-overview article{min-height:86px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.pricing-overview article>svg{padding:9px;box-sizing:content-box;border-radius:9px;color:#a76500;background:#fff3d9}.pricing-overview article>div{display:grid;gap:5px}.pricing-overview small{color:#808996;font-size:9px}.pricing-overview strong{font-size:19px}.pricing-panel{overflow:hidden}.pricing-tabs{display:flex;border-bottom:1px solid var(--line);background:#fafbfc}.pricing-tabs button{min-height:50px;padding:0 18px;display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;color:#7b8592;background:transparent;font-size:9px;font-weight:800}.pricing-tabs button.active{border-color:var(--amber);color:#985c00;background:#fff}.pricing-toolbar{padding:13px 17px;border-bottom:1px solid var(--line)}.pricing-table-wrap{overflow:auto}.pricing-table{width:100%;min-width:720px;border-collapse:collapse}.pricing-table th{padding:11px 14px;color:#7f8996;background:#f7f8fa;font-size:8px;text-align:left;text-transform:uppercase}.pricing-table td{padding:13px 14px;border-top:1px solid #edf0f3;color:#626c79;font-size:9px}.pricing-table td strong{color:#343e4c}.pricing-table td small{display:block;margin-top:3px;color:#929ba7}.pricing-table .num{text-align:right}.pricing-modal form{padding:20px 22px 22px}.pricing-modal footer{margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3}@media(max-width:650px){.pricing-overview{grid-template-columns:1fr}.pricing-tabs button{flex:1;justify-content:center;padding:0 7px}}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px;align-items:start}.calculator-form{overflow:hidden}.calculator-kinds{padding:10px;display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);background:#fafbfc}.calculator-kinds button{min-height:35px;padding:0 11px;border:1px solid #dfe3e8;border-radius:7px;color:#697381;background:#fff;font-size:8px;font-weight:800;white-space:nowrap}.calculator-kinds button.active{border-color:#f1b84b;color:#8c5700;background:#fff5df}.calculator-form form{padding:20px}.calculator-form footer{margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3}.calculator-result{position:sticky;top:90px;min-height:410px;overflow:hidden}.calculator-empty{min-height:410px;padding:35px;display:grid;place-items:center;align-content:center;color:#8c95a1;text-align:center}.calculator-empty svg{color:#dda42e}.calculator-empty h2{margin:15px 0 5px;color:#3b4553;font-size:17px}.calculator-empty p{max-width:260px;margin:0;font-size:9px;line-height:1.6}.calculator-result>header{padding:18px;border-bottom:1px solid var(--line)}.calculator-result h2{margin:5px 0 0;font-size:17px}.quote-total{padding:20px;display:grid;gap:6px;color:#fff;background:var(--ink)}.quote-total small{color:#9da8b7;font-size:9px}.quote-total strong{color:#f3bd51;font-size:25px}.quote-metrics{padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.quote-metrics span{padding:10px;display:grid;gap:5px;border-radius:7px;background:#f7f8fa}.quote-metrics small{color:#87909d;font-size:8px}.quote-metrics strong{font-size:10px}.print-quote{margin:0 15px 15px;width:calc(100% - 30px);min-height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:8px;color:#fff;background:var(--ink);font-size:9px;font-weight:800}.calculator-result details{margin:0 15px 15px}.calculator-result summary{cursor:pointer;color:#7a8491;font-size:9px}.calculator-result pre{max-height:260px;overflow:auto;padding:10px;border-radius:7px;color:#d6deea;background:#101722;font-size:8px;white-space:pre-wrap}@media(max-width:1050px){.calculator-layout{grid-template-columns:1fr}.calculator-result{position:static}}@media(max-width:600px){.calculator-form form{padding:15px}.calculator-form footer{align-items:stretch;flex-direction:column}.quote-metrics{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.page-heading,.back-link,.calculator-form{display:none!important}.app-shell{display:block}.content{padding:0}.calculator-layout{display:block}.calculator-result{box-shadow:none;border:0}}.report-actions{display:flex;gap:8px}.report-filters{min-height:65px;padding:13px 16px;display:flex;align-items:center;gap:16px}.report-filters>svg{color:#aa6800}.report-filters label{display:flex;align-items:center;gap:7px;color:#707a87;font-size:9px;font-weight:700}.report-filters input,.report-filters select{padding:8px;border:1px solid #d9dde3;border-radius:7px;color:#515b69;background:#fff}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.report-kpis article{min-height:91px;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff}.report-kpis article>svg{padding:9px;box-sizing:content-box;border-radius:9px;color:#147c4d;background:#e7f8ee}.report-kpis article:nth-child(2)>svg,.report-kpis article.negative>svg{color:#b23530;background:#fff0ef}.report-kpis article>div{display:grid;gap:5px}.report-kpis small{color:#808996;font-size:9px}.report-kpis strong{font-size:17px}.cash-chart{overflow:hidden}.cash-chart>.section-title{padding:16px 18px}.chart-legend{display:flex;gap:14px;color:#7f8995;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:9px;height:9px;border-radius:2px}.chart-legend .received,.bar-values .received{background:#24a362}.chart-legend .created,.bar-values .created{background:#f1b43b}.bar-chart{height:280px;padding:25px 20px 15px;display:flex;align-items:stretch;gap:8px;overflow-x:auto;border-top:1px solid var(--line);background:linear-gradient(#edf0f3 1px,transparent 1px);background-size:100% 25%}.bar-period{min-width:34px;flex:1;display:grid;grid-template-rows:1fr auto;gap:8px}.bar-values{display:flex;align-items:end;justify-content:center;gap:3px}.bar-values span{width:min(13px,42%);min-height:2px;border-radius:3px 3px 0 0}.bar-period small{overflow:hidden;color:#7f8995;font-size:7px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.report-table-wrap{overflow:auto}.report-table{width:100%;min-width:700px;border-collapse:collapse}.report-table th{padding:11px 14px;color:#7f8996;background:#f7f8fa;font-size:8px;text-align:left;text-transform:uppercase}.report-table td{padding:13px 14px;border-top:1px solid #edf0f3;color:#626c79;font-size:9px}.report-table .num{text-align:right}.positive-text{color:#168153!important}.negative-text{color:#bd342e!important}@media(max-width:800px){.report-filters{align-items:stretch;flex-direction:column}.report-filters>svg{display:none}.report-filters label{justify-content:space-between}.report-kpis{grid-template-columns:1fr}.report-actions{width:100%;flex-direction:column}}@media print{.report-filters,.report-actions{display:none!important}.cash-chart,.report-table-wrap,.report-kpis article{break-inside:avoid}}.user-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.user-overview article{min-height:84px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.user-overview article>svg{padding:8px;box-sizing:content-box;border-radius:8px;color:#a86600;background:#fff3d9}.user-overview article>div{display:grid;gap:5px}.user-overview small{color:#808996;font-size:9px}.user-overview strong{font-size:19px}.users-panel{overflow:hidden}.users-toolbar{padding:14px 17px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.users-grid{padding:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.users-grid article{min-height:115px;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.user-avatar{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:11px;color:#f3bd51;background:var(--ink);font-size:16px;font-weight:800}.user-card-main{min-width:0;display:grid;gap:4px;flex:1}.user-card-main h2{margin:0;font-size:13px}.user-card-main p{margin:0;color:#818a97;font-size:9px}.user-card-main>div{margin-top:5px;display:flex;gap:6px}.user-card-main>div span{padding:4px 6px;border-radius:5px;color:#707a87;background:#f0f2f5;font-size:8px}.user-status{width:max-content;padding:3px 5px;border-radius:999px;font-size:7px;font-weight:800}.user-status.active{color:#157448;background:#e7f8ee}.user-status.inactive{color:#b02f2a;background:#fff0ef}.user-modal form{padding:20px 22px 22px}.user-modal footer{margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3}@media(max-width:1100px){.user-overview{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){.users-grid{grid-template-columns:1fr}.users-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:550px){.user-overview{grid-template-columns:1fr}.users-grid{padding:10px}.users-grid article{align-items:flex-start}}.settings-shell{min-height:600px;display:grid;grid-template-columns:210px 1fr;overflow:hidden}.settings-nav{padding:13px;display:grid;align-content:start;gap:6px;border-right:1px solid var(--line);background:#fafbfc}.settings-nav button{min-height:43px;padding:0 11px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;color:#707a87;background:transparent;font-size:9px;font-weight:800;text-align:left}.settings-nav button.active{color:#925900;background:#fff1d4}.company-settings,.product-settings{padding:22px}.company-settings>header,.product-settings>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}.company-settings h2,.product-settings h2{margin:0;font-size:18px}.company-settings header p,.product-settings header p{margin:5px 0 0;color:#818b97;font-size:9px}.save-success{margin-top:16px;padding:10px;border-radius:7px;color:#157448;background:#e7f8ee;font-size:9px}.product-type-grid{margin-top:17px;display:grid;gap:8px}.product-type-grid article{min-height:76px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px}.product-code{min-width:60px;padding:7px;border-radius:6px;color:#a46400;background:#fff3d9;font-size:8px;font-weight:800;text-align:center}.product-type-grid article>div{min-width:0;display:grid;gap:4px;flex:1}.product-type-grid h3{margin:0;font-size:11px}.product-type-grid p{margin:0;color:#848e9a;font-size:8px}.settings-modal form{padding:20px 22px 22px}.settings-modal footer{margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #edf0f3}.check-label{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;align-content:center;color:#596371;font-size:9px;font-weight:700}.check-label input{width:auto!important}@media(max-width:750px){.settings-shell{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.settings-nav button{white-space:nowrap}.company-settings,.product-settings{padding:15px}.company-settings>header,.product-settings>header{align-items:flex-start;flex-direction:column}.company-settings>header button,.product-settings>header button{width:100%;justify-content:center}}.notification-wrap{position:relative;margin-left:auto}.notification-dismiss{position:fixed;inset:0;z-index:39;border:0;background:transparent}.notification-popover{position:absolute;z-index:40;right:0;top:48px;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 55px #17203326}.notification-popover>header{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.notification-popover>header>div{display:grid;gap:3px}.notification-popover>header strong{font-size:12px}.notification-popover>header span{color:#8a939f;font-size:8px}.notification-popover>header button{border:0;background:transparent}.read-all{width:100%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-bottom:1px solid var(--line);color:#966000;background:#fff9eb;font-size:8px;font-weight:800}.notification-list{max-height:430px;overflow:auto}.notification-list>button{width:100%;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;border:0;border-bottom:1px solid #edf0f3;background:#fff;text-align:left}.notification-list>button.unread{background:#fffaf0}.notice-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:8px;color:#a66500;background:#fff3d9}.notification-list>button>span:last-child{display:grid;gap:5px}.notification-list strong{color:#434d5b;font-size:9px;line-height:1.5}.notification-list small{color:#929ba7;font-size:7px}.notification-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;color:#929ba7;font-size:9px}.audit-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.audit-overview article{min-height:84px;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.audit-overview article>svg{padding:8px;box-sizing:content-box;border-radius:8px;color:#a66500;background:#fff3d9}.audit-overview article>div{display:grid;gap:5px}.audit-overview small{color:#818a97;font-size:9px}.audit-overview strong{font-size:17px}.audit-panel{overflow:hidden}.audit-toolbar{padding:14px 17px;border-bottom:1px solid var(--line)}.audit-list article+article{border-top:1px solid #edf0f3}.audit-row{width:100%;min-height:67px;padding:10px 15px;display:flex;align-items:center;gap:12px;border:0;background:#fff;text-align:left}.audit-action{min-width:85px;padding:5px 7px;border-radius:999px;color:#655526;background:#fff3d9;font-size:8px;font-weight:800;text-align:center}.audit-action.created{color:#157448;background:#e7f8ee}.audit-action.delete,.audit-action.cancelled,.audit-action.login_failed{color:#b02f2a;background:#fff0ef}.audit-main{min-width:0;display:grid;gap:4px;flex:1}.audit-main strong{font-size:10px}.audit-main small,.audit-time{color:#89929f;font-size:8px}.audit-transition{padding:5px 7px;border-radius:6px;color:#6a7481;background:#f0f2f5;font-size:8px}.audit-detail{padding:12px 18px;display:flex;gap:18px;flex-wrap:wrap;border-top:1px dashed #dde1e6;color:#7c8592;background:#fafbfc;font-size:8px}.audit-detail pre{width:100%;max-height:240px;overflow:auto;padding:10px;border-radius:7px;color:#d8e0eb;background:#111923;font-size:8px}@media(max-width:650px){.audit-overview{grid-template-columns:1fr}.audit-transition{display:none}.audit-time{margin-left:auto}.audit-action{min-width:65px}.notification-popover{position:fixed;top:66px;right:14px}}.dashboard-pipeline .panel-heading a,.recent-dashboard-orders .panel-heading a{color:#9b5e00;text-decoration:none;font-size:9px;font-weight:800}.pipeline-bars{padding:15px 18px;display:grid;gap:13px}.pipeline-bars>div{display:grid;grid-template-columns:135px 1fr;align-items:center;gap:12px}.pipeline-bars span{display:flex;justify-content:space-between;gap:5px}.pipeline-bars strong{font-size:9px}.pipeline-bars small{color:#8c95a1;font-size:8px}.pipeline-bars i{height:7px;overflow:hidden;border-radius:10px;background:#edf0f3}.pipeline-bars b{display:block;height:100%;min-width:3px;border-radius:10px;background:linear-gradient(90deg,#00aeef,#f5b82e)}.dashboard-attention{padding:8px 17px}.dashboard-attention a{padding:11px 0;display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;border-bottom:1px solid #edf0f3}.dashboard-attention a:last-child{border:0}.dashboard-attention p{margin:0;display:grid;gap:4px}.dashboard-attention strong{font-size:9px}.dashboard-attention small{color:#89929f;font-size:8px}.recent-dashboard-orders{overflow:hidden}.recent-dashboard-orders>div:last-child>a{min-height:58px;padding:10px 16px;display:grid;grid-template-columns:minmax(150px,1fr) 120px 100px 130px;align-items:center;gap:12px;color:#606a77;text-decoration:none;border-top:1px solid #edf0f3;font-size:9px}.recent-dashboard-orders>a:first-child{border-top:0}.recent-dashboard-orders a>span:first-child{display:grid;gap:3px}.recent-dashboard-orders a>span:first-child strong{color:#9d6000}.recent-dashboard-orders a>span:first-child small{color:#737d8a}.recent-dashboard-orders a>strong{text-align:right;color:#35404e}@media(max-width:700px){.pipeline-bars>div{grid-template-columns:1fr}.recent-dashboard-orders>div:last-child>a{grid-template-columns:1fr auto}.recent-dashboard-orders a>span:nth-child(3){display:none}.recent-dashboard-orders a>strong{grid-column:2;grid-row:1/3}}