*,*:before,*:after{box-sizing:border-box}:root{--brand-900: #0c1a2e;--brand-800: #132842;--brand-700: #1a3a5c;--brand-600: #1e4d72;--brand-500: #2563a8;--brand-400: #3b82c4;--brand-100: #e8f0fa;--accent: #e67e22;--accent-dark: #c45c26;--surface: #ffffff;--surface-muted: #f0f4f8;--border: #d1dbe8;--text: #1a2332;--text-muted: #5a6a7e;--table-head: #dce4ee;--danger: #c0392b;--success: #1e7a4a;--header-h: 72px;--nav-h: 42px;--topbar-h: 32px;--layout-max: 1280px;--layout-gutter: 16px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.45;color:var(--text);background:var(--surface-muted)}html,body,#root{margin:0;min-height:100%}a{color:var(--brand-500);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}html,body,#root{margin:0;min-height:100%;background:#e2e8f0}.app-shell{min-height:100vh;padding:var(--layout-gutter);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.app-box{width:100%;max-width:var(--layout-max);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0f172a1a;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:calc(100vh - 2 * var(--layout-gutter))}.top-bar{background:var(--brand-900);color:#c8d6e8;height:var(--topbar-h);display:flex;align-items:center;padding:0 1.25rem;font-size:12px;gap:1.5rem}.top-bar a{color:#dce8f5}.top-bar .spacer{flex:1}.main-header{background:var(--surface);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;padding:0 1.25rem;gap:1.25rem}.logo-block{display:flex;align-items:center;gap:.75rem;min-width:220px}.logo-block img{max-height:56px;max-width:220px;object-fit:contain}.login-logo img{max-height:72px;max-width:260px;object-fit:contain}.logo-fallback{font-weight:700;font-size:1.1rem;color:var(--brand-700);line-height:1.2}.header-search{flex:1;display:flex;max-width:640px}.header-search input{flex:1;border:1px solid var(--border);border-right:none;border-radius:4px 0 0 4px;padding:.55rem .75rem}.header-search button{border:1px solid var(--brand-600);background:var(--brand-600);color:#fff;padding:0 1.25rem;border-radius:0 4px 4px 0;font-weight:600}.header-actions{display:flex;align-items:center;gap:1rem}.cart-link{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:4px;background:var(--surface-muted);color:var(--text);text-decoration:none;font-weight:600}.cart-link:hover{background:var(--brand-100);text-decoration:none}.user-card{border:1px solid var(--border);border-radius:4px;padding:.4rem .75rem;background:var(--surface-muted);min-width:180px}.user-card .name{font-weight:600;font-size:12px}.user-card .code{font-size:11px;color:var(--text-muted);font-family:ui-monospace,monospace}.main-nav{background:linear-gradient(180deg,var(--brand-600),var(--brand-700));height:var(--nav-h);display:flex;align-items:center;padding:0 1.25rem;gap:.25rem;box-shadow:inset 0 -1px #00000026;overflow-x:auto;scrollbar-width:thin}.nav-link{color:#fff;padding:0 1rem;height:var(--nav-h);display:flex;align-items:center;font-weight:600;font-size:12px;letter-spacing:.02em;text-decoration:none;border-bottom:3px solid transparent}.nav-link:hover{background:#ffffff14;text-decoration:none}.nav-link.active{border-bottom-color:var(--accent);background:#0000001f}.nav-spacer{flex:1}.nav-quick-search{display:flex;align-items:center;gap:.35rem}.nav-quick-search input{border:none;border-radius:3px;padding:.35rem .6rem;width:200px;font-size:12px}.nav-quick-search button{border:none;background:var(--accent);color:#fff;padding:.35rem .75rem;border-radius:3px;font-weight:600;font-size:12px}.app-main{flex:1;width:100%;padding:1rem 1.25rem 1.5rem;box-sizing:border-box}.app-footer{text-align:center;padding:.75rem 1rem;color:var(--text-muted);font-size:11px;border-top:1px solid var(--border);background:var(--surface-muted)}.page-title{font-size:1.1rem;font-weight:700;color:var(--brand-700);margin:0 0 1rem}.home-grid{display:grid;grid-template-columns:240px 1fr;gap:1rem;align-items:start}.filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:4px}.filter-panel h3{margin:0;padding:.65rem .85rem;background:var(--table-head);font-size:12px;font-weight:700;border-bottom:1px solid var(--border)}.filter-body{padding:.75rem .85rem}.filter-body label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}.filter-body select,.filter-body input{width:100%;border:1px solid var(--border);border-radius:3px;padding:.4rem .5rem;margin-bottom:.65rem;background:#fff}.filter-actions{display:flex;gap:.5rem;margin-top:.5rem}.btn{border:1px solid var(--border);background:var(--surface);padding:.4rem .85rem;border-radius:3px;font-weight:600;font-size:12px}.btn-primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-500)}.btn-accent{background:var(--accent);border-color:var(--accent-dark);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-sm{padding:.25rem .5rem;font-size:11px}.banner-carousel{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:1rem;position:relative;min-height:180px}.banner-slide img{width:100%;max-height:280px;object-fit:cover;display:block}.banner-dots{display:flex;justify-content:center;gap:.35rem;padding:.5rem;background:var(--surface-muted)}.banner-dot{width:8px;height:8px;border-radius:50%;border:none;background:#b0bec9;padding:0}.banner-dot.active{background:var(--brand-600)}.product-panel{background:var(--surface);border:1px solid var(--border);border-radius:4px}.product-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:var(--table-head);border-bottom:1px solid var(--border);font-weight:700;font-size:12px}.product-table-wrap{overflow-x:auto}.product-table{width:100%;border-collapse:collapse;font-size:12px}.product-table th{background:#eef2f7;border-bottom:1px solid var(--border);padding:.5rem .45rem;text-align:left;font-weight:700;white-space:nowrap}.product-table td{border-bottom:1px solid #e8edf2;padding:.45rem;vertical-align:middle}.product-table tr:hover td{background:#f8fafc}.thumb{width:48px;height:48px;object-fit:contain;border:1px solid var(--border);border-radius:3px;background:#fff}.thumb-placeholder{width:48px;height:48px;border:1px dashed var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-muted)}.code-cell{font-family:ui-monospace,monospace;font-weight:600;color:var(--brand-600)}.stock-ok{color:var(--success);font-weight:700}.stock-low{color:var(--accent-dark);font-weight:700}.stock-out{color:var(--danger);font-weight:700}.stock-hidden{color:var(--text-muted)}.qty-input{width:56px;border:1px solid var(--border);border-radius:3px;padding:.25rem .35rem;text-align:center}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;border-top:1px solid var(--border)}.empty-state{padding:2rem;text-align:center;color:var(--text-muted)}.alert{padding:.65rem .85rem;border-radius:4px;margin-bottom:1rem;font-size:12px}.alert-error{background:#fdecea;border:1px solid #f5c6cb;color:#842029}.alert-info{background:var(--brand-100);border:1px solid #b8d4f0;color:var(--brand-700)}.login-shell{min-height:100vh;padding:var(--layout-gutter);display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#e2e8f0}.login-box{width:100%;max-width:960px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0f172a1a;overflow:hidden;display:grid;grid-template-columns:1fr 400px}.login-page{display:contents}.login-carousel{background:var(--brand-800);display:flex;align-items:center;justify-content:center;padding:2rem}.login-carousel img{max-width:100%;max-height:420px;object-fit:contain;border-radius:4px}.login-form-panel{background:var(--surface);display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem;border-left:1px solid var(--border)}.login-logo{margin-bottom:1.5rem}.login-form-panel h1{margin:0 0 .25rem;font-size:1.25rem;color:var(--brand-700)}.login-form-panel .subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:13px}.form-field{margin-bottom:1rem}.form-field label{display:block;font-weight:600;font-size:12px;margin-bottom:.35rem}.form-field input{width:100%;border:1px solid var(--border);border-radius:4px;padding:.55rem .75rem}.login-submit{width:100%;margin-top:.5rem;padding:.65rem;background:var(--brand-600);border:none;color:#fff;font-weight:700;border-radius:4px;font-size:14px}.login-submit:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1rem;margin-bottom:1rem}.balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.balance-item{background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;padding:1rem}.balance-item .label{font-size:11px;color:var(--text-muted);font-weight:600}.balance-item .value{font-size:1.25rem;font-weight:700;color:var(--brand-700)}.top-bar-light{background:#f8fafc;color:var(--text-muted);border-bottom:1px solid var(--border);height:30px;font-size:11px}.top-link{color:var(--brand-600);text-decoration:none}.top-link.muted{color:var(--text-muted)}.top-spacer{flex:1}.top-phone{color:var(--brand-500)}.top-user-id{font-family:ui-monospace,monospace;padding:0 .5rem;border:1px solid var(--border);border-radius:3px;background:#fff}.top-fullscreen{border:none;background:transparent;padding:.2rem .4rem;font-size:14px}.altay-header{justify-content:space-between}.altay-actions{gap:.65rem}.header-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;padding:.4rem .65rem;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--text);text-decoration:none;font-size:11px;font-weight:600;position:relative}.header-action-box:hover{background:var(--brand-100);text-decoration:none}.action-icon{font-size:18px;line-height:1}.cart-badge{position:absolute;top:2px;right:6px;background:var(--brand-500);color:#fff;font-size:10px;padding:0 5px;border-radius:10px;min-width:16px;text-align:center}.user-card-altay{display:flex;align-items:center;gap:.65rem;border:1px solid var(--border);border-radius:4px;padding:.4rem .75rem;background:#fff;min-width:200px}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-100);display:flex;align-items:center;justify-content:center;font-size:20px}.altay-nav{background:#1a5a9e}.altay-quick{background:#ffffff1f;border-radius:4px;padding:.2rem .35rem}.altay-quick .quick-label{color:#fff;font-size:11px;font-weight:600;white-space:nowrap}.altay-quick input{width:160px}.altay-quick button{background:var(--brand-500);border:none;color:#fff;padding:.35rem .5rem;border-radius:3px}.nav-link-muted{opacity:.65;cursor:default}.nav-customer-name{color:#fff;font-size:11px;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:.5rem}.home-altay .banner-carousel{margin-bottom:.75rem}.home-content-row{display:grid;grid-template-columns:1fr 220px;gap:.75rem;align-items:start}.product-card-section{border:1px solid var(--border);background:#fff}.section-tab{background:var(--brand-600);color:#fff;font-weight:700;font-size:12px;padding:.45rem .85rem;letter-spacing:.03em}.product-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;padding:.65rem}.product-card{border:1px solid var(--border);border-radius:3px;overflow:hidden;background:#fff;position:relative}.product-card-brand{position:absolute;top:0;left:0;background:var(--brand-600);color:#fff;font-size:10px;font-weight:700;padding:.15rem .45rem;z-index:1}.product-card-img{height:110px;display:flex;align-items:center;justify-content:center;background:#fafbfc;padding:.35rem}.product-card-img img{max-height:100%;max-width:100%;object-fit:contain}.product-card-noimg{font-size:10px;color:var(--text-muted)}.product-card-body{padding:.45rem .5rem;border-top:1px solid #eee}.product-card-code{font-family:ui-monospace,monospace;font-size:10px;font-weight:700;color:var(--brand-600)}.product-card-name{font-size:11px;line-height:1.3;margin:.25rem 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{font-weight:700;font-size:12px;margin-bottom:.35rem}.product-card-add{width:100%}.home-aside{display:flex;flex-direction:column;gap:.75rem}.aside-block{border:1px solid var(--border);background:#fff;padding:.65rem}.aside-title{display:flex;align-items:center;gap:.35rem;margin:0 0 .5rem;font-size:12px;font-weight:700;color:var(--brand-700)}.aside-bar{width:4px;height:14px;background:var(--brand-600);border-radius:2px}.aside-title-row{display:flex;align-items:center;justify-content:space-between}.aside-nav-arrows{color:var(--text-muted);font-size:14px}.aside-empty{font-size:11px;color:var(--text-muted);padding:.5rem 0}.new-product-widget{text-align:center}.new-badge{display:inline-block;background:var(--brand-600);color:#fff;font-size:10px;font-weight:700;padding:.15rem .5rem;border-radius:3px;margin-bottom:.35rem}.new-product-img{height:100px;display:flex;align-items:center;justify-content:center;background:#f5f7fa;margin-bottom:.35rem}.new-product-img img{max-height:90px;max-width:100%;object-fit:contain}.new-product-code{font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.new-product-name{font-size:11px;margin:.25rem 0}.new-product-price{font-weight:700;margin-bottom:.35rem}.search-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.search-filter-box{border:1px solid #c5cdd8;background:#eceff3;padding:.65rem}.search-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.search-filter-dropdowns label{display:block;font-size:11px;font-weight:600;margin-bottom:.15rem}.search-filter-dropdowns select{width:100%;margin-bottom:.35rem;border:1px solid var(--border);padding:.3rem .4rem;font-size:11px}.search-filter-checks{display:flex;gap:.5rem}.check-col{display:flex;flex-direction:column;gap:.2rem}.check-line{font-size:11px;display:flex;align-items:center;gap:.35rem}.search-filter-stock{display:flex;gap:1rem;margin-bottom:.5rem}.search-green-bar{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.5rem}.green-btn{background:#3d9c4a;border:1px solid #2d7a38;color:#fff;font-weight:700;font-size:11px;padding:.45rem;border-radius:2px}.search-bar-row{display:flex;align-items:stretch;gap:0;border:1px solid var(--border);background:#fff}.search-bar-label{background:#d8e4f0;padding:.45rem .65rem;font-size:11px;font-weight:700;white-space:nowrap;border-right:1px solid var(--border)}.search-bar-input{flex:1;border:none;padding:.45rem .65rem;font-size:12px;min-width:0}.search-bar-btn{border:none;padding:0 .65rem;font-size:14px;cursor:pointer}.search-bar-btn-blue{background:var(--brand-600);color:#fff}.search-bar-btn-red{background:#c0392b;color:#fff}.search-bar-btn-gray{background:#6c757d;color:#fff}.search-banner-side .banner-carousel{margin-bottom:0;min-height:100%}.search-result-info{color:#c0392b;font-size:12px;font-weight:600;margin-bottom:.35rem}.search-hint{margin-top:.75rem}.altay-table-wrap{border:1px solid var(--border);overflow-x:auto}.altay-table{width:100%;border-collapse:collapse;font-size:11px}.altay-table thead th{background:#4a5568;color:#fff;padding:.45rem .4rem;text-align:left;font-weight:700;white-space:nowrap}.altay-table .th-icon{width:36px;text-align:center}.altay-row td{padding:.4rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.altay-row:hover td{background:#fff9c4}.code-cell-altay{position:relative;min-width:120px}.campaign-ribbon{display:block;background:#c0392b;color:#fff;font-size:9px;font-weight:700;padding:.1rem .35rem;margin-bottom:.2rem;border-radius:2px}.code-highlight{display:inline-block;background:#f4d03f;padding:.15rem .35rem;font-family:ui-monospace,monospace;font-weight:700;border-radius:2px}.copy-btn{border:none;background:transparent;cursor:pointer;font-size:12px;margin-left:.25rem;opacity:.6}.name-cell{max-width:280px;line-height:1.35}.mono{font-family:ui-monospace,monospace;font-size:10px}.thumb-sm{width:32px;height:32px;object-fit:contain;border:1px solid var(--border)}.price-cell{font-weight:700;white-space:nowrap}.stock-pill{display:inline-block;padding:.1rem .35rem;border-radius:3px;font-size:10px;font-weight:700}.stock-pill.stock-ok{background:#d4edda;color:var(--success)}.stock-pill.stock-low{background:#fff3cd;color:var(--accent-dark)}.stock-pill.stock-out{background:#f8d7da;color:var(--danger)}.stock-pill.stock-transit{background:#d1ecf1;color:#0c5460}.order-cell{display:flex;align-items:center;gap:.25rem}.cart-icon-btn{border:none;background:#4a5568;color:#fff;padding:.25rem .45rem;border-radius:3px;cursor:pointer}.stock-legend{display:flex;flex-wrap:wrap;gap:.65rem;padding:.5rem .65rem;background:#f8f9fa;border:1px solid var(--border);border-top:none;font-size:10px}.legend-item{display:flex;align-items:center;gap:.25rem}.legend-icon{font-weight:700}.leg-ok{color:var(--success)}.leg-low{color:var(--accent-dark)}.leg-out{color:var(--danger)}.leg-transit{color:#0c5460}.leg-order{color:#6f42c1}@media(max-width:960px){:root{--layout-gutter: 10px;--header-h: auto}.app-box{border-radius:6px;min-height:calc(100vh - 2 * var(--layout-gutter))}.home-content-row,.search-top-grid{grid-template-columns:1fr}.home-aside{order:-1}.nav-customer-name{display:none}.user-card-altay{min-width:0}.login-box{grid-template-columns:1fr;max-width:480px}.login-form-panel{border-left:none;border-top:1px solid var(--border)}.login-carousel{min-height:180px}.main-header{flex-wrap:wrap;height:auto;padding:.75rem}.logo-block{min-width:0;flex:1}.header-search{order:3;max-width:none;width:100%}.header-actions{flex-wrap:wrap}.user-card{min-width:0}.nav-quick-search{display:none}.nav-link{padding:0 .65rem;font-size:11px}}@media(max-width:480px){.app-shell,.login-shell{padding:8px}.app-box{border-radius:4px}.cart-link span:first-child{display:none}}