:root,[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#ebebeb;--text-primary:#111;--text-secondary:#555;--text-muted:#888;--accent:#c9a000;--accent-hover:#b08f00;--accent-soft:#c9a0001f;--border:#ddd;--border-strong:#ccc;--danger:#dc3545;--success:#198754;--shadow:#00000014;--input-bg:#fff;--sidebar-bg:#111;--sidebar-text:#f0f0f0;--sidebar-muted:#aaa;--sidebar-active:#f5c518}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1e1e1e;--text-primary:#f5f5f5;--text-secondary:#c8c8c8;--text-muted:#888;--accent:#f5c518;--accent-hover:#ffd84d;--accent-soft:#f5c51826;--border:#2a2a2a;--border-strong:#3a3a3a;--danger:#ff4d6d;--success:#2ecc71;--shadow:#0006;--input-bg:#1a1a1a;--sidebar-bg:#000;--sidebar-text:#f5f5f5;--sidebar-muted:#999;--sidebar-active:#f5c518}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;width:100%;padding:.65rem .85rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:100px}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#111}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0}.btn-danger:hover{background:#ff4d6d1a}.btn-sm{padding:.4rem .75rem;font-size:.82rem}.data-table{border-collapse:collapse;table-layout:auto;width:max(100%,720px);min-width:720px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;word-break:normal;overflow-wrap:anywhere;padding:.85rem 1rem}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-tertiary);white-space:nowrap;font-size:.78rem}.data-table td .btn,.data-table td .btn-sm{white-space:nowrap}.table-card{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;padding:0;overflow-x:auto}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.list-filters{margin-bottom:1rem;padding:1rem 1.15rem}.list-filters-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.list-filters-search{flex:220px;min-width:180px;margin:0}.list-filters-select{flex:0 180px;min-width:140px;margin:0}.list-filters-reset{height:42px}.list-filters-count{color:var(--text-muted);margin:.75rem 0 0;font-size:.85rem}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.badge{border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:var(--success);background:#2ecc7126}.badge-inactive{color:var(--text-muted);background:#88888826}.card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);border-radius:12px;padding:1.25rem}.form-grid{gap:1rem;display:grid}.form-grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid-2{grid-template-columns:1fr}.data-table{width:max(100%,680px);min-width:680px}.data-table th,.data-table td{padding:.7rem .75rem;font-size:.9rem}.card{padding:1rem}.table-card{margin-left:-.15rem;margin-right:-.15rem;padding:0}h1{font-size:1.25rem!important}.page-header-row{align-items:stretch}.page-header-row .btn{width:100%}.list-filters-row{flex-direction:column;align-items:stretch}.list-filters-search,.list-filters-select{flex:auto;width:100%;min-width:0}.list-filters-reset{width:100%;height:auto}.toast{top:.75rem;left:.75rem;right:.75rem}}@media (max-width:480px){.data-table{width:max(100%,640px);min-width:640px}.btn{padding:.55rem .9rem}}.form-group label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.form-section-title{color:var(--accent);border-bottom:1px solid var(--border);margin:1.5rem 0 .75rem;padding-bottom:.4rem;font-size:1rem;font-weight:700}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.85rem .75rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.8rem}.toast{z-index:9999;border-radius:8px;padding:.75rem 1rem;font-weight:600;animation:.25s slideIn;position:fixed;top:1rem;right:1rem}.toast-success{background:var(--success);color:#111}.toast-error{background:var(--danger);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chart_card{background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:280px;padding:1.25rem;display:flex!important}.table_product{align-items:center;gap:.75rem;min-width:200px;display:flex}.table_product span,.table_product strong,.table_product a{overflow-wrap:anywhere}