.app,.layout{min-height:100vh}.layout{display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);height:100vh;overflow-y:auto;padding:24px 0;position:fixed;width:260px}.sidebar-logo{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding:0 24px 24px}.sidebar-logo h1{align-items:center;display:flex;font-size:20px;gap:10px}.sidebar-nav{padding:0 12px}.nav-item{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--primary);color:#fff}.nav-item svg{height:20px;width:20px}.nav-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.nav-section-title{color:var(--text-secondary);font-size:11px;letter-spacing:.5px;padding:0 16px 12px;text-transform:uppercase}.main-content{flex:1 1;margin-left:260px;padding:24px}.page-header{margin-bottom:24px}.page-title{font-size:28px;font-weight:700;margin-bottom:8px}.page-subtitle{color:var(--text-secondary)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.stat-label{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700}.stat-change{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:8px}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--error)}.subscription-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:24px}.subscription-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.subscription-name{font-size:18px;font-weight:600}.subscription-price{color:var(--primary);font-size:24px;font-weight:700}.subscription-price span{color:var(--text-secondary);font-size:14px;font-weight:400}.subscription-details{color:var(--text-secondary);display:flex;font-size:14px;gap:24px}.subscription-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:16px;padding-top:16px}.transaction-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;padding:16px 0}.transaction-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin-right:16px;width:40px}.transaction-icon.success{background:#22c55e1a;color:var(--success)}.transaction-icon.failed{background:#ef44441a;color:var(--error)}.transaction-info{flex:1 1}.transaction-name{font-weight:500}.transaction-date{color:var(--text-secondary);font-size:12px}.transaction-amount{font-weight:600}.transaction-amount.negative{color:var(--error)}.payment-method-card{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;margin-bottom:12px;padding:16px}.payment-method-icon{align-items:center;display:flex;height:32px;margin-right:16px;width:48px}.payment-method-details{flex:1 1}.payment-method-name{font-weight:500}.payment-method-info{color:var(--text-secondary);font-size:12px}.checkout-container{margin:40px auto;max-width:600px;padding:0 20px}.checkout-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px}.checkout-product{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:32px;text-align:center}.checkout-product-name{font-size:24px;font-weight:700;margin-bottom:8px}.checkout-product-price{color:var(--primary);font-size:36px;font-weight:700}.checkout-product-price span{color:var(--text-secondary);font-size:16px;font-weight:400}.payment-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.payment-option{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:all .2s}.payment-option:hover{border-color:var(--border-color)}.payment-option.selected{background:#6366f11a;border-color:var(--primary)}.payment-option-icon{align-items:center;display:flex;height:40px;justify-content:center;margin-right:16px;width:40px}.payment-option-name{font-weight:500}.payment-option-desc{color:var(--text-secondary);font-size:12px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--bg-secondary);border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px}.empty-state{padding:60px 20px}.empty-state-icon{color:var(--text-secondary);font-size:48px;margin-bottom:16px}.empty-state-title{font-size:18px;font-weight:600;margin-bottom:8px}.empty-state-text{color:var(--text-secondary);margin-bottom:24px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.grid{grid-gap:16px;gap:16px}.btn-sm{font-size:13px;padding:6px 12px}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px}.btn-icon:hover{color:var(--text-primary)}@media (max-width:1024px){.grid-3{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.grid-2,.stats-grid{grid-template-columns:1fr}}.tab-nav{border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:8px}.tab-btn,.tab-nav{display:flex;gap:8px}.tab-btn{align-items:center;background:none;border:none;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .15s}.tab-btn.active{border-bottom:2px solid var(--primary);color:var(--primary);margin-bottom:-10px}.tab-btn:hover{background:var(--bg-tertiary)}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-card{align-items:flex-start;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .15s}.radio-card.selected{background:var(--bg-tertiary);border-color:var(--primary)}.radio-label{font-weight:600;margin-bottom:2px}.radio-desc{color:var(--text-secondary);font-size:13px}.info-box{align-items:center;background:#6366f114;border:1px solid #6366f133;border-radius:6px;color:#818cf8;display:flex;font-size:12px;gap:6px;margin-bottom:20px;padding:8px 12px}.helper-text{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.voucher-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.voucher-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.code-input-group,.form-actions{display:flex;gap:8px}.form-actions{justify-content:flex-end;margin-top:16px}.vouchers-list{display:flex;flex-direction:column;gap:8px}.voucher-item{align-items:center;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:background .15s}.voucher-item:hover{background:var(--bg-tertiary)}.voucher-info{flex:1 1}.voucher-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.voucher-code{background:#6366f126;border-radius:4px;color:var(--primary);font-family:monospace;font-weight:600;padding:4px 10px}.voucher-value{color:var(--text-secondary);font-size:14px}.voucher-dates,.voucher-usage{color:var(--text-secondary);font-size:12px}.voucher-dates{margin-top:4px}.voucher-actions{align-items:center;display:flex;gap:8px}.empty-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-icon{display:block;font-size:32px;margin:0 auto 8px}.small{font-size:13px;margin-top:4px}.save-section{align-items:flex-end;display:flex;flex-direction:column;margin-top:24px;padding-bottom:40px}.btn-large{font-size:16px;min-width:220px;padding:12px 24px}.save-note{margin-top:8px}.field-note,.save-note{color:var(--text-secondary);font-size:12px}.field-note{display:block;margin-top:4px}.label-note{color:var(--text-secondary);font-size:12px;font-weight:400;margin-left:6px}.loading-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;margin-top:12px}.spinner.small{border-width:2px;height:16px;width:16px}.template-details{font-size:12px;opacity:.85}.badge-container,.template-details{display:flex;flex-wrap:wrap;gap:8px}.badge-container{margin-top:8px}:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#f43f5e;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#475569}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0f172a;background-color:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}a{color:#6366f1;color:var(--primary);text-decoration:none}a:hover{color:#4f46e5;color:var(--primary-dark)}button{cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{background:#1e293b;background:var(--bg-secondary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:12px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{font-size:18px;font-weight:600}.btn{align-items:center;border:none;border-radius:8px;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background:#6366f1;background:var(--primary);color:#fff}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark)}.btn-secondary{background:#334155;background:var(--bg-tertiary);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover{background:#475569;background:var(--border-color)}.btn-success{background:#22c55e;background:var(--success);color:#fff}.btn-danger{background:#ef4444;background:var(--error);color:#fff}.btn-outline{background:#0000;border:1px solid #475569;border:1px solid var(--border-color);color:#f8fafc;color:var(--text-primary)}.btn-outline:hover{background:#334155;background:var(--bg-tertiary)}.btn:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:20px}.form-label{color:#94a3b8;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:8px}.form-input{background:#334155;background:var(--bg-tertiary);border:1px solid #475569;border:1px solid var(--border-color);border-radius:8px;color:#f8fafc;color:var(--text-primary);font-size:14px;padding:12px 16px;width:100%}.form-input:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.form-input::placeholder{color:#94a3b8;color:var(--text-secondary)}.badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.badge-success{background:#22c55e33;color:#22c55e;color:var(--success)}.badge-warning{background:#f59e0b33;color:#f59e0b;color:var(--warning)}.badge-error{background:#ef444433;color:#ef4444;color:var(--error)}.badge-info{background:#6366f133;color:#6366f1;color:var(--primary)}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #475569;border-bottom:1px solid var(--border-color);padding:12px 16px;text-align:left}.table th{color:#94a3b8;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.table tbody tr:hover{background:#334155;background:var(--bg-tertiary)}.spinner{animation:spin 1s linear infinite;border:3px solid #334155;border-top-color:#6366f1;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.alert{border-radius:8px;margin-bottom:20px;padding:16px 20px}.alert-error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error);color:#ef4444;color:var(--error)}.alert-success{background:#22c55e1a;border:1px solid #22c55e;border:1px solid var(--success);color:#22c55e;color:var(--success)}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b;border:1px solid var(--warning);color:#f59e0b;color:var(--warning)}.text-center{text-align:center}.text-muted{color:#94a3b8;color:var(--text-secondary)}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.flex{display:flex}.flex-between{align-items:center;display:flex;justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d22d8b80.css.map*/