@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:.9375rem;line-height:1.6;color:#1e293b;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#1e40af;text-decoration:none}a:hover{color:#1d3a9e}img,svg{display:block;max-width:100%}ul,ol{list-style:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;color:#0f172a}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"sidebar navbar" "sidebar main";min-height:100vh}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}.navbar-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;border-radius:8px;flex-shrink:0;transition:background .15s ease}.navbar-toggle:hover{background:#f1f5f9}.navbar-toggle__bar{display:block;width:100%;height:2px;background:#475569;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.top-navbar{grid-area:navbar;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;height:60px;position:sticky;top:0;z-index:10}.top-navbar__left{display:flex;align-items:center;gap:12px}.top-navbar__right{display:flex;align-items:center;gap:16px}.top-navbar__page-title{font-size:1rem;font-weight:600;color:#334155}.top-navbar__user{display:flex;align-items:center;gap:12px;font-size:.875rem;color:#475569}.top-navbar__user-name{font-weight:500;color:#1e293b}.logout-label{display:inline}.logout-icon{display:none}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:#0f172a;width:240px;min-height:100vh;position:sticky;top:0;height:100vh;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.sidebar__brand-row{display:flex;align-items:center;justify-content:space-between;height:60px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;padding-right:12px}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:20px 24px;flex:1;text-decoration:none;flex-shrink:0}.sidebar__close-btn{display:none;width:36px;height:36px;background:#ffffff14;border:none;border-radius:8px;color:#94a3b8;font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.sidebar__close-btn:hover{background:#ffffff26;color:#fff}.sidebar__brand-logo{width:32px;height:32px;background:#1e40af;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;letter-spacing:-.5px}.sidebar__brand-name{font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.3px}.sidebar__nav{padding:16px 0;flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:transparent}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px}.sidebar__nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar__section-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding:16px 24px 8px}.sidebar__nav-item{display:block;padding:12px 24px;color:#94a3b8;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:0;transition:background .15s ease,color .15s ease;display:flex;align-items:center;gap:12px}.sidebar__nav-item:hover{background:#ffffff0f;color:#fff;text-decoration:none}.sidebar__nav-item.is-active{background:#1e40af;color:#fff}.sidebar__nav-item.is-active .sidebar__nav-icon{opacity:1}.sidebar__nav-icon{width:18px;height:18px;opacity:.7;flex-shrink:0}.sidebar__footer{padding:16px 24px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.main-content{grid-area:main;padding:32px;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-header__title{font-size:1.5rem;font-weight:700;color:#0f172a}.page-header__subtitle{font-size:.875rem;color:#64748b;margin-top:4px}.page-header__actions{display:flex;gap:12px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#dbeafe);padding:24px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;padding:40px;width:100%;max-width:420px}.auth-card__brand{text-align:center;margin-bottom:32px}.auth-card__logo{width:48px;height:48px;background:#1e40af;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;margin:0 auto 12px}.auth-card__brand-name{font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.5px}.auth-card__brand-tagline{font-size:.875rem;color:#64748b;margin-top:4px}.auth-card__heading{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:4px}.auth-card__subheading{font-size:.875rem;color:#64748b;margin-bottom:24px}.auth-card__footer{margin-top:24px;text-align:center;font-size:.875rem;color:#64748b}.auth-card__footer a{font-weight:500;color:#1e40af}.auth-card__footer a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:#1e40af;color:#fff;border-color:#1e40af}.btn--primary:hover:not(:disabled){background:#1d3a9e;border-color:#1d3a9e}.btn--secondary{background:#fff;color:#334155;border-color:#cbd5e1}.btn--secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn--danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn--danger:hover:not(:disabled){background:#bb1e1e;border-color:#bb1e1e}.btn--success{background:#16a34a;color:#fff;border-color:#16a34a}.btn--success:hover:not(:disabled){background:#117f3a;border-color:#117f3a}.btn--ghost{background:transparent;color:#475569;border-color:transparent}.btn--ghost:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.btn--sm{padding:6px 12px;font-size:.8125rem;border-radius:5px}.btn--lg{padding:12px 24px;font-size:1rem}.btn--block{width:100%;justify-content:center}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#334155;margin-bottom:8px}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:10px 12px;font-size:.9375rem;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#94a3b8}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1f}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.form-input--error,.form-select--error,.form-textarea--error{border-color:#dc2626}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #dc26261f}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-error{font-size:.8125rem;color:#dc2626;margin-top:4px;display:flex;align-items:center;gap:4px}.form-hint{font-size:.8125rem;color:#64748b;margin-top:4px}.form-unit{font-size:.75rem;color:#64748b;font-weight:400;margin-left:2px}.dimensions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:640px){.dimensions-grid{grid-template-columns:1fr}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row--3{grid-template-columns:repeat(3,1fr)}.form-row--4{grid-template-columns:repeat(4,1fr)}.form-section{margin-bottom:32px}.form-section__title{font-size:.875rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;border-bottom:1px solid #e2e8f0;margin-bottom:20px}.dynamic-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.dynamic-row__inputs{flex:1;display:flex;gap:12px}.dynamic-row__remove{flex-shrink:0;margin-top:4px}.add-row-btn{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;color:#1e40af;cursor:pointer;border:none;background:none;padding:8px 0}.add-row-btn:hover{color:#1d3a9e;text-decoration:underline}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.card__header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.card__title{font-size:1rem;font-weight:600;color:#0f172a}.card__body{padding:24px}.card__footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px;display:flex;justify-content:flex-end;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a}.stat-card--link{display:block;text-decoration:none;color:inherit;cursor:pointer}.stat-card--link:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a;border-color:#1e40af;transform:translateY(-1px)}.stat-card__label{font-size:.8125rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.stat-card__value{font-size:2rem;font-weight:700;color:#0f172a;line-height:1.2}.stat-card__value--currency{font-size:1.25rem;word-break:break-all}.stat-card__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.25rem}.stat-card__icon--blue{background:#dbeafe;color:#1e40af}.stat-card__icon--green{background:#dcfce7;color:#16a34a}.stat-card__icon--yellow{background:#fef3c7;color:#d97706}.stat-card__icon--sky{background:#e0f2fe;color:#0ea5e9}.stat-card__icon--red{background:#fee2e2;color:#dc2626}.stat-card__icon--teal{background:#ccfbf1;color:#0f766e}.stat-card__icon--purple{background:#ede9fe;color:#7c3aed}.stat-card__icon--orange{background:#ffedd5;color:#ea580c}.stat-card__icon--indigo{background:#e0e7ff;color:#4338ca}.stat-card__icon--rose{background:#ffe4e6;color:#e11d48}.stat-card__note{font-size:.75rem;color:#94a3b8;margin-top:4px}.stat-card__value--success{color:#16a34a}.stat-card__value--danger{color:#dc2626}.stat-card--profit{border-left:3px solid #16a34a}.stat-card--loss{border-left:3px solid #dc2626}.section-heading{font-size:1rem;font-weight:600;color:#334155;margin-top:40px;margin-bottom:12px}.period-filter__track{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:3px;gap:2px}.period-filter__btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-size:.8125rem;font-weight:500;border-radius:9999px;border:none;cursor:pointer;background:transparent;color:#475569;white-space:nowrap;transition:background .2s ease,color .2s ease,box-shadow .2s ease;line-height:1.4;text-align:center}.period-filter__btn:hover:not(.is-active){background:#fff;color:#0f172a}.period-filter__btn.is-active{background:#1e40af;color:#fff;box-shadow:0 1px 4px #1e40af59}.period-filter__btn--custom.is-active{background:#334155;box-shadow:0 1px 4px #1e293b40}.period-filter__btn-icon{font-family:JetBrains Mono,Fira Code,monospace;font-size:.6875rem;font-weight:700;letter-spacing:-.5px;opacity:.7;display:none}@media(min-width:640px){.period-filter__btn-icon{display:inline}}.period-filter__meta{display:flex;align-items:center;gap:8px;margin-top:-16px;margin-bottom:24px}.period-filter__range-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 14px;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.01em}.period-filter__custom{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;margin-top:-12px}.period-filter__custom-label{font-size:.8125rem;font-weight:600;color:#64748b;white-space:nowrap}.period-filter__custom-sep{font-size:.875rem;color:#94a3b8;line-height:1}@media(max-width:639px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header__actions{width:100%}.period-filter__track{width:100%;justify-content:stretch}.period-filter__track .period-filter__btn{flex:1;justify-content:center;padding-left:8px;padding-right:8px}}.data-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8fafc}.data-table th{padding:12px 16px;font-size:.75rem;font-weight:600;text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.data-table td{padding:16px;font-size:.875rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.data-table__actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.data-table__empty{text-align:center;padding:64px 24px;color:#94a3b8}.data-table__empty-icon{font-size:2.5rem;margin-bottom:12px}.data-table__empty-text{font-size:1rem;font-weight:500;margin-bottom:8px;color:#64748b}.data-table__empty-sub{font-size:.875rem}.table-toolbar{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}.product-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0;background:#f1f5f9;flex-shrink:0}.product-thumbnail-placeholder{width:48px;height:48px;border-radius:8px;background:#f1f5f9;border:1px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1.25rem}.badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;border-radius:9999px;letter-spacing:.02em}.badge--admin{background:#dbeafe;color:#1e40af}.badge--staff{background:#dcfce7;color:#15803d}.badge--customer{background:#f1f5f9;color:#6b7280}.badge--success{background:#dcfce7;color:#16a34a}.badge--danger{background:#fee2e2;color:#dc2626}.badge--warning{background:#fef3c7;color:#d97706}.badge--info{background:#e0f2fe;color:#0ea5e9}.badge--secondary{background:#f1f5f9;color:#475569}.badge--primary{background:#dbeafe;color:#1e40af}.badge--teal{background:#ccfbf1;color:#0d9488}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;font-size:.875rem;margin-bottom:20px;border:1px solid transparent}.alert--success{background:#dcfce7;border-color:#bbf7d0;color:#107636}.alert--error{background:#fee2e2;border-color:#fecaca;color:#b21d1d}.alert--warning{background:#fef3c7;border-color:#fde68a;color:#a75c05}.alert--info{background:#e0f2fe;border-color:#bae6fd;color:#0a72a1}.alert__icon{flex-shrink:0;font-size:1.1rem;line-height:1}.alert__text{flex:1}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #e2e8f0;font-size:.875rem;color:#475569}.pagination__links{display:flex;gap:4px}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #cbd5e1;border-radius:5px;font-size:.875rem;color:#475569;background:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-decoration:none}.pagination__btn:hover:not(:disabled):not(.is-active){background:#f8fafc;border-color:#94a3b8}.pagination__btn.is-active{background:#1e40af;border-color:#1e40af;color:#fff}.pagination__btn:disabled{opacity:.45;cursor:default}.image-uploader__drop-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease;background:#f8fafc}.image-uploader__drop-zone:hover,.image-uploader__drop-zone.is-dragging{border-color:#1e40af;background:#dbeafe}.image-uploader__drop-zone-icon{font-size:2rem;color:#94a3b8;margin-bottom:12px}.image-uploader__drop-zone-text{font-size:.875rem;color:#64748b}.image-uploader__drop-zone-sub{font-size:.8125rem;color:#94a3b8;margin-top:4px}.image-uploader__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:16px}.image-uploader__item{position:relative;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;aspect-ratio:1;cursor:grab;transition:border-color .15s ease}.image-uploader__item:active{cursor:grabbing}.image-uploader__item.sortable-chosen{border-color:#1e40af;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a}.image-uploader__item--featured{border-color:#1e40af}.image-uploader__item img{width:100%;height:100%;object-fit:cover}.image-uploader__badge{position:absolute;top:4px;left:4px;font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#1e40af;color:#fff;padding:2px 8px;border-radius:4px}.image-uploader__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;background:#0f172ab3;color:#fff;border:none;border-radius:9999px;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s ease}.image-uploader__remove:hover{background:#dc2626}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;margin-bottom:8px}.breadcrumb__sep{color:#cbd5e1}.breadcrumb__item{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.breadcrumb__item--link{color:#1e40af;font-weight:500;transition:color .15s ease}.breadcrumb__item--link:hover{color:#1d3a9e;text-decoration:none}.product-detail{display:grid;grid-template-columns:1fr 1fr}.product-gallery{padding:24px;background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px}.product-gallery__main{aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center}.product-gallery__main-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.product-gallery__placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#cbd5e1;font-size:.875rem}.product-gallery__thumbs{display:flex;flex-wrap:wrap;gap:8px}.product-gallery__thumb{width:68px;height:68px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;cursor:pointer;background:none;padding:0;flex-shrink:0;opacity:.7;transition:border-color .15s ease,transform .15s ease,opacity .15s ease}.product-gallery__thumb:hover{border-color:#94a3b8;opacity:1}.product-gallery__thumb.is-active{border-color:#1e40af;opacity:1;transform:scale(1.05)}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-gallery__counter{text-align:center;font-size:.8125rem;color:#94a3b8}.product-info{padding:32px;display:flex;flex-direction:column;gap:20px}.product-info__sku{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;padding:2px 12px;border-radius:8px;display:inline-block;margin-bottom:8px}.product-info__title{font-size:1.625rem;font-weight:700;color:#0f172a;line-height:1.25;margin:0}.product-info__price{font-size:2.5rem;font-weight:800;color:#1e40af;letter-spacing:-1px;line-height:1}.product-info__price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.product-info__section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:12px}.product-info__desc{font-size:.9375rem;color:#475569;line-height:1.75}.product-info__divider{border:none;border-top:1px solid #f1f5f9;margin:0}.product-info__meta{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#64748b}.product-specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.product-specs-grid__key{font-size:.75rem;color:#94a3b8;font-weight:500;margin-bottom:2px}.product-specs-grid__value{font-size:.875rem;font-weight:600;color:#1e293b}.product-tabs{border-top:1px solid #e2e8f0}.product-tabs__nav{display:flex;padding:0 24px;border-bottom:1px solid #e2e8f0;overflow-x:auto}.product-tabs__tab{padding:16px 20px;font-size:.875rem;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.product-tabs__tab:hover{color:#1e293b}.product-tabs__tab.is-active{color:#1e40af;border-bottom-color:#1e40af}.product-tabs__body{padding:24px 32px}.highlight-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.highlight-list__item{display:flex;align-items:flex-start;gap:12px;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;padding:12px 16px}.highlight-list__check{width:20px;height:20px;border-radius:9999px;background:#1e40af;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:#fff}.highlight-list__text{font-size:.875rem;color:#334155;line-height:1.55}.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.specs-grid__item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.specs-grid__key{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:4px}.specs-grid__value{font-size:.9375rem;font-weight:600;color:#1e293b}.text-muted{color:#64748b}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.text-right{text-align:right}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.divider{border:none;border-top:1px solid #e2e8f0;margin:24px 0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.app-shell{grid-template-columns:64px 1fr}.navbar-toggle{display:flex}.sidebar{width:64px;overflow:hidden}.sidebar__brand-name,.sidebar__section-label,.sidebar__close-btn{display:none}.sidebar__brand-row{padding-right:0;justify-content:center}.sidebar__brand{padding:20px 0;justify-content:center;flex:unset;width:64px}.sidebar__nav-item{padding:12px;justify-content:center}.sidebar__nav-item span:not(.sidebar__nav-icon){display:none}.sidebar__footer{padding:12px}.sidebar__footer .sidebar__nav-item span{display:none}.sidebar.is-open{width:240px}.sidebar.is-open__brand-name,.sidebar.is-open__section-label,.sidebar.is-open .sidebar__brand-name,.sidebar.is-open .sidebar__section-label{display:block}.sidebar.is-open .sidebar__brand-row{padding-right:12px;justify-content:space-between}.sidebar.is-open .sidebar__brand{padding:20px 24px;justify-content:flex-start;flex:1;width:auto}.sidebar.is-open .sidebar__nav-item{padding:12px 24px;justify-content:flex-start}.sidebar.is-open .sidebar__nav-item span:not(.sidebar__nav-icon){display:inline}.sidebar.is-open .sidebar__footer{padding:16px 24px}.sidebar.is-open .sidebar__footer .sidebar__nav-item span{display:inline}.main-content{padding:20px}}@media(max-width:768px){.app-shell{grid-template-columns:1fr;grid-template-rows:60px 1fr;grid-template-areas:"navbar" "main"}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;left:0;width:240px!important;height:100vh;z-index:100;transform:translate(-100%);box-shadow:none;overflow-y:auto;overflow-x:hidden}.sidebar__brand-name,.sidebar__section-label{display:block!important}.sidebar__close-btn{display:flex;align-items:center;justify-content:center}.sidebar__brand-row{padding-right:12px;justify-content:space-between}.sidebar__brand{padding:20px 24px;justify-content:flex-start;flex:1;width:auto}.sidebar__nav-item{padding:12px 24px!important;justify-content:flex-start!important;min-height:48px}.sidebar__nav-item span:not(.sidebar__nav-icon){display:inline!important}.sidebar__footer{padding:16px 24px}.sidebar__footer .sidebar__nav-item span{display:inline!important}.sidebar.is-open{transform:translate(0);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a}.navbar-toggle{display:flex}.top-navbar{padding:0 16px}.top-navbar__user-name,.logout-label{display:none}.logout-icon{display:inline}.main-content{padding:16px;min-height:calc(100vh - 60px)}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-header__actions{width:100%}.page-header__actions .btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.form-row,.form-row--3,.form-row--4{grid-template-columns:1fr}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:560px}.table-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.pagination{flex-direction:column;align-items:center;gap:12px;padding:16px}.card__footer{flex-direction:column-reverse;gap:8px}.card__footer .btn{width:100%;justify-content:center}.image-uploader__grid{grid-template-columns:repeat(3,1fr)}.product-detail{grid-template-columns:1fr}.product-gallery{border-right:none;border-bottom:1px solid #e2e8f0}.product-info{padding:24px}.product-tabs__body{padding:20px 24px}.highlight-list{grid-template-columns:1fr}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.auth-card{padding:32px 20px}.image-uploader__grid{grid-template-columns:repeat(2,1fr)}.top-navbar__user{display:none}}.form-grid{display:grid;gap:16px;grid-template-columns:1fr}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.form-grid--2,.form-grid--3{grid-template-columns:1fr}}.form-group--span-3{grid-column:1/-1}.form-group--span-2{grid-column:span 2}.form-required{color:#dc2626;margin-left:2px}.form-input--readonly{background:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:default;display:flex;align-items:center;min-height:38px;padding:4px 12px}.form-section__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #e2e8f0;margin-bottom:20px}.form-section__header .form-section__title{border-bottom:none;padding-bottom:0;margin-bottom:0}.form-empty-state{text-align:center;padding:32px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#94a3b8;font-size:.875rem}.btn--icon{padding:6px 8px;min-width:32px;justify-content:center}.procurement-item-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:16px}.procurement-item-row:last-child{margin-bottom:0}.procurement-item-row__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.procurement-item-row__num{font-size:.8125rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.detail-grid{grid-template-columns:1fr}}.detail-grid__item{display:flex;flex-direction:column;gap:4px}.detail-grid__item--full{grid-column:1/-1}.detail-grid__label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.detail-grid__value{font-size:.9375rem;color:#0f172a;font-weight:500}.form-field{margin-bottom:20px}.form-field:last-child{margin-bottom:0}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.form-label-row .form-label{margin-bottom:0}.page-title{font-size:1.375rem;font-weight:700;color:#0f172a;margin-bottom:4px}.page-subtitle{font-size:.875rem;color:#64748b}.action-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:8px;border-top:1px solid #e2e8f0;margin-top:8px}.breadcrumb a{color:#1e40af;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span+span:before,.breadcrumb a+span:before,.breadcrumb span+a:before{content:" › ";color:#cbd5e1;margin:0 4px}.card>.card__title:first-child{padding:20px 24px 0;margin-bottom:12px;display:block}.link-primary{color:#1e40af;font-weight:500;text-decoration:none}.link-primary:hover{color:#1d3a9e;text-decoration:underline}.link-muted{color:#64748b;text-decoration:none}.link-muted:hover{color:#334155}.empty-state{text-align:center;padding:48px;color:#94a3b8}.empty-state p{margin:0}.empty-state--sm{padding:24px}.filter-bar{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}.filter-bar .form-field{margin-bottom:0}.summary-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f1f5f9;border-radius:9999px;font-size:.875rem;color:#334155;align-self:flex-end;margin-bottom:4px}.detail-list{display:flex;flex-direction:column;gap:12px;padding:16px 24px}.detail-list__item{display:flex;align-items:flex-start;gap:12px;font-size:.875rem}.detail-list__label{min-width:90px;flex-shrink:0;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.form-static{display:flex;align-items:center;min-height:38px;padding:5px 12px;font-size:.875rem;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.order-item-row{position:relative;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px 48px 20px 20px;margin-bottom:16px}.order-item-row:last-child{margin-bottom:0}.order-item-row__fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}@media(max-width:640px){.order-item-row__fields{grid-template-columns:1fr}}.order-item-row__remove{position:absolute;top:12px;right:12px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.8rem;padding:6px;line-height:1;border-radius:4px;transition:color .15s ease,background .15s ease}.order-item-row__remove:hover{color:#dc2626;background:#fee2e2}.order-totals{display:flex;flex-direction:column;gap:12px;max-width:380px;margin-left:auto;padding:8px 0}.order-totals__row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;gap:24px}.order-totals__row--total{font-size:1rem;font-weight:700;border-top:2px solid #e2e8f0;padding-top:12px;margin-top:4px}.order-totals__input{width:140px;text-align:right}.form-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.form-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.form-grid--4{grid-template-columns:1fr}}.form-input--sm,.form-select--sm{padding:4px 10px;font-size:.8125rem;height:32px}.data-table--compact td,.data-table--compact th{padding:8px 12px!important;font-size:.8125rem}.alert--warning{background:#fef3c7;border-color:#fde68a;color:#d97706}.alert--compact{padding:6px 12px;font-size:.8125rem;border-radius:4px;margin-top:8px}.btn--danger.btn--outline{background:transparent;color:#dc2626;border-color:#dc2626}.btn--danger.btn--outline:hover:not(:disabled){background:#fee2e2}.btn--warning{background:#d97706;color:#fff;border-color:#d97706}.btn--warning:hover:not(:disabled){background:#b16105;border-color:#b16105}.btn--warning.btn--outline{background:transparent;color:#d97706;border-color:#d97706}.btn--warning.btn--outline:hover:not(:disabled){background:#fef3c7}tr.is-editing{background:#dbeafe}tr.is-editing td{padding-top:8px!important;padding-bottom:8px!important}.add-payment-form{border-top:1px solid #e2e8f0;padding:20px 24px 8px;margin-top:16px}.add-payment-form h3{margin-bottom:12px}.attachment-dropzone{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.attachment-dropzone:hover{border-color:#1e40af;background:#dbeafe}.attachment-row td{background:#f8fafc;border-top:none}.attachment-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid #e2e8f0;border-radius:9999px;background:#fff;font-size:.75rem;overflow:hidden}.attachment-chip__link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;color:#1e40af;text-decoration:none;max-width:220px}.attachment-chip__link:hover{text-decoration:underline}.attachment-chip__icon{display:flex;align-items:center;color:#64748b;flex-shrink:0}.attachment-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip__size{color:#94a3b8;white-space:nowrap;flex-shrink:0}.attachment-chip__delete{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%;background:none;border:none;border-left:1px solid #e2e8f0;color:#94a3b8;cursor:pointer;font-size:.875rem;line-height:1;transition:color .15s,background .15s}.attachment-chip__delete:hover{color:#dc2626;background:#fff1f0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal__title{font-size:1rem;font-weight:600;color:#0f172a}.modal__close{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem;padding:6px;border-radius:8px;transition:color .15s ease,background .15s ease}.modal__close:hover{color:#334155;background:#f1f5f9}.modal__body{padding:24px;display:flex;flex-direction:column;gap:16px}.modal__footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:#fff;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;display:flex;flex-direction:column;z-index:201}.drawer__header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.drawer__title{font-size:1rem;font-weight:600;color:#0f172a}.drawer__close{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1rem;padding:6px;border-radius:8px;transition:color .15s ease,background .15s ease}.drawer__close:hover{color:#334155;background:#f1f5f9}.drawer__body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.drawer__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;flex-shrink:0}.drawer-slide-enter-active{transition:background-color .28s ease}.drawer-slide-enter-active .drawer{transition:transform .28s ease}.drawer-slide-leave-active{transition:background-color .28s ease}.drawer-slide-leave-active .drawer{transition:transform .28s ease}.drawer-slide-enter-from,.drawer-slide-leave-to{background-color:transparent}.drawer-slide-enter-from .drawer,.drawer-slide-leave-to .drawer{transform:translate(100%)}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-semibold{font-weight:600}.whitespace-pre-line{white-space:pre-line}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.py-8{padding-top:32px;padding-bottom:32px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.activity-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;margin-bottom:20px}.activity-filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e2e8f0}.activity-filter-panel__title{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.04em}.activity-filter-panel__title svg{color:#64748b;flex-shrink:0}.activity-filter-panel__clear{font-size:.8125rem;font-weight:500;color:#1e40af;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s ease,color .15s ease}.activity-filter-panel__clear:hover{background:#dbeafe;color:#1d3a9e}.activity-filter-panel__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px}.activity-filter-panel__grid .form-field{margin-bottom:0}@media(max-width:900px){.activity-filter-panel__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.activity-filter-panel__grid{grid-template-columns:1fr}}.activity-filter-panel__chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}.activity-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;background:#dbeafe;color:#1e40af;border-radius:9999px;font-size:.8rem;font-weight:500;line-height:1.4}.activity-filter-chip strong{font-weight:700}.activity-filter-chip button{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:.875rem;line-height:1;background:#1e40af26;border:none;border-radius:9999px;color:#1e40af;cursor:pointer;padding:0 0 1px;transition:background .15s ease;flex-shrink:0}.activity-filter-chip button:hover{background:#1e40af4d}.activity-timeline{padding:8px 0}.activity-timeline__item{display:flex;gap:16px;position:relative}.activity-timeline__item--last .activity-timeline__body{padding-bottom:0}.activity-timeline__rail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:16px;padding-top:3px}.activity-timeline__dot{width:10px;height:10px;border-radius:9999px;flex-shrink:0;border:2px solid #ffffff;box-shadow:0 0 0 2px #cbd5e1}.activity-timeline__dot--success{background:#16a34a;box-shadow:0 0 0 2px #bbf7d0}.activity-timeline__dot--danger{background:#dc2626;box-shadow:0 0 0 2px #fecaca}.activity-timeline__dot--warning{background:#d97706;box-shadow:0 0 0 2px #fde68a}.activity-timeline__dot--info{background:#0ea5e9;box-shadow:0 0 0 2px #bae6fd}.activity-timeline__dot--primary{background:#1e40af;box-shadow:0 0 0 2px #dbeafe}.activity-timeline__dot--secondary{background:#94a3b8;box-shadow:0 0 0 2px #e2e8f0}.activity-timeline__line{flex:1;width:2px;background:#e2e8f0;margin:4px 0;border-radius:1px}.activity-timeline__body{flex:1;min-width:0;padding-bottom:20px}.activity-timeline__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.activity-timeline__meta .badge{flex-shrink:0;text-transform:capitalize}.activity-timeline__actor{font-size:.8125rem;color:#64748b}.activity-timeline__actor strong{font-weight:600;color:#334155}.activity-timeline__time{font-size:.75rem;color:#94a3b8;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.activity-timeline__desc{font-size:.875rem;color:#334155;line-height:1.5;margin:0}@media(max-width:480px){.activity-timeline__time{margin-left:0;flex-basis:100%}}.flatpickr-calendar{font-family:Inter,Segoe UI,system-ui,sans-serif;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #0f172a1f;padding:12px}.flatpickr-calendar.open{z-index:9999}.flatpickr-months{padding:0 0 8px}.flatpickr-months .flatpickr-month{height:36px;color:#1e293b}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;top:6px;padding:0;color:#64748b;fill:#64748b;transition:background .15s ease,color .15s ease}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{background:#f1f5f9;color:#1e293b;fill:#1e293b}.flatpickr-current-month{font-size:.9375rem;font-weight:600;color:#1e293b;padding-top:6px}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{font-weight:600;color:#1e293b}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#f1f5f9;border-radius:4px}.flatpickr-weekdays{margin-top:4px}.flatpickr-weekdays .flatpickr-weekday{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.flatpickr-days{border:none;width:100%!important}.dayContainer{width:100%!important;min-width:100%!important;max-width:100%!important}.flatpickr-day{border-radius:8px;height:34px;line-height:34px;max-width:34px;font-size:.875rem;color:#334155;border:none;transition:background .15s ease,color .15s ease}.flatpickr-day:hover{background:#dbeafe;color:#1e40af}.flatpickr-day.today{border:1.5px solid #1e40af;color:#1e40af;font-weight:600;background:transparent}.flatpickr-day.today:hover{background:#dbeafe}.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#1e40af;color:#fff;border-color:#1e40af;font-weight:600}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:#cbd5e1;background:transparent}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:#cbd5e1}.flatpickr-day.inRange{background:#dbeafe;color:#1e40af;box-shadow:none;border:none}.datepicker-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.datepicker-input:disabled{cursor:not-allowed}.orders-filter-grid{grid-template-columns:repeat(5,1fr)!important}@media(max-width:1100px){.orders-filter-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:720px){.orders-filter-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:480px){.orders-filter-grid{grid-template-columns:1fr!important}}.combobox{position:relative}.combobox__input-wrap{position:relative;display:flex;align-items:center}.combobox__input{width:100%;padding-right:32px}.combobox__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;color:#94a3b8;padding:0;display:flex;align-items:center;transition:color .15s ease}.combobox__clear:hover{color:#334155}.combobox__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a1a;max-height:220px;overflow-y:auto;z-index:200;padding:4px 0;list-style:none;margin:0}.combobox__empty{padding:12px 16px;font-size:.875rem;color:#94a3b8;text-align:center}.combobox__option{display:flex;flex-direction:column;gap:1px;padding:10px 16px;cursor:pointer;transition:background .15s ease}.combobox__option:hover{background:#f8fafc}.combobox__option.is-selected{background:#dbeafe}.combobox__option-name{font-size:.875rem;font-weight:500;color:#1e293b}.combobox__option-meta{font-size:.75rem;color:#94a3b8}.reports-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media(min-width:768px){.reports-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.reports-kpi-grid{grid-template-columns:repeat(5,1fr)}}.reports-kpi-card{display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:12px;background:#fff;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.reports-kpi-card__icon{font-size:1.5rem;line-height:1}.reports-kpi-card__label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.reports-kpi-card__value{font-size:1.25rem;font-weight:700;color:#0f172a}.reports-kpi-card__note{font-size:.7rem;color:#94a3b8;margin-top:4px}.reports-kpi-card--blue{border-top:3px solid #6366f1}.reports-kpi-card--purple{border-top:3px solid #8b5cf6}.reports-kpi-card--orange{border-top:3px solid #f59e0b}.reports-kpi-card--green{border-top:3px solid #22c55e}.reports-kpi-card--red{border-top:3px solid #ef4444}.reports-kpi-card--teal{border-top:3px solid #14b8a6}.reports-kpi-card--sky{border-top:3px solid #0ea5e9}.reports-kpi-card--indigo{border-top:3px solid #6366f1}.reports-section-title{font-size:1rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.08em;padding:8px 0;border-bottom:2px solid #f1f5f9;margin:24px 0 16px}.reports-chart-card{margin-bottom:16px;padding:20px;overflow-x:auto}.reports-chart-card__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.reports-chart-card__toolbar-label{font-size:.875rem;font-weight:600;color:#334155}.reports-chart-card__product-select{min-width:220px;max-width:100%}.reports-half-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}@media(min-width:768px){.reports-half-grid{grid-template-columns:repeat(2,1fr)}}.reports-half-grid .reports-chart-card{margin-bottom:0}.reports-empty{min-height:180px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.875rem;font-style:italic}.reports-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.reports-proc-filter{position:relative}.reports-proc-filter__trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.8125rem;font-weight:500;color:#334155;cursor:pointer;transition:border-color .15s ease,background .15s ease;white-space:nowrap}.reports-proc-filter__trigger:hover{border-color:#94a3b8}.reports-proc-filter__trigger--active{border-color:#1e40af;background:#dbeafe;color:#1e40af}.reports-proc-filter__badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 4px;background:#1e40af;color:#fff;border-radius:9999px;font-size:.6875rem;font-weight:700;line-height:1}.reports-proc-filter__chevron{font-size:.625rem;opacity:.5;margin-left:4px}.reports-proc-filter__dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;width:380px;max-width:92vw;display:flex;flex-direction:column;overflow:hidden}.reports-proc-filter__search-wrap{padding:12px;border-bottom:1px solid #f1f5f9}.reports-proc-filter__search-wrap input{width:100%;padding:6px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.8125rem;font-family:inherit;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s ease}.reports-proc-filter__search-wrap input::placeholder{color:#94a3b8}.reports-proc-filter__search-wrap input:focus{border-color:#1e40af;background:#fff}.reports-proc-filter__select-all{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #f1f5f9;font-size:.8125rem;font-weight:600;color:#334155;cursor:pointer;background:#f8fafc}.reports-proc-filter__select-all:hover{background:#f1f5f9}.reports-proc-filter__select-all input[type=checkbox]{accent-color:#1e40af}.reports-proc-filter__list{max-height:280px;overflow-y:auto;overscroll-behavior:contain}.reports-proc-filter__item{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;cursor:pointer;transition:background .15s ease}.reports-proc-filter__item:hover{background:#f8fafc}.reports-proc-filter__item--checked{background:#dbeafe}.reports-proc-filter__item input[type=checkbox]{margin-top:2px;accent-color:#1e40af;flex-shrink:0}.reports-proc-filter__item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.reports-proc-filter__item-ref{font-size:.8125rem;font-weight:600;color:#1e293b}.reports-proc-filter__item-sub{font-size:.75rem;color:#64748b;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.reports-proc-filter__item-status{display:inline-block;padding:1px 6px;border-radius:9999px;font-size:.6875rem;font-weight:600;border:1px solid transparent;text-transform:capitalize}.reports-proc-filter__empty{padding:32px 16px;text-align:center;color:#94a3b8;font-size:.8125rem}.reports-proc-filter__footer{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1px solid #f1f5f9;gap:8px}.reports-proc-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}.reports-proc-chips__label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.reports-proc-chips__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 12px;background:#dbeafe;color:#1e40af;border:1px solid rgba(30,64,175,.25);border-radius:9999px;font-size:.75rem;font-weight:500}.reports-proc-chips__chip button{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:none;background:#1e40af26;border-radius:9999px;font-size:.5625rem;color:#1e40af;cursor:pointer;padding:0;line-height:1;transition:background .15s ease}.reports-proc-chips__chip button:hover{background:#1e40af4d}.reports-proc-chips__clear-all{font-size:.75rem;color:#64748b;background:none;border:none;cursor:pointer;padding:3px 8px;border-radius:8px;text-decoration:underline;transition:color .15s ease}.reports-proc-chips__clear-all:hover{color:#dc2626}