.side-menu{background:#1e293b;background:var(--sidebar-bg,#1e293b);color:#e2e8f0;color:var(--sidebar-text,#e2e8f0);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .28s ease;width:240px;z-index:100}.side-menu.collapsed{width:70px}.side-menu.mobile{box-shadow:2px 0 12px #0006;height:100%;left:-100%;position:fixed;top:0;transition:left .25s ease;width:240px;z-index:120}.side-menu.mobile.open{left:0}.menu-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--sidebar-border,#ffffff0f);color:#fff;font-size:1.1rem;font-weight:700;padding:16px;text-align:center}.menu-logo{letter-spacing:.6px}.menu-section-header{color:#64748b;color:var(--sidebar-text-muted,#64748b);font-size:.6875rem;font-weight:600;letter-spacing:.08em;padding:16px 16px 6px;text-transform:uppercase}.menu-items{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:8px 10px}.menu-item{border-radius:8px;color:#94a3b8;color:var(--sidebar-text-muted,#94a3b8);cursor:pointer;font-size:.9375rem;font-weight:500;gap:12px;min-width:0;overflow:hidden;padding:9px 14px;transition:background .15s ease,transform .12s ease;white-space:nowrap}.menu-icon,.menu-item{align-items:center;display:flex}.menu-icon{flex:0 0 22px;font-size:18px;justify-content:center}.menu-text{flex:1 1 auto;font-size:.875rem;min-width:0}.menu-item:hover{background:#ffffff0f;background:var(--sidebar-hover,#ffffff0f);color:#fff}.menu-item.active{background:#6366f1;background:var(--sidebar-accent,#6366f1);color:#fff;font-weight:600}.menu-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--sidebar-border,#ffffff0f);color:#64748b;color:var(--sidebar-text-muted,#64748b);font-size:.75rem;padding:12px;text-align:center}.collapse-toggle{align-items:center;background:#1e293b;background:var(--sidebar-bg,#1e293b);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--sidebar-border,#ffffff0f);color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:sticky;top:0;z-index:200}.gradient-card-1{background:var(--card-gradient-1)}.gradient-card-2{background:var(--card-gradient-2)}.gradient-card-3{background:var(--card-gradient-3)}.gradient-card-4{background:var(--card-gradient-4)}.premium-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.premium-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px #0000000a}.sparkline-bar{background:#ffffff80;border-radius:2px;display:inline-block;margin-right:2px;vertical-align:bottom;width:4px}.side-menu .menu-items::-webkit-scrollbar,.sidebar-scroll-area::-webkit-scrollbar{display:none}.side-menu .menu-items,.sidebar-scroll-area{-ms-overflow-style:none;scrollbar-width:none}:root{--bgcolor:#181818;--white:#c4c4c4;--themeColor:#6944fc;--clouds:#87ceeb;--sidebar-bg:#1e293b;--sidebar-hover:#ffffff0f;--sidebar-active:#ffffff1a;--sidebar-text:#e2e8f0;--sidebar-text-muted:#94a3b8;--sidebar-accent:#6366f1;--sidebar-border:#ffffff0f;--card-gradient-1:linear-gradient(135deg,#f97316,#fb923c);--card-gradient-2:linear-gradient(135deg,#10b981,#34d399);--card-gradient-3:linear-gradient(135deg,#f43f5e,#fb7185);--card-gradient-4:linear-gradient(135deg,#06b6d4,#22d3ee);--bg-page:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:14px}body{background:#f1f5f9;background:var(--bg-page);color:#0f172a;color:var(--text-primary);font-size:.9375rem;line-height:1.5}a,body,button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.25}.currency-page{background:#f8f9fa;flex:1 1;font-family:Inter,sans-serif;min-height:100vh;padding:24px}.currency-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.currency-header h1{color:#222;font-size:24px;font-weight:700}.currency-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;overflow-x:auto}.currency-table{border-collapse:collapse;min-width:600px;width:100%}.currency-table td,.currency-table th{border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px 16px;text-align:left}.currency-table th{background:#f3f4f6;font-weight:600}.currency-table tbody tr:hover{background-color:#f9fafb}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0;padding:16px;z-index:999}.modal{border-radius:10px;box-shadow:0 4px 12px #0003;max-width:420px;width:100%}.modal h2{margin-bottom:20px;text-align:center}.modal-form label{color:#333;display:block;margin-bottom:6px}.modal-form input{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:14px;padding:10px;width:100%}.modal-form input:focus{border-color:#2563eb;outline:none}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px}.cancel-btn{background:#e5e7eb;color:#333}.cancel-btn:hover{background:#d1d5db}@media (max-width:600px){.currency-header{align-items:flex-start;flex-direction:column;gap:10px}.currency-table td,.currency-table th{font-size:13px;padding:10px}.modal{padding:16px}}.plan-modal-overlay{align-items:center;animation:plan-modal-fade .16s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.plan-modal{animation:plan-modal-rise .18s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 24px 60px #0f172a40;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);max-width:640px;overflow:hidden;width:100%}@keyframes plan-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes plan-modal-rise{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.plan-modal-header{align-items:flex-start;border-bottom:1px solid #eef0f4;display:flex;flex-shrink:0;gap:14px;padding:20px 22px 16px}.plan-modal-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#4f7ef7);border-radius:11px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.plan-modal-heading{flex:1 1;min-width:0}.plan-modal-heading h2{color:#111827;font-size:18px;font-weight:700;line-height:1.3;margin:0}.plan-modal-heading p{color:#6b7280;font-size:13px;line-height:1.4;margin:3px 0 0}.plan-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background .15s ease,color .15s ease;width:32px}.plan-modal-close:hover{background:#e5e7eb;color:#111827}.plan-modal-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.plan-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 22px 22px}.plan-modal-section+.plan-modal-section{margin-top:22px}.plan-modal-section-title{border-bottom:1px solid #f1f2f6;color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.plan-modal-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.plan-modal-grid .plan-modal-field-full{grid-column:1/-1}@media (max-width:600px){.plan-modal-grid{grid-template-columns:minmax(0,1fr)}}.plan-modal-field{display:flex;flex-direction:column;min-width:0}.plan-modal-field label{color:#374151;font-size:13px;font-weight:600;margin-bottom:6px}.plan-modal-field .required{color:#dc2626;margin-left:2px}.plan-modal-field input[type=number],.plan-modal-field input[type=text],.plan-modal-field textarea{background:#fff;border:1px solid #d8dbe2;border-radius:9px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.plan-modal-field input::placeholder,.plan-modal-field textarea::placeholder{color:#b0b6c1}.plan-modal-field input:focus,.plan-modal-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24;outline:none}.plan-modal-field textarea{min-height:74px;resize:vertical}.plan-modal-hint{color:#9ca3af;font-size:11.5px;line-height:1.4;margin-top:5px}.plan-modal-input-group{align-items:stretch;background:#fff;border:1px solid #d8dbe2;border-radius:9px;display:flex;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.plan-modal-input-group:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.plan-modal-input-group .prefix{align-items:center;background:#f6f7f9;border-right:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:13px;font-weight:600;padding:0 11px}.plan-modal-input-group input{border:none!important;border-radius:0!important;flex:1 1;min-width:0}.plan-modal-input-group input:focus{box-shadow:none!important}.plan-modal-toggle{align-items:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:14px;justify-content:space-between;padding:12px 14px}.plan-modal-toggle-text strong{color:#374151;display:block;font-size:13px;font-weight:600}.plan-modal-toggle-text span{color:#9ca3af;font-size:11.5px}.plan-modal-switch{flex-shrink:0;height:24px;position:relative;width:42px}.plan-modal-switch input{height:0;opacity:0;position:absolute;width:0}.plan-modal-switch .track{background:#cbd2dc;border-radius:999px;cursor:pointer;inset:0;margin:0;position:absolute;transition:background .18s ease}.plan-modal-switch .track:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:18px}.plan-modal-switch input:checked+.track{background:#16a34a}.plan-modal-switch input:checked+.track:before{transform:translateX(18px)}.plan-modal-switch input:focus-visible+.track{box-shadow:0 0 0 3px #2563eb40}.plan-modal-footer{background:#fbfcfd;border-top:1px solid #eef0f4;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 22px}.plan-modal-footer button{border-radius:9px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:background .15s ease,border-color .15s ease,transform .1s ease}.plan-modal-footer button:active{transform:translateY(1px)}.plan-modal-cancel{background:#fff;border:1px solid #d8dbe2;color:#374151}.plan-modal-cancel:hover{background:#f3f4f6}.plan-modal-save{background:#2563eb;border:1px solid #2563eb;color:#fff}.plan-modal-save:hover{background:#1d4ed8;border-color:#1d4ed8}@media (max-width:600px){.plan-modal-footer{flex-direction:column-reverse;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.plan-modal-footer button{width:100%}}.account-plans-page{background:#f8f9fa;flex:1 1;font-family:Inter,sans-serif;min-height:100vh;padding:24px}.account-plans-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.account-plans-header h1{color:#222;font-size:24px;font-weight:700}.add-btn{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s ease}.add-btn:hover{background:#1e40af}.account-plans-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;overflow-x:auto}.account-plans-table{border-collapse:collapse;min-width:1200px;width:100%}.account-plans-table td,.account-plans-table th{border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px 16px;text-align:left}.account-plans-table th{background:#f3f4f6;font-weight:600}.account-plans-table tbody tr:hover{background-color:#f9fafb}.center{text-align:center}.text-gray{color:#888}.actions button{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.actions button:hover{transform:scale(1.1)}.edit-btn{color:#2563eb}.delete-btn{color:#dc2626}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal h2{color:#222;font-size:20px;font-weight:600;margin:0 0 20px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.modal-form input[type=number],.modal-form input[type=text],.modal-form textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.modal-form input:focus,.modal-form textarea:focus{border-color:#2563eb;outline:none}.modal-form textarea{resize:vertical}.form-checkbox{align-items:center;display:flex;gap:8px}.form-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.form-checkbox label{cursor:pointer;margin:0}.modal-actions{display:flex;gap:10px;margin-top:16px}.save-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:background .2s ease}.save-btn:hover{background:#1e40af}.cancel-btn{background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:background .2s ease}.cancel-btn:hover{background:#e5e7eb}