@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg:#f8fafc;--color-bg-card:#fff;--color-bg-sidebar:#0f172a;--color-bg-sidebar-hover:#1e293b;--color-border:#e2e8f0;--color-border-focus:#4f46e5;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-sidebar:#94a3b8;--color-text-sidebar-active:#fff;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--transition-fast:.15s ease;--transition-base:.2s ease}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--transition-fast);max-width:100%}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;padding:8px 16px;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.btn:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:0 4px 6px -1px #4f46e533}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover{color:var(--color-text-primary);background-color:#0000000d}.input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#fff;padding:8px 12px;font-family:inherit;font-size:.875rem;line-height:1.25rem}.input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #4f46e526}.input::placeholder{color:var(--color-text-secondary);opacity:.7}select.input{cursor:pointer}textarea.input{resize:vertical;min-height:80px}.badge{text-transform:capitalize;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{color:var(--color-success);background-color:#10b9811a}.badge-warning{color:var(--color-warning);background-color:#f59e0b1a}.badge-danger{color:var(--color-danger);background-color:#ef44441a}.badge-info{color:var(--color-info);background-color:#3b82f61a}.badge-accent{color:#6366f1;background-color:#6366f11a}.badge-purple{color:#a855f7;background-color:#a855f71a}.badge-secondary{background-color:var(--color-bg);color:var(--color-text-secondary)}table{border-collapse:collapse;width:100%;font-size:.875rem}th{letter-spacing:.05em;color:var(--color-text-secondary);text-transform:uppercase;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:#f8fafc}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media print{body *{visibility:hidden}.invoice-print-container,.invoice-print-container *{visibility:visible}.invoice-print-container{width:100%;position:absolute;top:0;left:0;display:block!important}@page{margin:0}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.admin-sidebar{background-color:var(--color-bg-sidebar);width:260px;color:var(--color-text-sidebar);z-index:50;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:40;background-color:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.admin-main{flex-direction:column;flex:1;width:100%;min-height:100vh;padding-left:0;transition:padding-left .3s;display:flex}.admin-header{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);height:64px;padding:0 var(--space-6);justify-content:space-between;align-items:center;width:100%;display:flex}.admin-content{padding:var(--space-6);flex:1;width:100%;overflow-y:auto}.menu-toggle-btn,.menu-close-btn{color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.menu-toggle-btn:hover{background-color:#0000000d}@media (width>=768px){.admin-sidebar{transform:translate(0)}.admin-main{padding-left:260px}.sidebar-overlay.open,.menu-toggle-btn,.menu-close-btn{display:none}}.grid-2{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-stats{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=480px){.grid-stats{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-stats{grid-template-columns:repeat(4,1fr)}}.grid-dashboard-tables{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=900px){.grid-dashboard-tables{grid-template-columns:1fr 1fr}}.variant-row{gap:var(--space-4);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=640px){.variant-row{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.variant-row{grid-template-columns:80px repeat(5,1fr) auto}}.package-add-row{gap:var(--space-4);flex-direction:column;display:flex}@media (width>=640px){.package-add-row{flex-direction:row;align-items:flex-end}}@media (width<=767px){.admin-header{padding:0 var(--space-4)}.admin-content,.card{padding:var(--space-4)}th,td{padding:var(--space-2) var(--space-3)}}