@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--primary-hue:142;--primary:#22c55e;--primary-hover:#16a34a;--primary-light:#22c55e14;--primary-glow:#22c55e26;--success:#22c35d;--warning:#f59f0a;--danger:#f43e5c;--bg-app:#f5f7fa;--bg-card:#fff;--bg-card-hover:#f8fafc;--border:#e2e8f0;--border-focus:#22c55e;--text-main:#0f1d2d;--text-muted:#64748b;--text-light:#94a3b8;--shadow-sm:0 1px 2px 0 #0f1d2d0d;--shadow-md:0 4px 6px -1px #0f1d2d0d, 0 2px 4px -1px #0f1d2d08;--shadow-lg:0 10px 15px -3px #0f1d2d0d, 0 4px 6px -2px #0f1d2d05;--shadow-primary:0 10px 20px -5px #22c55e33;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-smooth:all .2s ease-in-out;--glass-bg:#ffffffd9;--glass-border:#e2e8f0cc}[data-theme=dark]{--bg-app:#070d14;--bg-card:#0f1d2d;--bg-card-hover:#172b40;--border:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--glass-bg:#0f1d2dd9;--glass-border:#ffffff0d;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--primary-light:#22c55e26}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.glassmorphism{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);font-size:.95rem;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card);border-color:var(--border);color:var(--text-main)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--text-light)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.9)}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .8rem;font-size:.85rem}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-main);font-size:.9rem;font-weight:600}.form-input,.form-textarea,.form-select{font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);transition:var(--transition-smooth);padding:.75rem 1rem;font-size:.95rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow);outline:none}input[type=file].form-input{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;padding:.5rem .75rem;overflow:hidden}.form-row-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-smooth);width:100%;max-width:100%;padding:1.5rem}.card:hover{box-shadow:var(--shadow-lg)}.badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background-color:#e9fbf0}[data-theme=dark] .badge-success{background-color:#133921}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.9rem;display:flex}.alert-success{color:#136c34;background-color:#e9fbf0;border-color:#bef4d2}.alert-danger{color:#91081f;background-color:#feecef;border-color:#fccfd6}[data-theme=dark] .alert-success{color:#a8f0c2;background-color:#0f2e1b;border-color:#194d2c}[data-theme=dark] .alert-danger{color:#f99fae;background-color:#2e0f14;border-color:#4d1922}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-slow{animation:2s ease-in-out infinite pulse-slow}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;display:grid}@media (width<=768px){.catalog-grid{grid-template-columns:1fr;gap:1.25rem}}.variation-form-grid{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-card);grid-template-columns:2fr 1fr 1fr 1.5fr auto;align-items:end;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:grid}@media (width<=768px){.variation-form-grid{grid-template-columns:1fr 1fr;gap:.75rem}.variation-form-grid>.form-group:first-child,.variation-form-grid>.form-group:nth-child(4){grid-column:span 2}.variation-form-grid>button{grid-column:span 2;width:100%;margin-top:.25rem}}.product-form-grid-2-1{grid-template-columns:2fr 1fr;gap:1rem;display:grid}@media (width<=600px){.product-form-grid-2-1{grid-template-columns:1fr}}.cost-grid-row{grid-template-columns:2fr 1fr auto;align-items:center;gap:.75rem;display:grid}.cost-grid-row-header{color:var(--text-light);border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr auto;gap:.75rem;padding-bottom:.25rem;font-size:11px;font-weight:700;display:grid}@media (width<=600px){.cost-grid-row-header{display:none!important}.cost-grid-row{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-card);grid-template-columns:1fr;gap:.5rem;padding:.75rem 2.5rem .75rem .75rem;position:relative}.cost-grid-row-delete-btn{position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}}.variation-list-item{border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.variation-inputs-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}@media (width<=600px){.variation-list-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem!important}.variation-inputs-row{border-top:1px dashed var(--border);justify-content:space-between;width:100%;padding-top:.75rem}}.catalog-detail-image-container{border-radius:var(--radius-md);border:1px solid var(--border);cursor:zoom-in;background-color:#fff;flex-shrink:0;width:100%;height:380px;position:relative;overflow:hidden}@media (width<=600px){.catalog-detail-image-container{height:260px!important;min-height:260px!important}}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.responsive-grid-2{grid-template-columns:1fr;gap:.75rem}}.responsive-grid-3{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.responsive-grid-3{grid-template-columns:1fr;gap:.75rem}}.responsive-grid-3-1{grid-template-columns:3fr 1fr;gap:1rem;display:grid}@media (width<=600px){.responsive-grid-3-1{grid-template-columns:1fr;gap:.75rem}}.admin-header{padding:1rem 2rem}@media (width<=768px){.admin-header{padding:1rem!important}}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.print-invoice-container{color:#111;border-radius:var(--radius-md);box-shadow:var(--shadow-md);box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;width:100%;max-width:850px;margin:0 auto;padding:3rem;font-family:Inter,system-ui,sans-serif;line-height:1.5}.invoice-header-row{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.invoice-header-right{text-align:right}.invoice-contacts-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;display:grid}.invoice-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);width:100%;margin-bottom:2.5rem;overflow-x:auto}.invoice-table-wrapper table{min-width:600px}.invoice-totals-grid{grid-template-columns:1.2fr 1fr;align-items:flex-start;gap:2rem;display:grid}.invoice-signatures-row{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;gap:2rem;margin-top:4rem;padding-top:2rem;display:flex}.invoice-signature-box{text-align:center;width:220px}@media (width<=768px){.print-invoice-container{padding:1.5rem 1rem}.invoice-header-row{flex-direction:column;align-items:stretch;gap:1.5rem}.invoice-header-right{text-align:left!important}.invoice-contacts-grid{grid-template-columns:1fr;gap:1rem}.invoice-totals-grid{grid-template-columns:1fr;gap:1.5rem}.invoice-signatures-row{flex-direction:column;align-items:center;gap:3rem}.invoice-signature-box{width:100%;max-width:280px}}.invoice-actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.invoice-actions-group{flex-wrap:wrap;gap:.5rem;display:flex}.invoice-status-group{align-items:center;gap:.5rem;display:flex}@media (width<=768px){.invoice-actions-bar{flex-direction:column;align-items:stretch;gap:1rem}.invoice-actions-group{justify-content:stretch;width:100%}.invoice-actions-group button,.invoice-actions-group a{flex:auto;padding:.6rem .8rem;font-size:.85rem}.invoice-status-group{border-top:1px solid var(--border);justify-content:space-between;width:100%;padding-top:.75rem}.invoice-status-group select{flex:1;max-width:200px}}