:root{color-scheme:dark;--background: #101010;--foreground: #f7f7f7;--card: #181818;--muted: #242424;--muted-soft: rgba(255, 255, 255, .045);--muted-foreground: #a6a6a6;--border: #303030;--primary: #f5f5f5;--primary-foreground: #181818;--danger: #e05252;--danger-soft: rgba(224, 82, 82, .12);--success: #58bd86;--success-soft: rgba(88, 189, 134, .13);--warning: #e3ae55;--warning-soft: rgba(227, 174, 85, .14);--shadow: 0 20px 55px rgba(0, 0, 0, .28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--foreground)}:root[data-theme=light]{color-scheme:light;--background: #f5f6f8;--foreground: #171717;--card: #ffffff;--muted: #f0f1f3;--muted-soft: rgba(16, 24, 40, .035);--muted-foreground: #707070;--border: #e0e1e4;--primary: #202020;--primary-foreground: #ffffff;--danger: #c63b3b;--danger-soft: rgba(198, 59, 59, .1);--success: #237b4b;--success-soft: rgba(35, 123, 75, .1);--warning: #956414;--warning-soft: rgba(149, 100, 20, .12);--shadow: 0 20px 55px rgba(39, 43, 54, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--foreground)}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--foreground);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}button:hover{background:var(--muted)}button:active{transform:translateY(1px)}button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);font-weight:700}button.primary:hover{opacity:.9;background:var(--primary)}button.wide{width:100%}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--muted-soft);color:var(--foreground);padding:10px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}select option{background:var(--card);color:var(--foreground)}input:focus,select:focus,textarea:focus{border-color:var(--muted-foreground);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted-foreground) 18%,transparent)}textarea{min-height:84px;resize:vertical}label{display:grid;gap:7px;color:var(--muted-foreground);font-size:12px;font-weight:600}small,.muted{color:var(--muted-foreground)}h1,h2,h3,p{margin:0}h1{font-size:24px;letter-spacing:0}.app-shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .24s ease}.app-shell.is-collapsed{grid-template-columns:68px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;border-right:1px solid var(--border);background:var(--card)}.brand{display:flex;align-items:center;gap:12px;height:64px;min-height:64px;padding:10px 14px;border-bottom:1px solid var(--border)}.brand-mark{width:40px;height:40px;object-fit:contain;flex:0 0 auto}.brand-copy{overflow:hidden}.brand-copy strong,.brand-copy span{display:block;white-space:nowrap}.brand-copy strong{font-size:14px}.brand-copy span{margin-top:2px;color:var(--muted-foreground);font-size:12px}.sidebar-nav{display:grid;gap:4px;padding:12px}.sidebar-nav button,.sidebar-footer button{justify-content:flex-start;width:100%;border-color:transparent;color:var(--muted-foreground);font-size:14px;font-weight:600}.sidebar-nav button:hover,.sidebar-footer button:hover{color:var(--foreground)}.sidebar-nav button.active{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.sidebar-footer{display:grid;gap:3px;margin-top:auto;padding:12px;border-top:1px solid var(--border)}.sidebar-user{overflow:hidden;padding:7px 10px;text-overflow:ellipsis;white-space:nowrap}.is-collapsed .brand{justify-content:center;padding-inline:6px}.is-collapsed .brand-mark{width:48px;height:42px}.is-collapsed .sidebar-nav,.is-collapsed .sidebar-footer{padding-inline:8px}.is-collapsed .sidebar-nav button,.is-collapsed .sidebar-footer button{justify-content:center;padding-inline:0}.workspace{min-width:0;padding:24px 28px 34px}.page{display:grid;gap:20px;max-width:1280px;margin:0 auto}.content-narrow{max-width:1120px}.content-wide{max-width:1540px}.new-order-page{max-width:1420px}.page-head,.panel-heading,.section-icon-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.actions,.filters,.manual-row,.row-actions,.order-footer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.panel{border:1px solid var(--border);border-radius:8px;background:var(--card);padding:20px}.table-panel{padding:0}.panel-title{color:var(--foreground);font-size:15px;font-weight:750}.panel-heading,.section-icon-heading{margin-bottom:16px}.panel-actions{margin-top:18px}.soft-tag{max-width:50%;overflow:hidden;border-radius:6px;background:var(--muted);color:var(--muted-foreground);padding:5px 9px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wide-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:15px}.settings-grid label:first-child,.settings-grid label:nth-child(3){grid-column:span 2}.section-icon-heading{justify-content:flex-start}.section-icon-heading>span{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--muted)}.section-icon-heading small{display:block;margin-top:3px}.type-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.type-switch button{min-width:116px;min-height:44px;font-weight:700}.type-switch button.selected{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.type-switch button.entry{border-color:color-mix(in srgb,var(--danger) 60%,var(--border));color:var(--danger)}.type-switch button.entry:hover{background:var(--danger-soft)}.type-switch button.entry.selected{border-color:var(--danger);background:var(--danger);color:#fff}.entry-warning{display:flex;align-items:center;gap:10px;margin-top:14px;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:8px;background:var(--danger-soft);color:var(--danger);padding:12px 14px;font-size:13px;font-weight:700}.order-main-blocks{display:grid;gap:20px}.order-customer-panel{order:-1}.new-order-page input,.new-order-page select,.new-order-page textarea{min-height:44px}.lookup{position:relative;display:flex;gap:9px;margin-bottom:16px}.search-field{display:flex;flex:1 1 280px;align-items:center;gap:9px;min-height:43px;border:1px solid var(--border);border-radius:8px;background:var(--muted-soft);padding:0 12px;color:var(--muted-foreground)}.search-field:focus-within{border-color:var(--muted-foreground);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted-foreground) 18%,transparent)}.search-field input{min-height:0;border:0;background:transparent;padding:0;box-shadow:none}.suggestions{position:absolute;z-index:20;top:calc(100% + 7px);right:0;left:0;display:grid;max-height:310px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--card);padding:6px;box-shadow:var(--shadow)}.suggestions.inline{position:static;margin-top:14px;box-shadow:none}.customer-name-lookup{position:relative;min-width:0}.customer-suggestions{top:calc(100% + 7px)}.suggestions button{display:grid;grid-template-columns:42px 1fr auto;gap:10px;min-height:52px;border-color:transparent;text-align:left}.suggestions.inline button{grid-template-columns:1fr auto}.customer-suggestions button{grid-template-columns:minmax(0,1fr) auto}.customer-suggestions span{min-width:0}.suggestions img{width:42px;height:42px;border:1px solid var(--border);border-radius:6px;background:var(--muted);object-fit:cover}.manual-row{margin-bottom:15px;border-radius:8px;background:var(--muted-soft);padding:12px}.manual-row input{flex:1 1 160px;background:var(--card)}.table-wrap{width:100%;overflow-x:auto}.table-frame,.items-table-frame{overflow:hidden;overflow-x:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr{transition:background .15s ease}tbody tr:hover{background:var(--muted-soft)}th{height:44px;background:var(--muted-soft);color:var(--muted-foreground);font-size:11px;font-weight:750;text-transform:uppercase}td{font-size:13px}td input,td select{min-height:38px;padding:7px 8px}.order-items-table{min-width:1120px;table-layout:fixed}.order-items-table .col-image{width:7%}.order-items-table .col-product{width:29%}.order-items-table .col-sku{width:11%}.order-items-table .col-quantity{width:8%}.order-items-table .col-unit-price{width:11%}.order-items-table .col-discount{width:17%}.order-items-table .col-total{width:11%}.order-items-table .col-actions{width:6%}.order-items-table td:nth-child(7){white-space:nowrap;font-weight:750}.discount-controls{display:grid;grid-template-columns:minmax(64px,.8fr) minmax(82px,1.2fr);gap:6px}.order-item-thumbnail,.order-item-thumbnail-empty{display:grid;width:50px;height:50px;border:1px solid var(--border);border-radius:7px;background:var(--muted)}.order-item-thumbnail{object-fit:cover}.order-item-thumbnail-empty{place-items:center;color:var(--muted-foreground);font-size:9px;line-height:1.05;text-align:center}.icon-btn{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;color:var(--muted-foreground)}.danger-hover:hover{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft);color:var(--danger)}.totals-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:22px;margin-top:14px;border-top:1px solid var(--border);padding-top:15px}.totals-bar span{min-width:130px;color:var(--muted-foreground);font-size:12px}.totals-bar strong{display:block;margin-top:4px;color:var(--foreground);font-size:16px}.order-footer-actions{justify-content:flex-end;border-top:1px solid var(--border);padding-top:17px}.order-footer-actions button{min-width:164px;min-height:46px}.filters{align-items:stretch}.filters input[type=date],.filters select{width:auto;min-width:148px}.filters .search-field{min-width:260px}.entry-row{box-shadow:inset 3px 0 0 var(--danger)}.row-actions{flex-wrap:nowrap}.detail-grid,.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.detail-card,.stat-card{display:grid;gap:5px;min-height:68px;align-content:center;border:1px solid var(--border);border-radius:8px;background:var(--muted-soft);padding:12px}.detail-card strong,.stat-card strong{overflow:hidden;text-overflow:ellipsis}.product-manual-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:14px}.span-2{grid-column:span 2}.product-cell{display:flex;align-items:center;gap:11px}.product-cell img,.product-cell span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:7px;background:var(--muted);color:var(--muted-foreground);font-size:10px;object-fit:cover}.stock-badge,.status{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:750;white-space:nowrap}.stock-badge.in-stock,.status-saved,.status-printed{background:var(--success-soft);color:var(--success)}.stock-badge.low-stock,.status-draft,.status-quote{background:var(--warning-soft);color:var(--warning)}.status-entry,.status-canceled{background:var(--danger-soft);color:var(--danger)}.env-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;border:1px solid var(--border);border-radius:8px;background:var(--muted-soft);padding:13px;font-size:13px}.empty-state{display:grid;min-height:150px;place-items:center;align-content:center;gap:8px;border:1px dashed var(--border);border-radius:8px;color:var(--muted-foreground);padding:20px;text-align:center}.empty-state.compact{min-height:88px;border:0}.alert{border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-size:13px;font-weight:650}.alert.danger{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft);color:var(--danger)}.alert.success{border-color:color-mix(in srgb,var(--success) 45%,transparent);background:var(--success-soft);color:var(--success)}.loading-overlay,.modal-backdrop,.login-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:color-mix(in srgb,var(--background) 82%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loader-card{display:grid;justify-items:center;gap:13px;color:var(--muted-foreground);font-size:13px;font-weight:650}.loader-ring{width:42px;height:42px;border:4px solid var(--muted);border-top-color:var(--primary);border-radius:50%;animation:spin .82s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{padding:18px;background:color-mix(in srgb,var(--background) 93%,var(--muted))}.login-card{display:grid;width:min(390px,100%);gap:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:28px;box-shadow:var(--shadow)}.login-logo{width:100%;height:94px;object-fit:contain}.login-card h1{text-align:center;font-size:20px}.modal-card{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--card);padding:18px;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}@media (max-width: 1160px){.workspace{padding:20px}.customer-form-grid,.detail-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-manual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto}.brand{justify-content:flex-start}.sidebar-nav,.sidebar-footer{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.sidebar-user,.sidebar-footer button:last-child{display:none}.is-collapsed .sidebar-nav button,.is-collapsed .sidebar-footer button{justify-content:flex-start;padding-inline:13px}.is-collapsed .sidebar-nav button span,.is-collapsed .sidebar-footer button span,.is-collapsed .brand-copy{display:block}.lookup{display:grid}.filters{display:grid;grid-template-columns:1fr 1fr}.filters .search-field{grid-column:1 / -1}.filters input[type=date],.filters select,.filters button{width:100%}}@media (max-width: 620px){.workspace{padding:16px}.customer-form-grid,.form-grid,.settings-grid,.detail-grid,.stats-grid,.product-manual-grid,.filters{grid-template-columns:1fr}.settings-grid label:first-child,.settings-grid label:nth-child(3),.span-2{grid-column:auto}.order-footer-actions{display:grid}.order-footer-actions button{width:100%}}
