@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark}body{margin:0;min-height:100vh;min-width:320px}a:active,a:focus,a:focus-visible,button:active,button:focus,button:focus-visible{box-shadow:none!important;outline:none!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.login-container{align-items:center;background:radial-gradient(ellipse at center,#1a1a2e 0,#0a0a0a 70%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100vw}.infinity-background{height:500px;left:30%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1000px;z-index:1}.infinity-shape{animation:infinityPulse 4s ease-in-out infinite;height:100%;position:relative;width:100%}.infinity-shape:before{background:#0000;border:3px solid;border-image:linear-gradient(45deg,#8b5cf6,#3b82f6,#8b5cf6) 1;clip-path:polygon(20% 0,0 20%,0 80%,20% 100%,40% 80%,60% 80%,80% 100%,100% 80%,100% 20%,80% 0,60% 20%,40% 20%);content:"";filter:drop-shadow(0 0 10px #8b5cf6) drop-shadow(0 0 20px #3b82f6);height:100%;left:0;position:absolute;top:0;width:100%}.infinity-shape:after{-webkit-text-fill-color:#0000;animation:infinityRotate 8s linear infinite;background:linear-gradient(45deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;background-clip:text;content:"∞";filter:drop-shadow(0 0 15px rgba(139,92,246,.8));font-size:600px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes infinityPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes infinityRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:12px;box-shadow:0 8px 32px #8b5cf633;max-width:420px;padding:2rem;position:relative;width:100%;z-index:2}.login-header{margin-bottom:var(--space-4);text-align:center}.login-header h1{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(120deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;margin-bottom:var(--space-1)}.login-form{margin-bottom:var(--space-3);text-align:left}.login-form .btn{margin-top:var(--space-3)}.login-demo{border-top:1px solid var(--color-gray-200);padding-top:var(--space-3)}.demo-accounts{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-2)}.form-check-label{cursor:pointer;float:right}@media (max-width:480px){.login-card{padding:var(--space-4)}.demo-accounts{grid-template-columns:repeat(2,1fr)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-card{animation:fadeScale .4s ease-out}.subscription-plans{margin-bottom:32px;margin-bottom:var(--spacing-8)}.subscription-plans h2{color:var(--text-color);margin-bottom:24px;margin-bottom:var(--spacing-6)}.plans-grid{grid-gap:24px;grid-gap:var(--spacing-6);display:grid;gap:24px;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-8)}.plan-card{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;padding:24px;padding:var(--spacing-6);transition:box-shadow .3s ease}.plan-card:hover{box-shadow:0 4px 8px #0000001a}.plan-card-popular{border-color:var(--color-primary-500);box-shadow:0 0 10px var(--color-primary-100)}.plan-card-current{background-color:#f0fdf4;background-color:var(--color-success-50,#f0fdf4);border-color:#22c55e;border-color:var(--color-success-500,#22c55e)}.plan-card-badge{align-items:center;background-color:var(--color-primary-600);border-radius:9999px;color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:4px;gap:var(--spacing-1);left:50%;padding:8px 16px;padding:var(--spacing-2) var(--spacing-4);position:absolute;top:-12px;transform:translateX(-50%)}.plan-card-header{margin-bottom:24px;margin-bottom:var(--spacing-6);text-align:center}.plan-card-name{color:var(--text-color);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;margin-bottom:12px;margin-bottom:var(--spacing-3)}.plan-card-price{align-items:baseline;display:flex;gap:4px;gap:var(--spacing-1);justify-content:center}.plan-card-currency{color:var(--color-gray-500);font-size:1.125rem;font-size:var(--font-size-lg)}.plan-card-amount{color:var(--text-color);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700}.plan-card-interval{color:var(--color-gray-500);font-size:1.125rem;font-size:var(--font-size-lg)}.plan-card-features{margin-bottom:24px;margin-bottom:var(--spacing-6)}.plan-card-feature{align-items:center;color:var(--color-gray-700);display:flex;gap:12px;gap:var(--spacing-3);margin-bottom:12px;margin-bottom:var(--spacing-3)}.plan-card-feature-icon{color:#16a34a;color:var(--color-success-600,#16a34a);flex-shrink:0}.plan-card-footer{text-align:center}.subscription-current{background-color:var(--background-color);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 2px 6px #0000000d;margin-bottom:32px;margin-bottom:var(--spacing-8);overflow:hidden}.subscription-current-header{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-4) var(--spacing-6)}.subscription-current-header h2{color:var(--text-color);margin:0}.subscription-current-content{align-items:center;display:flex;justify-content:space-between;padding:24px;padding:var(--spacing-6)}.subscription-current-plan h3{color:var(--text-color);font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:8px;margin-bottom:var(--spacing-2)}.subscription-current-price{color:var(--color-primary-600);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-2)}.payment-methods{background-color:var(--background-color);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:0 2px 6px #0000000d;margin-bottom:32px;margin-bottom:var(--spacing-8);overflow:hidden}.payment-methods-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-4) var(--spacing-6)}.payment-methods-header h2{color:var(--color-text-primary);margin:0}.payment-methods-list{padding:24px;padding:var(--spacing-6)}.payment-method-card{align-items:center;background-color:var(--color-surface-card);border:1px solid var(--color-border);border-radius:.375rem;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-3);padding:16px;padding:var(--spacing-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast) var(--transition-timing)}.payment-method-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.payment-method-info{align-items:center;display:flex;gap:16px;gap:var(--spacing-4)}.payment-method-brand{align-items:center;color:var(--color-text-secondary);display:flex;font-weight:500;gap:8px;gap:var(--spacing-2)}.payment-method-details{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-1)}.payment-method-details span:first-child{color:var(--color-text-primary);font-weight:500}.payment-method-details span:last-child{color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm)}.billing-plans-grid{grid-gap:24px;gap:24px;padding:24px}.billing-plan-card{background-color:var(--color-surface-card);background-color:var(--color-surface);border-radius:.5rem;padding:24px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:background-color .3s,box-shadow .3s,transform .3s}.billing-plan-card:hover{background-color:var(--color-surface-hover)}.billing-plan-header{margin-bottom:16px}.billing-plan-name{color:var(--color-text-primary);font-size:1.125rem;margin-bottom:8px}.billing-plan-price{gap:4px}.billing-plan-currency{color:var(--color-text-secondary);font-size:1rem}.billing-plan-amount{font-size:1.5rem}.billing-plan-interval{color:var(--color-text-secondary);font-size:1rem}.billing-plan-stats{gap:12px}.billing-plan-stat-label{color:var(--color-text-secondary);font-size:.875rem}.billing-plan-stat-value{color:var(--color-text-primary)}.recent-transactions{background-color:var(--color-surface);border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.recent-transactions h2{background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);margin:0;padding:16px 24px;padding:var(--spacing-4) var(--spacing-6)}.form-row{grid-gap:16px;grid-gap:var(--spacing-4);display:grid;gap:16px;gap:var(--spacing-4);grid-template-columns:1fr 1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px;gap:var(--spacing-2)}.checkbox-label input[type=checkbox]{margin:0}.date-cell{gap:8px}.date-icon{color:var(--color-icon-muted);font-size:.875rem}@media (max-width:768px){.plans-grid{grid-template-columns:1fr}.subscription-current-content{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-4)}.payment-method-card{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--spacing-3)}.billing-plans-grid,.form-row{grid-template-columns:1fr}}@media (max-width:480px){.plan-card-price{flex-direction:column;gap:0}.plan-card-amount{font-size:1.875rem;font-size:var(--font-size-3xl)}}.btn{border:none;border-radius:.375rem;border-radius:var(--border-radius-md);font-weight:500;padding:8px 16px;padding:var(--spacing-2) var(--spacing-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast) var(--transition-timing)}.btn-icon{align-items:center;display:inline-flex;margin-right:8px;margin-right:var(--spacing-2)}.btn-primary{background-color:var(--color-primary-600)}.btn-primary:hover{background-color:var(--color-primary-700)}.btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-800)}.btn-secondary:hover{background-color:var(--color-gray-300)}.btn-success{background-color:var(--color-success-600)}.btn-success:hover{background-color:var(--color-success-700)}.btn-warning{background-color:var(--color-warning-500)}.btn-warning:hover{background-color:var(--color-warning-600)}.btn-danger{background-color:var(--color-error-600)}.btn-danger:hover{background-color:var(--color-error-700)}.btn-outline{background-color:initial;border:1px solid var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover{background-color:var(--color-gray-100)}.btn-link{background-color:initial;color:var(--color-primary-600);padding:0}.btn-link:hover{color:var(--color-primary-800);text-decoration:underline}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:4px 8px;padding:var(--spacing-1) var(--spacing-2)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:12px 24px;padding:var(--spacing-3) var(--spacing-6)}.btn:disabled{cursor:not-allowed;opacity:.7}.card{background-color:#fff;border-radius:.5rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:box-shadow .15s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-fast) var(--transition-timing)}[data-theme=dark] .card{background-color:var(--color-gray-100)}.card-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-4) var(--spacing-6)}.card-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin:0}.card-body,.card-title{color:var(--color-gray-900)}.card-body{padding:24px;padding:var(--spacing-6)}.card-footer{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;gap:8px;gap:var(--spacing-2);justify-content:flex-end;padding:16px 24px;padding:var(--spacing-4) var(--spacing-6)}.badge{padding:4px 8px}.badge-info{background-color:var(--color-accent-100);color:var(--color-accent-800)}.alert{align-items:flex-start;border-radius:.375rem;border-radius:var(--border-radius-md);color:var(--color-gray-900);display:flex;margin-bottom:16px;margin-bottom:var(--spacing-4);padding:16px;padding:var(--spacing-4)}.alert-icon{flex-shrink:0;margin-right:12px;margin-right:var(--spacing-3)}.alert-content{flex:1 1}.alert-title{font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-1)}.alert-message{margin:0}.alert-success{background-color:var(--color-success-50);border-left:4px solid var(--color-success-500)}.alert-warning{background-color:var(--color-warning-50);border-left:4px solid var(--color-warning-500)}.alert-error{background-color:var(--color-error-50);border-left:4px solid var(--color-error-500)}.alert-info{background-color:var(--color-accent-50);border-left:4px solid var(--color-accent-500)}.form-group{margin-bottom:16px;margin-bottom:var(--spacing-4)}.form-label{color:var(--color-gray-700);font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-2)}.form-control{background-color:#fff;border:1px solid var(--color-gray-300);border-radius:.375rem;border-radius:var(--border-radius-md);color:var(--color-gray-900);padding:12px;padding:var(--spacing-3);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast) var(--transition-timing)}[data-theme=dark] .form-control{background-color:var(--color-gray-100);color:var(--color-gray-900)}.form-control:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-helper{color:var(--color-gray-600)}.form-error,.form-helper{font-size:.875rem;font-size:var(--font-size-sm);margin-top:4px;margin-top:var(--spacing-1)}.form-error{color:var(--color-error-600)}.table-container{border-radius:.5rem}.table{background-color:#fff}.table,[data-theme=dark] .table{color:var(--color-gray-900)}.table th{background-color:var(--color-hover);color:var(--color-muted)}.table td,.table th{border-bottom:1px solid var(--color-border);padding:16px}.table td{color:var(--color-fg)}.table tr:hover,.table-striped tbody tr:nth-child(odd){background-color:var(--color-hover)}.table-striped tbody tr:nth-child(odd):hover{background-color:var(--color-hover-alt)}.tabs{border-bottom:1px solid var(--color-border);display:flex;margin-bottom:24px;margin-bottom:var(--spacing-6)}.tab{border-bottom:2px solid #0000;color:var(--color-muted);cursor:pointer;font-weight:500;padding:12px 16px;padding:var(--spacing-3) var(--spacing-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast) var(--transition-timing)}.tab:hover{color:var(--color-fg)}.tab.active{border-bottom-color:var(--color-primary-600);color:var(--color-primary-600)}.tab-content{display:none}.tab-content.active{animation:fadeIn .3s ease-in-out;display:block}.loader{animation:spin 1s ease-in-out infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary-600);display:inline-block;height:24px;width:24px}.loader-sm{border-width:2px;height:16px;width:16px}.loader-lg{border-width:4px;height:36px;width:36px}.toast-container{bottom:24px;bottom:var(--spacing-6);display:flex;flex-direction:column;gap:12px;gap:var(--spacing-3);max-width:350px;position:fixed;right:24px;right:var(--spacing-6);z-index:100}.toast{align-items:flex-start;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s forwards;background-color:var(--color-bg);border-radius:.375rem;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;overflow:hidden;padding:16px;padding:var(--spacing-4);position:relative}.toast:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.toast-success:before{background-color:var(--color-success-500)}.toast-error:before{background-color:var(--color-error-500)}.toast-warning:before{background-color:var(--color-warning-500)}.toast-info:before{background-color:var(--color-accent-500)}.toast-icon{flex-shrink:0;margin-right:12px;margin-right:var(--spacing-3)}.toast-content{flex:1 1}.toast-title{font-weight:600;margin-bottom:4px;margin-bottom:var(--spacing-1)}.toast-message{color:var(--color-muted);font-size:.875rem;font-size:var(--font-size-sm);margin:0}.toast-close{background:none;border:none;color:var(--color-muted);cursor:pointer;margin-left:8px;margin-left:var(--spacing-2);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast) var(--transition-timing)}.toast-close:hover{color:var(--color-fg)}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.progress{background-color:var(--color-gray-200);border-radius:9999px;border-radius:var(--border-radius-full);height:8px;overflow:hidden}.progress-bar{background-color:var(--color-primary-600);height:100%;transition:width .3s ease}.progress-bar-success{background-color:var(--color-success-500)}.progress-bar-warning{background-color:var(--color-warning-500)}.progress-bar-danger{background-color:var(--color-error-500)}.tooltip{display:inline-block;position:relative}.tooltip-content{background-color:var(--tooltip-bg);border-radius:.375rem;border-radius:var(--border-radius-md);bottom:100%;color:var(--tooltip-text);font-size:.75rem;font-size:var(--font-size-xs);left:50%;margin-bottom:8px;margin-bottom:var(--spacing-2);opacity:0;padding:8px 12px;padding:var(--spacing-2) var(--spacing-3);position:absolute;transform:translateX(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast) var(--transition-timing);visibility:hidden;white-space:nowrap;z-index:20}.tooltip-content:after{border-color:var(--tooltip-bg) #0000 #0000 #0000;border-style:solid;border-width:5px;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-300) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--border-radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root[data-theme=light]{--color-primary-600:#4f46e5;--color-bg:#fff}:root[data-theme=dark]{--color-bg:#000}:root{--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--border-radius-sm:0.125rem;--border-radius-md:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--transition-timing:cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-gray-50);color:var(--color-gray-900);overflow-x:hidden}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);margin-bottom:16px;margin-bottom:var(--spacing-4)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-md)}p{margin-bottom:16px;margin-bottom:var(--spacing-4)}a{color:var(--color-primary-600);transition:color var(--transition-fast) var(--transition-timing)}a:hover{color:var(--color-primary-800)}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15}button{background:none;border:none}input,select,textarea{border:1px solid var(--color-gray-300);border-radius:.375rem;border-radius:var(--border-radius-md);padding:8px 12px;padding:var(--spacing-2) var(--spacing-3);transition:border-color .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--transition-fast) var(--transition-timing)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100);outline:none}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.w-full{width:100%}.h-full{height:100%}.p-1{padding:4px;padding:var(--spacing-1)}.p-2{padding:8px;padding:var(--spacing-2)}.p-4{padding:16px;padding:var(--spacing-4)}.p-6{padding:24px;padding:var(--spacing-6)}.m-2{margin:8px;margin:var(--spacing-2)}.m-4{margin:16px;margin:var(--spacing-4)}.my-2{margin-bottom:8px;margin-bottom:var(--spacing-2);margin-top:8px;margin-top:var(--spacing-2)}.my-4{margin-bottom:16px;margin-bottom:var(--spacing-4);margin-top:16px;margin-top:var(--spacing-4)}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:8px;margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:16px;margin-bottom:var(--spacing-4)}.mt-2{margin-top:8px;margin-top:var(--spacing-2)}.mt-4{margin-top:16px;margin-top:var(--spacing-4)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-slideInUp{animation:slideInUp .4s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}:root[data-theme=light]{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#2563eb;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-accent-50:#f5f3ff;--color-accent-100:#ede9fe;--color-accent-200:#ddd6fe;--color-accent-300:#c4b5fd;--color-accent-400:#a78bfa;--color-accent-500:#8b5cf6;--color-accent-600:#7c3aed;--color-accent-700:#6d28d9;--color-accent-800:#5b21b6;--color-accent-900:#4c1d95;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--background-color:#fff;--text-color:#111827;--border-color:#e5e7eb;--card-background:#fff;--hover-background:#f9fafb}:root[data-theme=dark]{--color-primary-50:#1e1b4b;--color-primary-100:#2e26a5;--color-primary-200:#4338ca;--color-primary-300:#4f46e5;--color-primary-400:#6366f1;--color-primary-500:#818cf8;--color-primary-600:#a5b4fc;--color-primary-700:#c7d2fe;--color-primary-800:#e0e7ff;--color-primary-900:#f5f8ff;--color-success-50:#064e3b;--color-success-100:#065f46;--color-success-200:#047857;--color-success-300:#059669;--color-success-400:#10b981;--color-success-500:#34d399;--color-success-600:#6ee7b7;--color-success-700:#a7f3d0;--color-success-800:#d1fae5;--color-success-900:#ecfdf5;--color-warning-50:#78350f;--color-warning-100:#92400e;--color-warning-200:#b45309;--color-warning-300:#d97706;--color-warning-400:#f59e0b;--color-warning-500:#fbbf24;--color-warning-600:#fcd34d;--color-warning-700:#fde68a;--color-warning-800:#fef3c7;--color-warning-900:#fffbeb;--color-error-50:#7f1d1d;--color-error-100:#991b1b;--color-error-200:#b91c1c;--color-error-300:#dc2626;--color-error-400:#ef4444;--color-error-500:#f87171;--color-error-600:#fca5a5;--color-error-700:#fecaca;--color-error-800:#fee2e2;--color-error-900:#fef2f2;--color-accent-50:#4c1d95;--color-accent-100:#5b21b6;--color-accent-200:#6d28d9;--color-accent-300:#7c3aed;--color-accent-400:#8b5cf6;--color-accent-500:#a78bfa;--color-accent-600:#c4b5fd;--color-accent-700:#ddd6fe;--color-accent-800:#ede9fe;--color-accent-900:#f5f3ff;--color-gray-50:#18181b;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb;--background-color:#0f172a;--text-color:#f9fafb;--border-color:#374151;--card-background:#1e293b;--hover-background:#334155}.page-container{background-color:var(--background-color);color:var(--text-color);margin:0 auto;max-width:1200px;padding:var(--spacing-6);z-index:1000000}.page-title{color:var(--text-color);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-2)}.page-description{color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.page-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-4)}.stats-cards{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-8)}.stats-card{align-items:center;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;padding:var(--spacing-6);transition:transform var(--transition-fast) var(--transition-timing),box-shadow var(--transition-fast) var(--transition-timing)}.stats-card:hover{background-color:var(--hover-background);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stats-card-icon{align-items:center;border-radius:var(--border-radius-md);display:flex;font-size:24px;height:48px;justify-content:center;margin-right:var(--spacing-4);width:48px}.stats-card-icon-success{background-color:var(--color-success-100);color:var(--color-success-600)}.stats-card-icon-primary{background-color:var(--color-primary-100);color:var(--color-primary-600)}.stats-card-icon-warning{background-color:var(--color-warning-100);color:var(--color-warning-600)}.stats-card-icon-info{background-color:var(--color-accent-100);color:var(--color-accent-600)}.stats-card-content{flex:1 1}.stats-card-title{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);margin-top:0}.stats-card-value{color:var(--text-color);font-size:var(--font-size-2xl);font-weight:600}.dashboard-charts{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--spacing-8)}.dashboard-chart-container{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.dashboard-chart-header{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.dashboard-chart-title{color:var(--text-color);font-size:var(--font-size-lg);margin:0}.dashboard-chart{height:300px;padding:var(--spacing-6);position:relative}.dashboard-chart,.dashboard-section{background-color:var(--card-background)}.dashboard-section{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-8);overflow:hidden}.billing-plans-grid{grid-gap:var(--spacing-6);background-color:var(--card-background);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:var(--spacing-6)}.billing-plan-card{background-color:var(--color-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-6);transition:all var(--transition-fast) var(--transition-timing)}.billing-plan-card:hover{background-color:var(--hover-background);border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.billing-plan-header{margin-bottom:var(--spacing-4);text-align:center}.billing-plan-name{color:var(--text-color);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2)}.billing-plan-price{align-items:baseline;display:flex;gap:var(--spacing-1);justify-content:center}.billing-plan-currency{color:var(--color-gray-600);font-size:var(--font-size-md)}.billing-plan-amount{color:var(--color-primary-600);font-size:var(--font-size-2xl);font-weight:700}.billing-plan-interval{color:var(--color-gray-600);font-size:var(--font-size-md)}.billing-plan-stats{display:flex;flex-direction:column;gap:var(--spacing-3)}.billing-plan-stat{align-items:center;display:flex;justify-content:space-between}.billing-plan-stat-label{color:var(--color-gray-600);font-size:var(--font-size-sm)}.billing-plan-stat-value{color:var(--text-color);font-weight:600}.table-container{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow-x:auto}.table{background-color:var(--card-background);border-collapse:collapse;width:100%}.table th{background-color:var(--color-gray-50);color:var(--color-gray-700);font-weight:600;text-align:left}.table td,.table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-4)}.table td{color:var(--text-color)}.table tr:last-child td{border-bottom:none}.table tr:hover{background-color:var(--hover-background)}.date-cell{align-items:center;display:flex;gap:var(--spacing-2)}.date-icon{color:var(--color-gray-500);font-size:var(--font-size-sm)}.badge{border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-1) var(--spacing-2)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-800)}.badge-danger{background-color:var(--color-error-100);color:var(--color-error-800)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-800)}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-800)}[data-theme=dark] .billing-plan-card,[data-theme=dark] .dashboard-chart-container,[data-theme=dark] .dashboard-section,[data-theme=dark] .stats-card,[data-theme=dark] .table{background-color:var(--color-gray-100)}@media (max-width:768px){.stats-cards{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.billing-plans-grid,.dashboard-charts{grid-template-columns:1fr}.page-container{padding:var(--spacing-4)}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.stats-card{padding:var(--spacing-4)}.page-actions{flex-direction:column}}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.header-left{flex:1 1}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.billing-nav{display:flex;gap:16px;list-style:none;margin:0;padding:0}.billing-nav li{background-color:initial;border:1px solid #0000;border-radius:6px;color:var(--text-color);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.billing-nav li:hover{background-color:var(--hover-background)}.billing-nav li.active{background-color:var(--color-primary-100);border-color:var(--color-primary-300);color:var(--color-primary-800)}@media (max-width:768px){.header-right{align-items:flex-start;flex-direction:column}.billing-nav{flex-wrap:wrap}}.dashboard-section-title{background-color:var(--color-gray-50);border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:var(--font-size-lg);margin:0;padding:var(--spacing-4) var(--spacing-6)}.dashboard-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.csv-preview-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-4);max-height:480px;overflow-y:auto}.csv-preview-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.csv-preview-table th{background-color:var(--color-surface-hover);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:700;letter-spacing:.05em;padding:var(--space-3);position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.csv-preview-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:var(--space-3);text-align:left}.valid-row{background-color:#10b98105}.invalid-row{background-color:#ef444405}.valid-cell{background-color:#10b9811a;color:var(--color-success);font-weight:600}.invalid-cell{background-color:#ef44441a}.error-text,.invalid-cell{color:var(--color-error);font-weight:600}.error-text{font-size:var(--font-size-xs)}.status-cell{text-align:center}.status-valid{color:var(--color-success)}.status-invalid{color:var(--color-error)}.csv-summary{background-color:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-4);padding:var(--space-4)}.csv-summary p{color:var(--color-text);font-size:var(--font-size-sm);margin:var(--space-1) 0}.csv-summary strong{color:var(--color-primary)}.csv-step{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);padding:var(--space-4) 0;position:relative}.csv-step.last-step{border-bottom:none}.step-badge{align-items:center;background:var(--color-primary-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:700;height:36px;justify-content:center;min-width:36px;width:36px}.step-badge.success{background:var(--color-success)}.step-content{flex:1 1;min-width:0}.step-content h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-1)}.step-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}:root{--profile-bg:#f8fafc;--card-bg:#fff;--primary-blue:#2563eb;--primary-hover:#1d4ed8;--text-dark:#1e293b;--text-muted:#64748b;--input-bg:#f8fafc;--border-color:#e2e8f0;--gradient-blue:linear-gradient(135deg,#2563eb,#3b82f6)}.profile-page{background-color:#f8fafc;background-color:var(--profile-bg);color:#1e293b;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:2rem}.profile-header{margin-bottom:2.5rem}.profile-header h1{color:#1e293b;color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:.5rem}.profile-header p{color:#64748b;color:var(--text-muted);font-size:1rem}.profile-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:320px 1fr}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}}.profile-sidebar{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.sidebar-banner{background:linear-gradient(135deg,#2563eb,#3b82f6);background:var(--gradient-blue);height:120px}.avatar-wrapper{display:flex;justify-content:center;margin-top:-60px;position:relative}.profile-img-container{height:120px;position:relative;width:120px}.profile-avatar-img{background-color:#f1f5f9;border:4px solid #fff;border-radius:50%;height:120px;object-fit:cover;width:120px}.camera-btn{align-items:center;background:#2563eb;background:var(--primary-blue);border:2px solid #fff;border-radius:50%;bottom:5px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:5px;transition:transform .2s;width:32px}.camera-btn:hover{transform:scale(1.1)}.profile-summary{padding:1.5rem;text-align:center}.profile-summary h2{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.profile-summary .role-text{color:#64748b;color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem}.stats-container{display:flex;gap:1rem;padding:0 1.5rem 1.5rem}.stat-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex:1 1;padding:1rem;text-align:center}.stat-label{color:#64748b;color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.stat-count{color:#1e293b;color:var(--text-dark);font-size:1.25rem;font-weight:700}.public-profile-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#2563eb;color:var(--primary-blue);cursor:pointer;display:block;font-weight:600;margin:0 1.5rem 1.5rem;padding:.75rem;text-align:center;transition:all .2s;width:calc(100% - 3rem)}.public-profile-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.content-area{display:flex;flex-direction:column;gap:2rem}.info-card{background:#fff;background:var(--card-bg);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.card-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.card-title-row h3{font-size:1.25rem;font-weight:700}.edit-link{background:none;border:none;color:#2563eb;color:var(--primary-blue);cursor:pointer;font-size:.875rem;font-weight:600}.edit-link:hover{text-decoration:underline}.inputs-grid{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:1fr 1fr}@media (max-width:640px){.inputs-grid{grid-template-columns:1fr}}.form-group-custom{display:flex;flex-direction:column;gap:.5rem}.label-custom{color:#64748b;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.input-custom{background:#f8fafc;background:var(--input-bg);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;color:#1e293b;color:var(--text-dark);font-size:.9375rem;padding:.875rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-custom:focus{border-color:#2563eb;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-custom:disabled{cursor:not-allowed;opacity:.7}.pass-container{position:relative}.pass-toggle-icon{color:#64748b;color:var(--text-muted);cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.update-btn-container{display:flex;justify-content:flex-end;margin-top:1rem}.btn-primary-custom{background:#2563eb;background:var(--primary-blue);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.875rem 2.5rem;transition:background-color .2s,transform .1s}.btn-primary-custom:hover{background:#1d4ed8;background:var(--primary-hover)}.btn-primary-custom:active{transform:scale(.98)}.btn-primary-custom:disabled{background:#94a3b8;cursor:not-allowed}.loader-img{animation:spin 1s linear infinite;height:20px;width:20px}.error-text{color:#ef4444;font-size:.75rem;margin-top:.25rem}.cropper-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;left:50%;max-width:450px;padding:1.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.cropper-wrapper{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.cropper-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.sidebar-save-btn{background:#10b981;border:none;border-radius:10px;box-shadow:0 4px 6px -1px #10b98133;color:#fff;cursor:pointer;display:block;font-weight:700;margin:.5rem 1.5rem 1.5rem;padding:.75rem;text-align:center;transition:all .2s;width:calc(100% - 3rem)}.sidebar-save-btn:hover{background:#059669;box-shadow:0 6px 8px -1px #10b9814d;transform:translateY(-1px)}.sidebar-save-btn:active{transform:scale(.98)}.btn{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:.6rem;line-height:1.5;padding:.75rem 1.5rem;position:relative;text-align:center;transition:all var(--transition-fast)}.btn,.btn-group{align-items:center;justify-content:center}.btn-group{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary{background:var(--color-primary-gradient);box-shadow:0 4px 12px #2563eb33;color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 16px #2563eb4d;color:#fff;transform:translateY(-1px)}.btn-secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary-light);color:var(--color-text)}.btn-success{background:var(--color-success);border:none;color:#fff}.btn-success:hover{background:#059669;color:#fff;transform:translateY(-1px)}.btn-warning{background:var(--color-warning);border:none;color:#fff}.btn-warning:hover{background:#d97706;color:#fff;transform:translateY(-1px)}.btn-error{background:var(--color-error);border:none;color:#fff}.btn-error:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-4)}.form-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;margin-bottom:var(--space-2);text-transform:uppercase}.form-control{background-color:var(--color-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:500;line-height:1.5;padding:.8rem 1rem;transition:all var(--transition-fast);width:100%}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg)}.card-header{background-color:#00000005;border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5)}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.35em .75em;text-transform:uppercase}.badge-primary{background-color:#2563eb26;color:#2563eb}.badge-success{background-color:#10b98126;color:#059669}.badge-warning{background-color:#f59e0b26;color:#d97706}.badge-error{background-color:#ef444426;color:#dc2626}.badge-info{background-color:#06b6d426;color:#0891b2}.badge-secondary{background-color:#6b728026;color:#4b5563}.tat-over{background-color:#fee2e2!important;border:1px solid #fecaca;color:#dc2626!important}.tat-warning{background-color:#ffedd5!important;border:1px solid #fed7aa;color:#d97706!important}.tat-approaching{background-color:#ecfccb!important;border:1px solid #d9f99d;color:#4d7c0f!important}.tat-safe{background-color:#dcfce7!important;border:1px solid #bbf7d0;color:#15803d!important}.back-btn{align-items:center;display:inline-flex;font-weight:500;gap:var(--space-2);margin-bottom:var(--space-4);padding:.5rem 1rem;transition:all var(--transition-fast)}.back-btn:hover{background-color:var(--color-surface-hover);transform:translateX(-4px)}.report-bar{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:var(--space-4);padding:var(--space-4)}.report-bar .form-group{flex:1 1;min-width:250px}.table-responsive{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%}th{background-color:var(--color-surface-hover);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:700;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}td{color:var(--color-text);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}tr:hover td{background-color:var(--color-surface-hover)}.modal-overlay{z-index:1000}.modal-backdrop,.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal-backdrop{overflow-y:auto;padding:var(--space-4);z-index:1050}.modal-container{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--space-5);width:90%}.modal{align-items:center;display:flex;justify-content:center;max-width:500px}.modal,.modal-dialog{width:100%}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.modal-title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;margin:0}.modal-body{color:var(--color-text);padding:var(--space-4) var(--space-5)}.modal-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-5)}.report-bar,.report-barr{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4)}.report-bar .form-group,.report-barr .form-group{flex:1 1;margin-bottom:0;min-width:200px}.sbox{max-width:400px}.form-select{appearance:auto;background-color:var(--color-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:block;font-size:var(--font-size-sm);font-weight:500;line-height:1.5;padding:.8rem 2.5rem .8rem 1rem;transition:all var(--transition-fast);width:100%}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:0}.green-btn{align-items:center;background:var(--color-success);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.green-btn:hover{opacity:.9;transform:translateY(-1px)}.blue-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.blue-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-sm{font-size:var(--font-size-xs);padding:.4rem .85rem}.btn-outline{background:#0000;border:1.5px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:#2563eb0d;border-color:var(--color-primary);color:var(--color-primary)}.card-body{padding:var(--space-4)}.card-body.p-0{padding:0}.modal-close{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;transition:all var(--transition-fast)}.modal-close:hover{background:#00000014;color:var(--color-error)}.notification-btn{background:var(--color-surface);border:1.5px solid var(--color-border);display:inline-flex;height:36px;width:36px}.notification-btn:hover{border-color:var(--color-primary)}.notification-badge{background:var(--color-error);border-radius:50%;line-height:1;right:-6px;top:-6px;width:18px}.p-0{padding:0!important}.Loader{animation:spin 1s linear infinite;display:inline-block;height:20px;vertical-align:middle;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.flex-wrap{flex-wrap:wrap}.font-semibold{font-weight:600}.cursor-pointer{cursor:pointer}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.sidebar-logo-icon img{border-radius:inherit;height:100%;object-fit:contain;width:100%}.underline{text-decoration:underline}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.animate-slide-up{animation:slideUp .3s ease-out}.btn-danger{background:var(--color-error);border:none;color:#fff}.btn-danger:hover{opacity:.9}.input-prefix-wrapper{align-items:stretch;background-color:var(--color-input);border:1.5px solid var(--color-border);border-radius:var(--radius-md);display:flex;margin-top:.25rem;overflow:hidden;transition:all var(--transition-fast)}.input-prefix-wrapper .prefix{align-items:center;background:var(--color-surface-hover);border-right:1.5px solid var(--color-border);color:var(--color-text-secondary);display:flex;font-weight:700;padding:0 1rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.input-prefix-wrapper .prefix-input{background:#0000!important;border:none!important;box-shadow:none!important;flex:1 1;font-size:var(--font-size-sm);font-weight:500;padding:.8rem 1rem;width:100%}.input-prefix-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.input-prefix-wrapper.border-error{border-color:var(--color-error)}.dashboard{height:100vh;width:100vw}.dashboard,.sidebar{display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);bottom:0;box-shadow:var(--shadow-xl);color:var(--sidebar-text);flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:width var(--transition-normal);width:64px;z-index:100}.sidebar.expanded{width:260px}.sidebar-header{align-items:center;border-bottom:1px solid var(--sidebar-border);display:flex;gap:var(--space-3);height:70px;padding:0 var(--space-3)}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.sidebar-toggle:hover{background-color:#ffffff0d;color:#fff}.sidebar-logo{color:#fff;gap:12px;text-decoration:none;white-space:nowrap}.sidebar-logo,.sidebar-logo-icon{align-items:center;display:flex;overflow:hidden}.sidebar-logo-icon{border-radius:var(--radius-md);flex-shrink:0;height:32px;justify-content:center;width:32px}.sidebar-logo-text{font-size:var(--font-size-lg);font-weight:600;opacity:0;transition:opacity var(--transition-normal)}.expanded .sidebar-logo-text{opacity:1}.sidebar-content{flex:1 1;overflow-y:auto;padding:var(--space-2) 0}.sidebar-footer{border-top:1px solid var(--color-gray-800);padding:var(--space-2)}.user-info{color:var(--color-gray-300);gap:var(--space-2);padding:var(--space-2)}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;width:32px}.user-details{opacity:0;overflow:hidden;transition:opacity var(--transition-normal);white-space:nowrap}.expanded .user-details{opacity:1}.user-name{color:#fff;font-size:var(--font-size-sm);font-weight:500}.user-role{color:var(--color-gray-400);font-size:var(--font-size-xs)}.nav-menu{list-style:none;margin:0;padding:0}.nav-item{margin:var(--space-1) 0}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--color-gray-400);display:flex;margin:0 var(--space-1);overflow:hidden;padding:var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-gray-800);color:#fff}.nav-link.active{background-color:var(--color-primary);color:#fff}.nav-icon{flex-shrink:0;font-size:20px;margin-right:var(--space-2);text-align:center;width:24px}.nav-text{opacity:0;transition:opacity var(--transition-normal);white-space:nowrap}.expanded .nav-text{opacity:1}.main-content{background-color:var(--color-gray-100);flex:1 1;height:100vh;margin-left:64px;overflow-y:auto;position:relative}.main-content-bg.sidebar-expanded,.main-content.sidebar-expanded{margin-left:250px}.main-content-bg{background-position:50%;background-repeat:no-repeat;background-size:800px auto;height:100%;left:0;opacity:1;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.top-nav{-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);background-color:var(--glass-background);border-bottom:1px solid var(--color-border);height:70px;justify-content:space-between;padding:0 var(--space-4);position:sticky;top:0;transition:background-color var(--transition-normal),border-color var(--transition-normal);z-index:50}.top-nav,.top-nav-left{align-items:center;display:flex}.top-nav-left{gap:var(--space-3)}.page-title{color:var(--color-text);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.top-nav-right{align-items:center;display:flex;gap:var(--space-3)}.notification-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.notification-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary-light);color:var(--color-primary)}.notification-badge{align-items:center;background-color:var(--color-error);border:2px solid var(--color-surface);border-radius:9px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.profile-dropdown{position:relative}.profile-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-1) var(--space-2)}.profile-btn:hover{background-color:var(--color-gray-100);color:var(--color-text)}.dropdown-menu{animation:dropdownFadeIn .2s ease-out;background-color:var(--color-background);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-top:var(--space-1);min-width:180px;position:absolute;right:0;top:100%;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none}.dropdown-item:hover{background-color:var(--color-gray-100)}.dropdown-divider{background-color:var(--color-gray-200);height:1px;margin:var(--space-1) 0}.page-content{padding:var(--space-4)}.dashboard-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(1,1fr);margin-bottom:var(--space-4);margin-top:var(--space-3)}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.stat-card,.stat-card-1,.stat-card-2,.stat-card-3{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-5);position:relative;transition:all var(--transition-normal);z-index:1}.stat-card-1:hover,.stat-card-2:hover,.stat-card-3:hover,.stat-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.stat-card-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.stat-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.stat-card-icon.blue{background-color:#2563eb1a;color:var(--color-primary)}.stat-card-icon.green{background-color:#34c7591a;color:var(--color-success)}.stat-card-icon.orange{background-color:#ff95001a;color:var(--color-accent)}.stat-card-icon.red{background-color:#ff3b301a;color:var(--color-error)}.stat-card-value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:700;margin:var(--space-2) 0}.stat-card-change{align-items:center;display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-error)}@media (max-width:767px){.sidebar{transform:translateX(-100%);width:0}.sidebar.expanded{transform:translateX(0);width:250px}.main-content,.main-content.sidebar-expanded{margin-left:0}.mobile-sidebar-toggle{display:block}}@media (min-width:768px){.mobile-sidebar-toggle{display:none}}:root{--color-primary-light:#60a5fa;--color-primary-dark:#1d4ed8;--color-primary-gradient:linear-gradient(90deg,#2563eb,#4f46e5);--color-secondary:#64748b;--color-secondary-light:#94a3b8;--color-secondary-dark:#475569;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-dark:#d97706;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-background:#f8fafc;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-input:#fff;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--sidebar-bg:#0f1221;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-item-active-bg:#2563eb1a;--sidebar-border:#ffffff0d;--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--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 #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--glass-background:#ffffffb3;--glass-border:1px solid #ffffff4d;--glass-backdrop:blur(10px);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--color-background:#020617;--color-surface:#1e293b;--color-surface-hover:#334155;--color-border:#334155;--color-input:#0f172a;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--glass-background:#0f172acc;--glass-border:1px solid #ffffff1a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:#020617;--color-surface:#1e293b;--color-text:#f8fafc}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body,html{height:100%}body{background-attachment:fixed;background-color:#f8fafc;background-color:var(--color-background);color:#0f172a;color:var(--color-text);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-md);line-height:1.5;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-normal),color var(--transition-normal)}#root{height:100%;margin:0;max-width:100%;padding:0;text-align:left}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-3)}h1{font-size:2rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h4{font-size:1.125rem;font-size:var(--font-size-lg)}h5{font-size:1rem;font-size:var(--font-size-md)}h6{font-size:.875rem;font-size:var(--font-size-sm)}p{margin-bottom:1rem;margin-bottom:var(--space-3)}a{color:#2563eb;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#60a5fa;color:var(--color-primary-light)}button{cursor:pointer}.loading-screen{align-items:center;background:#f8fafc;background:var(--color-background);color:#2563eb;color:var(--color-primary);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);height:100vh;justify-content:center}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--space-3);width:100%}.grid{grid-gap:1rem;grid-gap:var(--space-3);display:grid;gap:1rem;gap:var(--space-3)}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-top{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:1rem;gap:var(--space-3)}.gap-4{gap:1.5rem;gap:var(--space-4)}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-3{margin-top:1rem;margin-top:var(--space-3)}.mt-4{margin-top:1.5rem;margin-top:var(--space-4)}.mt-5{margin-top:2rem;margin-top:var(--space-5)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-3{margin-bottom:1rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--space-4)}.mb-5{margin-bottom:2rem;margin-bottom:var(--space-5)}.ml-1{margin-left:.25rem;margin-left:var(--space-1)}.ml-2{margin-left:.5rem;margin-left:var(--space-2)}.ml-3{margin-left:1rem;margin-left:var(--space-3)}.mr-1{margin-right:.25rem;margin-right:var(--space-1)}.mr-2{margin-right:.5rem;margin-right:var(--space-2)}.mr-3{margin-right:1rem;margin-right:var(--space-3)}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:1rem;padding:var(--space-3)}.p-4{padding:1.5rem;padding:var(--space-4)}.p-5{padding:2rem;padding:var(--space-5)}.py-1{padding-bottom:.25rem;padding-bottom:var(--space-1);padding-top:.25rem;padding-top:var(--space-1)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.py-3{padding-bottom:1rem;padding-bottom:var(--space-3);padding-top:1rem;padding-top:var(--space-3)}.py-4{padding-bottom:1.5rem;padding-bottom:var(--space-4);padding-top:1.5rem;padding-top:var(--space-4)}.px-1{padding-left:.25rem;padding-left:var(--space-1);padding-right:.25rem;padding-right:var(--space-1)}.px-2{padding-left:.5rem;padding-left:var(--space-2);padding-right:.5rem;padding-right:var(--space-2)}.px-3{padding-left:1rem;padding-left:var(--space-3);padding-right:1rem;padding-right:var(--space-3)}.px-4{padding-left:1.5rem;padding-left:var(--space-4);padding-right:1.5rem;padding-right:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-md{font-size:1rem;font-size:var(--font-size-md)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-primary{color:#2563eb;color:var(--color-primary)}.text-secondary{color:#64748b;color:var(--color-secondary)}.text-accent{color:#f59e0b;color:var(--color-accent)}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-error{color:#ef4444;color:var(--color-error)}.text-muted{color:#64748b;color:var(--color-text-secondary)}.animate-fade{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden-sm{display:none}@media (min-width:768px){.hidden-sm{display:block}.hidden-md{display:none}}@media (min-width:1024px){.hidden-md{display:block}.hidden-lg{display:none}}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);background:#ffffffb3;background:var(--glass-background);border:1px solid #ffffff4d;border:var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg)}.neon-text{text-shadow:0 0 10px #2563eb,0 0 20px #2563eb,0 0 30px #2563eb;text-shadow:0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 30px var(--color-primary)}.gradient-text{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#64748b);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text}.table td,.table th{padding:.5rem 1rem;padding:var(--space-2) var(--space-3);vertical-align:middle}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.report-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-3);width:100%}.report-bar .form-group{flex:1 1 auto;margin-bottom:0}.report-bar .form-group.grow{flex:3 1 auto}.filter-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-4);width:100%}.filter-container .grow{flex-grow:1}.filter-container .form-group{flex:1 1 auto}.filter-container .form-group.grow{flex:3 1 auto}.form-grid{grid-gap:1.5rem;grid-gap:var(--space-4);display:grid;gap:1.5rem;gap:var(--space-4);grid-template-columns:1fr 1fr;width:100%}@media (max-width:640px){.form-grid{grid-template-columns:1fr}}.checkbox-grid{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:300px;overflow-y:auto;padding:15px}.checkbox-item{align-items:center;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;gap:var(--space-2);padding:.25rem .5rem;transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.checkbox-item:hover{background-color:#2563eb0d}.checkbox-item input{cursor:pointer}:root{--color-primary:#2563eb;--font-family:"Plus Jakarta Sans",sans-serif}
/*# sourceMappingURL=main.a2dd908d.css.map*/