:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--secondary:#0f172a;--secondary-light:#1e293b;--accent:#f43f5e;--accent-hover:#e11d48;--accent-light:#ffe4e6;--body-bg:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#f1f5f9;--background:var(--body-bg);--surface:var(--card-bg);--border:#e2e8f0;--font-headings:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--text-main);font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;outline:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--surface)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e533}.btn-secondary{background-color:var(--secondary);color:var(--surface)}.btn-secondary:hover{background-color:var(--secondary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0f172a26}.btn-outline{border:2px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:var(--surface);transform:translateY(-2px)}.btn-accent{background-color:var(--accent);color:var(--surface)}.btn-accent:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:20px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-control{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface);width:100%;transition:var(--transition-fast);color:var(--text-main);padding:12px 16px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-hue), 72%, .15)}textarea.form-control{resize:vertical;min-height:100px}.grid{gap:32px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:start}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:var(--transition-normal);-webkit-backdrop-filter:blur(16px);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-accent{background-color:var(--accent-light);color:var(--accent)}.table-responsive{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);background-color:var(--surface);overflow-x:auto}.table{border-collapse:collapse;text-align:left;width:100%}.table th{background-color:var(--body-bg);color:var(--text-main);border-bottom:1px solid var(--border);padding:16px;font-size:14px;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--text-main);padding:16px;font-size:14px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--body-bg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffbf;border:1px solid #ffffff4d}.hero-gradient{background:radial-gradient(circle at 10% 20%,#6366f10d 0%,#10b98108 90%)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-responsive-2{grid-template-columns:1fr 1fr!important;gap:16px!important;display:grid!important}.grid-responsive-1-2{grid-template-columns:1.2fr 1fr!important;gap:16px!important;display:grid!important}.admin-settings-layout{grid-template-columns:220px 1fr!important;align-items:start!important;gap:24px!important;max-width:1000px!important;display:grid!important}@media (width<=767px){.admin-sidebar{display:none!important}.admin-main-content{padding-bottom:80px!important}.admin-main-content>div:first-child,.admin-main-content>div:nth-child(2){padding:16px!important}.grid-responsive-2,.grid-responsive-1-2,.admin-settings-layout{grid-template-columns:1fr!important;gap:16px!important}.admin-settings-layout>div:first-child{position:static!important;top:0!important}.section{padding:40px 0!important}.grid-2{grid-template-columns:1fr!important;gap:24px!important}}@media (width>=768px){.mobile-only-block{display:none!important}.desktop-only-block{display:block!important}.desktop-only-flex{display:flex!important}}@media (width<=767px){.desktop-only-block,.desktop-only-flex{display:none!important}.mobile-only-block{display:block!important}.mobile-only-flex{display:flex!important}}select,select.form-control{font-family:inherit;font-size:14px;appearance:none!important;cursor:pointer!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:15px!important;background-color:var(--card-bg)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;outline:none!important;padding:10px 12px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}select:focus,select.form-control:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #1e40af1a!important}.cms-subtabs{background-color:var(--body-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:6px;display:flex}.cms-subtab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.cms-subtab-btn:hover{color:var(--secondary);background-color:#0000000a}.cms-subtab-btn.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #1e40af26}@media (width<=767px){.cms-subtabs{border:1px solid var(--border)!important;border-radius:12px!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:8px!important;display:grid!important}.cms-subtab-btn{justify-content:center;padding:10px 8px;font-size:12px}.cms-subtab-btn:last-child:nth-child(odd){grid-column:span 2}}.admin-modal-card{background-color:#fff!important;width:100%!important;max-width:580px!important;max-height:90vh!important;padding:32px!important;overflow-y:auto!important}@media (width<=767px){.admin-modal-card{max-height:95vh!important;padding:20px 16px!important}}.invoice-row{flex-wrap:wrap!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important;width:100%!important;display:flex!important}.invoice-row-total{align-items:center!important}.transfer-row{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}@media (width<=580px){.invoice-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.invoice-row>strong,.invoice-row>span:nth-child(2){text-align:right!important;align-self:flex-end!important}.invoice-row-total{flex-direction:row!important;align-items:center!important}.invoice-row-total>strong{align-self:center!important}.transfer-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.transfer-row>div{align-self:flex-start!important}}@media print{@page{size:80mm auto;margin:0}nav,header,footer,.mobile-bottom-nav-root,.no-print,.wizard-steps-container,.promo-banner,.coupon-section,form,.btn{display:none!important}html,body,#root,main{color:#000!important;box-shadow:none!important;background:#fff!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:0!important}.section.hero-gradient{align-items:initial!important;background:0 0!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.card-register-container{box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.container{max-width:80mm!important;margin:0!important;padding:0!important}.invoice-print-container{color:#000!important;width:80mm!important;max-width:80mm!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:8px!important;display:block!important}.invoice-print-container h4{color:#000!important;border-bottom:1px dashed #000!important;margin-bottom:12px!important;padding-bottom:6px!important;font-size:13px!important}.invoice-print-container *,.invoice-print-container strong,.invoice-print-container span{color:#000!important;font-size:11px!important}}@keyframes skeleton-shimmer-anim{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s linear infinite skeleton-shimmer-anim}.skeleton-shimmer-dark{background:linear-gradient(90deg,#1e293b 25%,#334155 50%,#1e293b 75%) 0 0/200% 100%;animation:1.5s linear infinite skeleton-shimmer-anim}@media (width<=767px){.card-register-container{padding:20px 16px!important}.card-register-container .form-group{margin-bottom:12px!important}.card-register-container .grid-responsive-2{gap:12px!important}}