:root{--bg-color: #f2ede8;--panel-bg: #ffffff;--panel-border: rgba(0, 0, 0, .08);--text-main: #1c1826;--text-muted: #7a7088;--accent: #d4622a;--accent-hover: #bf5523;--success: #059669;--warning: #d97706;--danger: #dc2626;--radius: 12px}html{background-color:#e8e0d5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5;min-height:100vh;background-image:linear-gradient(to bottom,#e8e0d5,#f2ede8 40%);background-attachment:fixed}a{color:var(--accent);text-decoration:none;transition:color .2s}a:visited{color:var(--accent)}a:hover{color:var(--accent-hover);text-decoration:underline}.app-container{max-width:1100px;margin:0 auto;padding:2rem}header{display:flex;flex-direction:column;margin-bottom:1.5rem}header .header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--panel-border)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--text-main)!important;text-decoration:none;cursor:default}.logo:hover{text-decoration:none}.logo-icon{color:var(--accent)}.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000f}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:.875rem 1.5rem;border-bottom:1px solid var(--panel-border);font-size:.75rem;vertical-align:middle}th{background-color:#00000008;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}tbody tr:hover{background-color:#c2622a0a}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-success{background:#0596691f;color:var(--success)}.badge-warning{background:#d977061f;color:var(--warning)}.badge-danger{background:#dc26261f;color:var(--danger)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;font-size:.875rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--panel-border);color:var(--text-muted);cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--panel-border)}.btn-ghost:hover{background:#0000000a;color:var(--text-main)}input[type=email],input[type=password],input[type=text],input[type=date],input[type=number]{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-main);padding:.6rem 1rem;border-radius:8px;outline:none;font-size:.9rem}input[type=email],input[type=password],input[type=text]{width:100%}input:focus{border-color:var(--accent)}textarea{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text-main);padding:.6rem 1rem;border-radius:8px;outline:none;font-size:.9rem;width:100%;font-family:inherit}textarea:focus{border-color:var(--accent)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.input-group label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--panel-bg);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--panel-border);box-shadow:0 1px 4px #0000000f}.stat-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.stat-value{font-size:1.75rem;font-weight:700}.parent-row{background:#00000003}.tip{position:relative;display:inline-flex}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#1c1826;color:#fff;padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:200}.tip:hover:after{opacity:1}.child-row{background:#00000005}.child-row td{padding-top:.5rem;padding-bottom:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:flex;justify-content:center;align-items:center;padding:4rem}.loading-icon{animation:spin 1s linear infinite;color:var(--accent)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:420px;box-shadow:0 4px 24px #00000012}.auth-logo{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2rem}.auth-logo-icon{color:var(--accent)}.vendor-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.vendor-tabs button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:none;border-radius:8px;background:var(--panel-bg);color:var(--text-main);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.vendor-tabs button.active{background:var(--accent);color:#fff}.product-img{width:48px;height:48px;border-radius:4px;object-fit:cover;background:#e8e2dc}.vendor-picker{position:relative}.vendor-picker-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-bg);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-main);transition:border-color .15s}.vendor-picker-trigger:hover{border-color:var(--accent)}.vendor-picker-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 8px 24px #0000001a;min-width:220px;z-index:50;overflow:hidden}.vendor-picker-item{display:flex;flex-direction:column;padding:.75rem 1rem;cursor:pointer;transition:background .12s;border:none;background:transparent;width:100%;text-align:left}.vendor-picker-item:hover{background:#c2622a0f}.vendor-picker-item.selected{background:#c2622a14}.vendor-picker-name{font-size:.875rem;font-weight:600;color:var(--text-main)}.vendor-picker-store{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}@media (max-width: 768px){.vendor-tab-label{display:none}.vendor-tabs button{flex:1;justify-content:center;min-width:44px;padding:.6rem!important}.col-mobile-hide{display:none}th,td{padding:.75rem .875rem}.mobile-meta{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.2rem;font-weight:400;line-height:1.4}.barcodes-labels-col{width:85px!important;white-space:nowrap}.barcodes-name-col{width:auto!important}.barcodes-img-cell{padding-left:.5rem!important}.barcodes-parent-title{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-trigger-long{display:none}.date-trigger-short{display:inline}.profile-trigger-desktop{display:none!important}.profile-trigger-mobile{display:flex!important}.period-second-date{display:block}.period-second-date-sep{display:none}}@media (min-width: 769px){.date-trigger-short{display:none}.profile-trigger-mobile{display:none!important}.inv-table{table-layout:auto}.inv-product-col{max-width:240px}}@media (max-width: 768px){.inv-table{table-layout:fixed}}@media (max-width: 480px){.app-container{padding:1rem .75rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.75rem}.stat-value{font-size:1.3rem}}