@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-base:#080b11;--bg-surface:#0f172a;--bg-surface-glass:#0f172aa6;--bg-card:#151f32;--bg-card-glass:#151f3280;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f14d;--secondary:#06b6d4;--secondary-hover:#0891b2;--secondary-glow:#06b6d44d;--accent:#d946ef;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#0f172a;--border-color:#ffffff12;--border-glow:#6366f126;--border-color-focus:#6366f199;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #00000026, 0 4px 6px -2px #0000000d;--shadow-glow:0 0 20px #6366f126;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16, 1, .3, 1);--bg-input:#0f172acc;--bg-input-focus:#0f172af2}[data-theme=light]{--bg-base:#f1f5f9;--bg-surface:#fff;--bg-surface-glass:#ffffffbf;--bg-card:#fff;--bg-card-glass:#ffffff8c;--primary:#4f46e5;--primary-hover:#3730a3;--primary-glow:#4f46e526;--secondary:#0891b2;--secondary-hover:#0e7490;--secondary-glow:#0891b226;--text-main:#0f172a;--text-muted:#475569;--text-inverse:#f8fafc;--border-color:#0f172a14;--border-glow:#4f46e50d;--border-color-focus:#4f46e580;--shadow-sm:0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--shadow-glow:0 0 20px #4f46e50d;--bg-input:#ffffffd9;--bg-input-focus:#fff}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#fff3 transparent;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body{background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:10%}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle,#06b6d40f 0%,#0000 70%);width:500px;height:500px;position:absolute;bottom:10%;right:5%}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}input,select,textarea{color:inherit;font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.text-gradient{background:linear-gradient(135deg, var(--text-main) 30%, #a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,#818cf8 0%,#c084fc 50%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-muted{color:var(--text-muted)}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg), var(--shadow-glow)}.glass-card{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-card:hover{border-color:var(--border-color-focus);box-shadow:var(--shadow-lg), 0 0 20px #6366f11a;transform:translateY(-4px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #4f46e5 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 4px 20px #6366f180}.btn-primary:active{transform:translateY(1px)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-main);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef44444d;border-color:#ef444480}.btn-success{color:#a7f3d0;background:#10b98126;border:1px solid #10b9814d}.btn-success:hover{background:#10b9814d;border-color:#10b98180}.btn-sm{border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-control:focus{border-color:var(--border-color-focus);background:var(--bg-input-focus);box-shadow:0 0 0 3px #6366f133}.form-control::placeholder{color:var(--text-muted);opacity:.6}.table-container{background:var(--bg-card-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background:#0f172acc;padding:1rem;font-size:.75rem;font-weight:600}.table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff05}.badge{border-radius:var(--radius-full);text-transform:uppercase;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#fde047;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-paid{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.badge-processing{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d}.badge-shipped{color:#d8b4fe;background:#a855f726;border:1px solid #a855f74d}.badge-delivered{color:#34d399;background:#10b98133;border:1px solid #10b98166}.badge-cancelled{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#04060acc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg), 0 0 30px #6366f133;animation:modalFadeIn var(--transition-normal);overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.toast-container{z-index:2000;flex-direction:column;gap:.75rem;max-width:400px;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;padding:1rem 1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-info{border-left:4px solid var(--info)}.toast-warning{border-left:4px solid var(--warning)}.cart-grid{grid-template-columns:1fr 350px;align-items:start;gap:2.5rem;display:grid}@media (max-width:900px){.cart-grid{grid-template-columns:1fr}}.price-mobile{color:var(--text-muted);margin-top:.25rem;font-size:.9rem;display:none}@media (max-width:600px){.price-mobile{display:block!important}}.price-desktop{text-align:right;width:90px;font-size:1rem;font-weight:500;display:block}@media (max-width:600px){.price-desktop{display:none!important}}.hover-scale{transition:transform var(--transition-slow)}.hover-scale:hover{transform:scale(1.05)}.hover-border{transition:all var(--transition-fast)}.hover-border:hover{border-color:var(--primary);background:#ffffff14}.hover-underline{transition:color var(--transition-fast)}.hover-underline:hover{color:var(--primary);text-decoration:underline}.hover-danger-bg{transition:all var(--transition-fast)}.hover-danger-bg:hover{color:#ef4444!important;background:#ef444414!important}