@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #135bec;--primary-hover: #0d47b8;--primary-light: rgba(19, 91, 236, .1);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}:root,:root.dark,body.dark{--bg-main: #0a0e1a;--bg-card: #1a1f2e;--bg-sidebar: #1e293b;--bg-topnav: #1a1f2e;--bg-input: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--text-heading: #ffffff;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .05), 0 2px 4px rgba(0, 0, 0, .3)}:root.light,body.light{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #1e293b;--bg-topnav: #ffffff;--bg-input: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-heading: #0f172a;--border-color: #e2e8f0;--border-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.6;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:700;line-height:1.2}p{color:var(--text-primary)}.material-symbols-outlined{font-family:Material Symbols Outlined!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}aside,.sidebar,[class*=sidebar]{background-color:#1e293b!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.1)}aside h1,aside h2,aside h3,aside h4,aside h5,aside h6,.sidebar h1,.sidebar h2,.sidebar h3,.sidebar h4,.sidebar h5,.sidebar h6,[class*=sidebar] h1,[class*=sidebar] h2,[class*=sidebar] h3,[class*=sidebar] h4,[class*=sidebar] h5,[class*=sidebar] h6{color:#fff!important}aside .text-gray-300,aside .text-gray-400,.sidebar .text-gray-300,.sidebar .text-gray-400,[class*=sidebar] .text-gray-300,[class*=sidebar] .text-gray-400{color:#94a3b8!important}aside a,aside button,.sidebar a,.sidebar button,[class*=sidebar] a,[class*=sidebar] button{color:#cbd5e1!important;font-weight:500}aside a .material-symbols-outlined,aside button .material-symbols-outlined,.sidebar a .material-symbols-outlined,.sidebar button .material-symbols-outlined,[class*=sidebar] a .material-symbols-outlined,[class*=sidebar] button .material-symbols-outlined{color:#94a3b8!important}aside a:hover,aside button:hover,.sidebar a:hover,.sidebar button:hover,[class*=sidebar] a:hover,[class*=sidebar] button:hover{background-color:#ffffff1a!important;color:#fff!important}aside a:hover .material-symbols-outlined,aside button:hover .material-symbols-outlined,.sidebar a:hover .material-symbols-outlined,.sidebar button:hover .material-symbols-outlined,[class*=sidebar] a:hover .material-symbols-outlined,[class*=sidebar] button:hover .material-symbols-outlined{color:#fff!important}aside a.active,aside a[class*=active],aside a.router-link-active,aside button.active,aside button[class*=active],aside button.router-link-active,.sidebar a.active,.sidebar a[class*=active],.sidebar a.router-link-active,.sidebar button.active,.sidebar button[class*=active],.sidebar button.router-link-active,[class*=sidebar] a.active,[class*=sidebar] a[class*=active],[class*=sidebar] a.router-link-active,[class*=sidebar] button.active,[class*=sidebar] button[class*=active],[class*=sidebar] button.router-link-active{background-color:#135bec33!important;border-left:3px solid var(--primary)!important;color:#fff!important;font-weight:600}aside a.active .material-symbols-outlined,aside a[class*=active] .material-symbols-outlined,aside a.router-link-active .material-symbols-outlined,aside button.active .material-symbols-outlined,aside button[class*=active] .material-symbols-outlined,aside button.router-link-active .material-symbols-outlined,.sidebar a.active .material-symbols-outlined,.sidebar a[class*=active] .material-symbols-outlined,.sidebar a.router-link-active .material-symbols-outlined,.sidebar button.active .material-symbols-outlined,.sidebar button[class*=active] .material-symbols-outlined,.sidebar button.router-link-active .material-symbols-outlined,[class*=sidebar] a.active .material-symbols-outlined,[class*=sidebar] a[class*=active] .material-symbols-outlined,[class*=sidebar] a.router-link-active .material-symbols-outlined,[class*=sidebar] button.active .material-symbols-outlined,[class*=sidebar] button[class*=active] .material-symbols-outlined,[class*=sidebar] button.router-link-active .material-symbols-outlined{color:var(--primary)!important;font-variation-settings:"FILL" 1!important}aside p,.sidebar p,[class*=sidebar] p{color:inherit!important}body.light aside,.light aside{background-color:#1e293b!important}body.light aside h1,body.light aside h2,body.light aside h3,body.light aside h4,body.light aside h5,body.light aside h6,body.light aside p,body.light aside span,body.light aside a,.light aside h1,.light aside h2,.light aside h3,.light aside h4,.light aside h5,.light aside h6,.light aside p,.light aside span,.light aside a{color:#cbd5e1!important}body.light aside a:hover,body.light aside button:hover,.light aside a:hover,.light aside button:hover{color:#fff!important}body.light aside a.active,body.light aside a[class*=router-link-active],.light aside a.active,.light aside a[class*=router-link-active]{color:#fff!important}main{background-color:var(--bg-main)!important;min-height:100vh}.bg-card-dark,[class*=bg-card],.card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-card)!important}.bg-card-dark h1,.bg-card-dark h2,.bg-card-dark h3,.bg-card-dark h4,.bg-card-dark h5,.bg-card-dark h6,[class*=bg-card] h1,[class*=bg-card] h2,[class*=bg-card] h3,[class*=bg-card] h4,[class*=bg-card] h5,[class*=bg-card] h6,.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:var(--text-heading)!important}.bg-card-dark p,[class*=bg-card] p,.card p{color:var(--text-primary)!important}header,.bg-topnav-bg{background-color:var(--bg-topnav)!important;border-bottom:1px solid var(--border-color)!important}header input,.bg-topnav-bg input{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}header input::placeholder,.bg-topnav-bg input::placeholder{color:var(--text-muted)!important}header input:focus,.bg-topnav-bg input:focus{border-color:var(--primary)!important;outline:none}header button,.bg-topnav-bg button{color:var(--text-secondary)!important}header button:hover,.bg-topnav-bg button:hover{background-color:#135bec1a!important;color:var(--primary)!important}body.light .bg-dark,.light .bg-dark{background-color:#f8fafc!important}body.light .text-white,.light .text-white{color:#0f172a!important}body.light .text-gray-400,.light .text-gray-400{color:#64748b!important}body.light .text-gray-300,.light .text-gray-300{color:#475569!important}body.light .text-gray-200,.light .text-gray-200,body.light h1,body.light h2,body.light h3,body.light h4,body.light h5,body.light h6,.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,body.light .text-3xl,.light .text-3xl{color:#0f172a!important}body.light input,body.light textarea,body.light select,.light input,.light textarea,.light select{background-color:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important}body.light input::placeholder,body.light textarea::placeholder,body.light select::placeholder,.light input::placeholder,.light textarea::placeholder,.light select::placeholder{color:#94a3b8!important}body.light button.bg-white\/10,.light button.bg-white\/10{background-color:#f1f5f9!important;border-color:#e2e8f0!important;color:#0f172a!important}body.light button.bg-white\/10:hover,.light button.bg-white\/10:hover{background-color:#e2e8f0!important}body.light .border-white\/10,.light .border-white\/10{border-color:#e2e8f0!important}body.light .border-white\/20,.light .border-white\/20{border-color:#cbd5e1!important}body.dark .bg-dark,.dark .bg-dark{background-color:#0a0e1a!important}body.dark .bg-card-dark,.dark .bg-card-dark{background-color:#1a1f2e!important}body.dark .text-white,.dark .text-white{color:#fff!important}button,.btn{transition:all .2s ease;cursor:pointer}button:active,.btn:active{transform:scale(.98)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.bg-primary{background-color:var(--primary)!important}.bg-primary:hover:not(:disabled){background-color:var(--primary-hover)!important}.btn-upgrade{background-color:var(--primary)!important;color:#fff!important}.btn-upgrade:hover:not(:disabled){background-color:var(--primary-hover)!important}.btn-manage{background-color:#ffffff1a!important;color:var(--text-primary)!important}.btn-manage:hover{background-color:#fff3!important}body.light .btn-manage{background-color:#e2e8f0!important;color:#0f172a!important}body.light .btn-manage:hover{background-color:#cbd5e1!important}.btn-add{background-color:var(--success);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-add:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-edit{background-color:var(--warning);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-edit:hover:not(:disabled){background-color:#d97706;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-delete{background-color:var(--error);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-delete:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-save{background-color:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-save:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-cancel{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-cancel:hover:not(:disabled){background-color:var(--bg-card);border-color:var(--border-hover);transform:translateY(-1px)}.form-group{margin-bottom:1rem}.form-label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:.875rem}.form-input{width:100%;background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.form-error{color:var(--error);font-size:.75rem;margin-top:.25rem}.container-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-card);transition:all .2s ease}.container-card:hover{box-shadow:var(--shadow-lg)}.container-form{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;box-shadow:var(--shadow-card)}.text-heading{color:var(--text-heading);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.5rem}.text-body{color:var(--text-primary);font-size:.875rem;line-height:1.6}.text-caption{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.text-error{color:var(--error);font-size:.875rem;font-weight:500}.badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px}.text-green-500,.text-green-400{color:var(--success)!important}.text-red-500,.text-red-400{color:var(--error)!important}.text-orange-500,.text-yellow-400{color:var(--warning)!important}.text-blue-500,.text-blue-400{color:var(--info)!important}.bg-green-500{background-color:var(--success)!important}.bg-red-500{background-color:var(--error)!important}.bg-yellow-500{background-color:var(--warning)!important}.plan-card{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-card);transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.highlighted{border-color:var(--primary)!important;background-color:var(--primary-light)!important;box-shadow:0 0 0 2px var(--primary)!important}.plan-card h1{color:var(--text-heading)!important}.plan-card .plan-description{color:var(--text-secondary)!important}.plan-card .plan-price{color:var(--text-heading)!important}.billing-toggle{background-color:#ffffff0d!important}body.light .billing-toggle{background-color:#e2e8f0!important}.billing-toggle-btn{color:var(--text-secondary);transition:all .2s ease}.billing-toggle-btn.active{background-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 8px #135bec80}body.light .billing-toggle-btn{color:#475569}body.light .billing-toggle-btn:hover{color:#0f172a}.feature-item{color:var(--text-primary)}.feature-item.disabled{color:var(--text-muted);opacity:.5}.feature-icon-enabled{color:var(--success)!important}.feature-icon-disabled{color:var(--text-muted)!important}.badge-current{background-color:var(--primary)!important;color:#fff!important}.badge-recommended{background-color:var(--success)!important;color:#fff!important}body.light .plan-card{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 1px 3px #0000001a!important}body.light .plan-card:hover{box-shadow:0 10px 15px -3px #0000001a!important}body.light .plan-card.highlighted{background-color:#135bec0d!important;border-color:var(--primary)!important}body.light .plan-card h1{color:#0f172a!important}body.light .plan-description{color:#64748b!important}body.light .plan-price,body.light .feature-item{color:#0f172a!important}body.light .feature-item.disabled{color:#94a3b8!important}.contact-sales{color:var(--text-secondary)}.contact-sales a{color:var(--primary);text-decoration:none}.contact-sales a:hover{text-decoration:underline}body.light .contact-sales{color:#64748b}.filter-chip{background-color:#ffffff0d;color:var(--text-secondary);transition:all .2s ease}.filter-chip:hover{background-color:#ffffff1a}.filter-chip.active{background-color:var(--primary-light);color:var(--primary)}body.light .filter-chip{background-color:#e2e8f0;color:#475569}body.light .filter-chip:hover{background-color:#cbd5e1}body.light .filter-chip.active{background-color:var(--primary-light);color:var(--primary)}.history-table{border-color:var(--border-color);background-color:#ffffff05}body.light .history-table{background-color:#fff;border-color:#e2e8f0}.table-header{background-color:#ffffff08;color:var(--text-secondary)}body.light .table-header{background-color:#f8fafc;color:#64748b}.table-row{transition:background-color .2s ease}.table-row:hover{background-color:#ffffff08}body.light .table-row:hover{background-color:#f8fafc}.table-cell-primary{color:var(--text-primary)}.table-cell-muted{color:var(--text-secondary)}body.light .table-cell-primary{color:#0f172a}body.light .table-cell-muted{color:#64748b}.status-badge{font-weight:500}.status-badge.bg-success{background-color:#10b9811a;color:var(--success)}.status-badge.bg-warning{background-color:#f59e0b1a;color:var(--warning)}.status-badge.bg-error{background-color:#ef44441a;color:var(--error)}.type-badge{font-weight:500}.pagination-btn{color:var(--text-secondary);transition:all .2s ease}.pagination-btn:hover:not(.disabled){color:var(--text-primary)}.pagination-btn.disabled{opacity:.3;cursor:not-allowed}.pagination-page{color:var(--text-secondary);transition:all .2s ease}.pagination-page:hover{background-color:#ffffff1a;color:var(--text-primary)}.pagination-page.active{background-color:var(--primary);color:#fff;font-weight:700}.pagination-ellipsis{color:var(--text-muted)}body.light .pagination-btn{color:#64748b}body.light .pagination-btn:hover:not(.disabled){color:#0f172a}body.light .pagination-page{color:#64748b}body.light .pagination-page:hover{background-color:#f1f5f9;color:#0f172a}body.light .pagination-page.active{background-color:var(--primary);color:#fff}body.light .pagination-ellipsis{color:#94a3b8}tbody tr{border-color:var(--border-color)}body.light tbody tr{border-color:#e2e8f0}.language-switcher{position:relative}.language-dropdown{z-index:50;animation:fadeIn .2s ease-in}.language-option{color:var(--text-primary);transition:all .2s ease}.language-option:hover{background-color:#ffffff1a}.language-option.active{background-color:var(--primary-light)}body.light .language-option:hover{background-color:#f1f5f9}body.light .language-option.active{background-color:var(--primary-light)}.submenu{animation:slideIn .2s ease-out}.submenu a,.submenu button{color:var(--text-secondary);transition:all .2s ease}.submenu a:hover,.submenu button:hover{background-color:#ffffff1a;color:var(--text-primary)}.submenu a.active{background-color:var(--primary-light);color:var(--primary)}body.light .submenu a,body.light .submenu button{color:#64748b}body.light .submenu a:hover,body.light .submenu button:hover{background-color:#f1f5f9;color:#0f172a}body.light .submenu a.active{background-color:var(--primary-light);color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}body.light ::-webkit-scrollbar-track{background:#f1f5f9}body.light ::-webkit-scrollbar-thumb{background:#cbd5e1}body.light ::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}.slide-in{animation:slideIn .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)!important}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0003!important}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rotate-180{transform:rotate(180deg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinner{border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:spin .6s linear infinite}.profile-dropdown{animation:fadeIn .2s ease-in}@media(max-width:768px){html{font-size:14px}.sidebar{width:100%}}@media(max-width:640px){html{font-size:13px}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .material-symbols-outlined{transform:scaleX(-1)}[dir=rtl] aside{border-right:none;border-left:1px solid rgba(255,255,255,.1)}@media print{body{background:#fff;color:#000}.no-print,aside,header,.sidebar{display:none!important}main{width:100%;margin:0;padding:0}}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-color: #000000}body.light{--border-color: #000000}}input,textarea{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem 1rem;transition:all .2s ease}input:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem 1rem;padding-right:2.5rem!important;transition:all .2s ease;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;position:relative;z-index:1}select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23135bec' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");z-index:100}select:focus-within,select:active{z-index:100}select option{background-color:var(--bg-card);color:var(--text-primary);padding:.75rem 1rem;font-size:.875rem;line-height:1.5;min-height:2.5rem}body.light select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}body.light select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23135bec' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")}body.light select option{background-color:#fff;color:#0f172a}.form-group,[class*=form],div:has(>select){position:relative;z-index:auto;overflow:visible!important}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}body.light .glass{background:#fffc;border:1px solid rgba(0,0,0,.1)}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}aside .menu-link,aside .menu-button{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#cbd5e1;transition:all .2s ease;cursor:pointer;text-decoration:none}aside .menu-link:hover,aside .menu-button:hover{background-color:#ffffff1a!important;color:#fff!important;transform:translate(2px)}aside .menu-link.active,aside .menu-button.active{background-color:#135bec33!important;color:#fff!important;font-weight:600!important;border-left:3px solid var(--primary)!important;padding-left:calc(.75rem - 3px)!important}aside .menu-link.active .material-symbols-outlined,aside .menu-button.active .material-symbols-outlined{color:var(--primary)!important;font-variation-settings:"FILL" 1!important;transform:scale(1.1)}.submenu-wrapper{margin-left:1rem;margin-top:.25rem;padding-left:.75rem;border-left:2px solid rgba(255,255,255,.1);overflow:hidden;animation:slideDownSubmenu .3s ease-out}@keyframes slideDownSubmenu{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}aside .submenu-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;margin-bottom:.25rem;border-radius:.5rem;color:#94a3b8!important;font-size:.875rem;transition:all .2s ease;text-decoration:none;position:relative}aside .submenu-link:hover{background-color:#ffffff14!important;color:#fff!important;transform:translate(4px)}aside .submenu-link.active-submenu{background-color:#135bec26!important;color:var(--primary)!important;font-weight:600!important;border-left:2px solid var(--primary)!important;padding-left:calc(1rem - 2px)!important}aside .submenu-link.active-submenu .material-symbols-outlined{color:var(--primary)!important}.chevron-icon{transition:transform .3s ease}.chevron-icon.rotate-180{transform:rotate(180deg)}.submenu-icon{font-size:1rem!important;opacity:.7}aside .submenu-link:hover .submenu-icon{opacity:1}aside .submenu-link.active-submenu .submenu-icon{opacity:1!important}.subscription-history-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in}.subscription-history-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.subscription-history-container .header .header-content h2{color:var(--text-heading);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.subscription-history-container .header .header-content h2 .icon{font-size:2rem;color:var(--primary)}.subscription-history-container .header .header-content .subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.subscription-history-container .header .actions{display:flex;gap:.75rem;flex-wrap:wrap}.subscription-history-container .header .actions .btn{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.subscription-history-container .header .actions .btn .icon{font-size:1.125rem}.subscription-history-container .header .actions .btn:disabled{opacity:.5;cursor:not-allowed}.subscription-history-container .header .actions .btn:active:not(:disabled){transform:scale(.98)}.subscription-history-container .header .actions .btn.btn-secondary{background-color:#ffffff1a;color:var(--text-primary);border:1px solid var(--border-color)}.subscription-history-container .header .actions .btn.btn-secondary:hover:not(:disabled){background-color:#ffffff26;border-color:var(--border-hover)}.subscription-history-container .header .actions .btn.btn-primary{background-color:var(--primary);color:#fff}.subscription-history-container .header .actions .btn.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.subscription-history-container .filters-container{margin-bottom:1.5rem}.subscription-history-container .filters{display:flex;gap:.5rem;flex-wrap:wrap}.subscription-history-container .filters .filter-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:#ffffff0d;color:var(--text-secondary);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.875rem}.subscription-history-container .filters .filter-btn:hover:not(:disabled){border-color:var(--border-hover);background-color:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.subscription-history-container .filters .filter-btn.active{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary);font-weight:600}.subscription-history-container .filters .filter-btn:disabled{opacity:.5;cursor:not-allowed}.subscription-history-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background-color:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-color)}.subscription-history-container .loading-state .spinner{width:3rem;height:3rem;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.subscription-history-container .loading-state p{margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.subscription-history-container .error-state{padding:2rem;background-color:var(--bg-card);border:1px solid var(--error);border-radius:.75rem;text-align:center}.subscription-history-container .error-state .icon{font-size:3rem;color:var(--error);margin-bottom:1rem}.subscription-history-container .error-state p{color:var(--text-primary);margin-bottom:1rem;font-size:.875rem}.subscription-history-container .error-state .btn{padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s ease}.subscription-history-container .error-state .btn:hover{background-color:var(--primary-hover)}.subscription-history-container .table-container{background-color:var(--bg-card);border-radius:.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow-card);overflow:hidden}.subscription-history-container .history-table{width:100%;border-collapse:collapse}.subscription-history-container .history-table thead{background-color:#ffffff08}.subscription-history-container .history-table thead tr{border-bottom:2px solid var(--border-color)}.subscription-history-container .history-table thead th{padding:1rem 1.25rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.subscription-history-container .history-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.subscription-history-container .history-table tbody tr:hover{background-color:#ffffff08}.subscription-history-container .history-table tbody tr:last-child{border-bottom:none}.subscription-history-container .history-table tbody td{padding:1rem 1.25rem;color:var(--text-primary);font-size:.875rem}.subscription-history-container .history-table tbody td .badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.subscription-history-container .history-table tbody td .badge.bg-success{background-color:#10b9811a;color:var(--success)}.subscription-history-container .history-table tbody td .badge.bg-warning{background-color:#f59e0b1a;color:var(--warning)}.subscription-history-container .history-table tbody td .badge.bg-error{background-color:#ef44441a;color:var(--error)}.subscription-history-container .history-table tbody td .badge.bg-info{background-color:#3b82f61a;color:var(--info)}.subscription-history-container .history-table tbody td .badge.bg-muted{background-color:#64748b1a;color:var(--text-muted)}.subscription-history-container .empty-state{padding:4rem 2rem;text-align:center}.subscription-history-container .empty-state .icon{font-size:4rem;color:var(--text-muted);opacity:.5;margin-bottom:1rem}.subscription-history-container .empty-state h3{color:var(--text-heading);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.subscription-history-container .empty-state p{color:var(--text-secondary);font-size:.875rem}.subscription-history-container .pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.subscription-history-container .pagination .page-btn{padding:.5rem .75rem;min-width:2.5rem;border:1px solid var(--border-color);background-color:#ffffff0d;color:var(--text-secondary);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.subscription-history-container .pagination .page-btn .icon{font-size:1.125rem}.subscription-history-container .pagination .page-btn:hover:not(:disabled){border-color:var(--border-hover);background-color:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.subscription-history-container .pagination .page-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.subscription-history-container .pagination .page-btn:disabled{opacity:.3;cursor:not-allowed}.subscription-history-container .pagination .page-numbers{display:flex;gap:.5rem}body.light .subscription-history-container .filters .filter-btn,.light .subscription-history-container .filters .filter-btn{background-color:#e2e8f0;color:#475569}body.light .subscription-history-container .filters .filter-btn:hover:not(:disabled),.light .subscription-history-container .filters .filter-btn:hover:not(:disabled){background-color:#cbd5e1;color:#0f172a}body.light .subscription-history-container .filters .filter-btn.active,.light .subscription-history-container .filters .filter-btn.active{background-color:var(--primary-light);color:var(--primary)}body.light .subscription-history-container .history-table thead,.light .subscription-history-container .history-table thead{background-color:#f8fafc}body.light .subscription-history-container .history-table thead th,.light .subscription-history-container .history-table thead th{color:#64748b}body.light .subscription-history-container .history-table tbody tr:hover,.light .subscription-history-container .history-table tbody tr:hover{background-color:#f8fafc}body.light .subscription-history-container .history-table tbody td,.light .subscription-history-container .history-table tbody td{color:#0f172a}body.light .subscription-history-container .table-container,.light .subscription-history-container .table-container{background-color:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000001a}body.light .subscription-history-container .loading-state,.light .subscription-history-container .loading-state{background-color:#fff;border-color:#e2e8f0}body.light .subscription-history-container .error-state,.light .subscription-history-container .error-state{background-color:#fff;border-color:var(--error)}body.light .subscription-history-container .pagination .page-btn,.light .subscription-history-container .pagination .page-btn{background-color:#f1f5f9;color:#64748b;border-color:#e2e8f0}body.light .subscription-history-container .pagination .page-btn:hover:not(:disabled),.light .subscription-history-container .pagination .page-btn:hover:not(:disabled){background-color:#e2e8f0;color:#0f172a}@media(max-width:1024px){.subscription-history-container{padding:1.5rem}.subscription-history-container .header{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.subscription-history-container{padding:1rem}.subscription-history-container .header .header-content h2{font-size:1.5rem}.subscription-history-container .header .actions{width:100%}.subscription-history-container .header .actions .btn{flex:1;justify-content:center}.subscription-history-container .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.subscription-history-container .history-table{min-width:700px}.subscription-history-container .history-table thead th,.subscription-history-container .history-table tbody td{padding:.75rem .875rem;font-size:.8125rem}.subscription-history-container .pagination .page-btn{padding:.375rem .625rem;min-width:2rem;font-size:.8125rem}}@media(max-width:640px){.subscription-history-container{padding:.75rem}.subscription-history-container .header .header-content h2{font-size:1.25rem}.subscription-history-container .header .header-content h2 .icon{font-size:1.5rem}.subscription-history-container .filters .filter-btn{font-size:.8125rem;padding:.375rem .875rem}.subscription-history-container .pagination{flex-wrap:wrap;gap:.375rem}.subscription-history-container .pagination .page-btn{padding:.25rem .5rem;min-width:1.75rem;font-size:.75rem}}@media print{.subscription-history-container .header .actions,.subscription-history-container .filters-container,.subscription-history-container .pagination{display:none}.subscription-history-container .table-container{border:1px solid #000;box-shadow:none}.subscription-history-container .history-table tbody tr:hover{background-color:transparent!important}}.plan-card{position:relative;padding:2rem;min-height:520px;display:flex;flex-direction:column}.plan-card .features-list{margin-top:auto}.plan-card{position:relative;padding:2rem;min-height:600px;display:flex;flex-direction:column}.plan-card .badge{z-index:10}.plan-card .features-section{margin-top:auto}.plan-card .features-list{max-height:400px;overflow-y:auto}.plan-card .features-list::-webkit-scrollbar{width:6px}.plan-card .features-list::-webkit-scrollbar-track{background:var(--bg-card)}.plan-card .features-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.plan-card .features-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}app-plan-card{height:100%;display:flex!important}.plan-card{height:100%!important;min-height:650px!important;max-height:650px!important;display:flex!important;flex-direction:column!important;position:relative;padding:2rem;overflow:hidden!important}.plan-card .badge{flex-shrink:0;z-index:10}.plan-card>div:nth-child(2){flex-shrink:0}.plan-card>div:nth-child(3){flex-shrink:0}.plan-card>button{flex-shrink:0}.plan-card>div:last-child{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important}.plan-card>div:last-child>h3{flex-shrink:0}.plan-card>div:last-child>ul{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:.5rem!important;margin:0!important;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.plan-card>div:last-child>ul::-webkit-scrollbar{width:6px}.plan-card>div:last-child>ul::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.plan-card>div:last-child>ul::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px;transition:background .2s ease}.plan-card>div:last-child>ul::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}body.light .plan-card>div:last-child>ul::-webkit-scrollbar-track{background:#f1f5f9}body.light .plan-card>div:last-child>ul::-webkit-scrollbar-thumb{background:#cbd5e1}body.light .plan-card>div:last-child>ul::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.plan-card{min-height:auto!important;max-height:none!important}.plan-card>div:last-child>ul{max-height:400px}}