@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary-color: #64748b;--accent-color: #f59e0b;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-dark: #1e293b;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}:root{--primary-color: #618c35;--primary-light: #7ba048;--primary-dark: #4a6b28;--primary-darker: #3d5621;--secondary-color: #87a668;--secondary-light: #9bb67a;--secondary-dark: #6d8553;--light-bg: #f8faf6;--lighter-bg: #fcfdfb;--white: #ffffff;--off-white: #fafafa;--text-primary: #2c3e1f;--text-secondary: #4a5c3d;--text-muted: #6b7c5e;--text-light: #8a9b7d;--gray-50: #f9faf8;--gray-100: #f3f4f1;--gray-200: #e8eae5;--gray-300: #d3d6ce;--gray-400: #a8ad9f;--gray-500: #6b7063;--gray-600: #555a4e;--gray-700: #3f443a;--gray-800: #2a2d26;--gray-900: #1a1c17;--success: #22c55e;--success-light: #86efac;--success-dark: #16a34a;--warning: #f59e0b;--warning-light: #fcd34d;--warning-dark: #d97706;--error: #ef4444;--error-light: #fca5a5;--error-dark: #dc2626;--info: #3b82f6;--info-light: #93c5fd;--info-dark: #2563eb;--shadow-sm: 0 1px 2px 0 rgba(44, 62, 31, .05);--shadow: 0 1px 3px 0 rgba(44, 62, 31, .1), 0 1px 2px 0 rgba(44, 62, 31, .06);--shadow-md: 0 4px 6px -1px rgba(44, 62, 31, .1), 0 2px 4px -1px rgba(44, 62, 31, .06);--shadow-lg: 0 10px 15px -3px rgba(44, 62, 31, .1), 0 4px 6px -2px rgba(44, 62, 31, .05);--shadow-xl: 0 20px 25px -5px rgba(44, 62, 31, .1), 0 10px 10px -5px rgba(44, 62, 31, .04);--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);--gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-dark) 100%);--gradient-light: linear-gradient(135deg, var(--light-bg) 0%, var(--white) 100%);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--black: var(--text-primary);--gray: var(--text-secondary);--light-gray: var(--gray-300)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2c3e1f2e;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal) var(--ease-in-out-quart)}.modal{background:var(--white);border-radius:24px;box-shadow:var(--shadow-xl);padding:2.2rem 2rem 1.5rem;min-width:340px;max-width:480px;width:100%;position:relative;animation:modalIn var(--transition-normal) var(--ease-out-back);border:1.5px solid var(--gray-100)}@keyframes modalIn{0%{transform:translateY(40px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal h2{margin-top:0;margin-bottom:1.5rem;font-size:2rem;font-weight:700;color:var(--primary-dark);text-align:center;letter-spacing:-.5px}.modal form{display:flex;flex-direction:column;gap:1.1rem}.material-field{position:relative;margin-bottom:.2rem}.material-field input[type=text],.material-field input[type=number],.material-field input[type=email],.material-field textarea,.material-field select{background:var(--white)!important;font-size:1.1rem;padding:1.2rem 1rem .6rem;border-radius:16px;min-height:48px}.material-field label{font-size:1.05rem;left:1.05rem;top:1.2rem}.material-field input:focus,.material-field textarea:focus,.material-field select:focus{border-color:var(--primary-color);background:var(--white);box-shadow:0 0 0 2px var(--primary-light)}.material-field label{position:absolute;left:.95rem;top:1.1rem;color:var(--text-muted);font-size:1rem;pointer-events:none;background:transparent;transition:all var(--transition-fast) var(--ease-in-out-quart);z-index:2}.material-field input:focus+label,.material-field input:not(:placeholder-shown)+label,.material-field textarea:focus+label,.material-field textarea:not(:placeholder-shown)+label,.material-field select:focus+label,.material-field select:not([value=""])+label{top:.2rem;left:.95rem;font-size:.92rem;background:var(--white);color:var(--primary-color)}.material-field input:disabled,.material-field textarea:disabled,.material-field select:disabled{background:var(--gray-100);color:var(--gray-400);border-color:var(--gray-200)}.material-field input.error,.material-field textarea.error,.material-field select.error{border-color:var(--error);box-shadow:0 0 0 2px var(--error-light)}.material-field .error-message{color:var(--error-dark);font-size:.95em;margin-top:.2em;margin-left:.1em}.material-checkbox{display:flex;align-items:center;gap:.7em;cursor:pointer;font-size:1.08rem;-webkit-user-select:none;user-select:none}.material-checkbox input[type=checkbox]{appearance:none;width:26px;height:26px;border:2px solid var(--primary-color);border-radius:8px;background:var(--gray-50);transition:background var(--transition-fast),border var(--transition-fast);position:relative;margin-right:.3em}.material-checkbox input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-dark)}.material-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:7px;top:3px;width:8px;height:15px;border:solid var(--white);border-width:0 3.5px 3.5px 0;transform:rotate(45deg);pointer-events:none;transition:all .18s cubic-bezier(.4,0,.2,1)}.material-checkbox input[type=checkbox]:focus{outline:2px solid var(--primary-light);outline-offset:2px}.material-checkbox span{color:var(--text-primary);font-size:1.08rem}.material-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.75em 2.1em;border-radius:16px;border:none;font-size:1.08rem;font-weight:600;background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-md);cursor:pointer;position:relative;overflow:hidden;transition:box-shadow var(--transition-fast),background var(--transition-fast)}.material-btn:active{box-shadow:var(--shadow-sm)}.material-btn:disabled{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed;box-shadow:none}.material-btn .ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background:#fff6;pointer-events:none}@keyframes ripple{to{transform:scale(2.5);opacity:0}}.material-btn.secondary{background:var(--gradient-secondary);color:var(--white)}.material-btn.outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none}.material-btn.outline:active{background:var(--gray-100)}.modal-actions{display:flex;justify-content:flex-end;gap:1.2rem;margin-top:1.5rem}@media (max-width: 600px){.modal{padding:1.2rem .5rem 1.5rem;min-width:unset;max-width:98vw}.form-row-2{grid-template-columns:1fr}.modal{padding-bottom:1.2rem}.modal-actions{gap:1rem}}body,input,textarea,select,button{font-family:Roboto,Inter,Segoe UI,Arial,sans-serif;font-size:1.05rem;letter-spacing:.01em}.material-helper{color:var(--text-light);font-size:.93em;margin-top:.15em;margin-left:.1em}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{display:flex;flex:1;position:relative}.main-content{flex:1;padding:var(--spacing-lg);background-color:var(--bg-secondary);min-height:calc(100vh - 64px);overflow-y:auto}@media (max-width: 767px){.main-content{padding:var(--spacing-md);margin-left:0}}@media (min-width: 768px) and (max-width: 1023px){.main-content{padding:var(--spacing-lg);margin-left:0;transition:margin-left .3s ease}.sidebar-collapsed .main-content{margin-left:80px}.sidebar-expanded .main-content{margin-left:280px}}@media (min-width: 1024px){.main-content{padding:var(--spacing-xl);margin-left:0;transition:margin-left .3s ease}.sidebar-collapsed .main-content{margin-left:80px}.sidebar-expanded .main-content{margin-left:280px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-white{color:var(--text-white)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-dark{background-color:var(--bg-dark)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}@media (max-width: 767px){.md\:hidden{display:none}.md\:block{display:block}.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4{grid-template-columns:repeat(1,1fr)}}@media (min-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:grid-cols-2,.md\:grid-cols-3,.md\:grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-up{animation:slideInUp .3s ease-out}.animate-slide-left{animation:slideInLeft .3s ease-out}.transition{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:scale-105:hover{transform:scale(1.05)}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--primary-color)}.material-group+.material-group{margin-top:2.2rem}.header{background-color:var(--bg-primary);border-bottom:1px solid var(--bg-tertiary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);height:64px}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-lg);max-width:1400px;margin:0 auto}.menu-toggle{display:flex!important;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:background-color .2s ease;align-items:center;justify-content:center;min-width:40px;min-height:40px}.menu-toggle:hover{background-color:var(--bg-tertiary)}.hamburger{display:flex!important;flex-direction:column;justify-content:space-between;width:20px;height:16px;position:relative}.hamburger span{display:block;width:100%;height:2px;background-color:var(--text-primary);border-radius:1px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.header-brand{display:flex;align-items:center;margin-left:var(--spacing-lg)}.header-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;display:none}.header-nav{flex:1;display:flex;align-items:center;justify-content:center;margin:0 var(--spacing-xl)}.breadcrumb{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.header-user{display:flex;align-items:center;gap:var(--spacing-md);position:relative}.user-info{display:none;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.user-role{font-size:var(--font-size-xs);color:var(--text-secondary)}.user-menu-toggle{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);transition:background-color .2s ease}.user-menu-toggle:hover{background-color:var(--bg-tertiary)}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:green;color:var(--text-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform .2s ease}.user-menu-toggle:hover .chevron{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:280px;z-index:var(--z-dropdown);animation:slideInUp .2s ease-out}.dropdown-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary)}.dropdown-header .user-avatar{width:48px;height:48px;font-size:var(--font-size-lg)}.user-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-details .user-name{font-size:var(--font-size-base)}.user-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.dropdown-menu{padding:var(--spacing-sm)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:none;border:none;cursor:pointer;border-radius:var(--border-radius-md);transition:background-color .2s ease;font-size:var(--font-size-sm);color:var(--text-primary);text-align:left}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-item svg{width:18px;height:18px;color:var(--text-secondary)}.dropdown-divider{height:1px;background-color:var(--bg-tertiary);margin:var(--spacing-sm) 0}@media (max-width: 767px){.header-content{padding:0 var(--spacing-md)}.header-title{display:block;font-size:var(--font-size-base)}.header-nav,.user-info{display:none}.user-dropdown{position:fixed;top:64px;left:0;right:0;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none}}@media (min-width: 768px){.header-title{display:block}.user-info{display:flex}}@media (min-width: 1024px){.header-title{font-size:var(--font-size-xl)}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background-color:var(--bg-primary);border-right:1px solid var(--bg-tertiary);box-shadow:var(--shadow-lg);z-index:var(--z-fixed);transform:translate(-100%);transition:transform .3s ease,width .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;overflow:hidden}.sidebar.hidden{transform:translate(-100%)}.sidebar.collapsed{transform:translate(0);width:80px;transition-delay:0s;cursor:pointer}.sidebar.collapsed:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:30px;background:linear-gradient(to bottom,transparent,var(--primary-color),transparent);opacity:.3;transition:opacity .3s ease}.sidebar.collapsed:hover:after{opacity:.7}.sidebar.collapsed:hover{width:280px;box-shadow:var(--shadow-xl);z-index:calc(var(--z-fixed) + 1);transition-delay:.1s}.sidebar.expanded{transform:translate(0);width:280px}.sidebar-overlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop);transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);height:64px}.sidebar-brand{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-brand .logo{width:32px;height:32px;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.sidebar-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;opacity:1;transition:opacity .3s ease}.sidebar.collapsed .sidebar-title{opacity:0;pointer-events:none}.sidebar.collapsed:hover .sidebar-title{opacity:1;pointer-events:auto}.sidebar.collapsed .sidebar-brand{justify-content:center;gap:0}.sidebar.collapsed:hover .sidebar-brand{justify-content:flex-start;gap:var(--spacing-md)}.sidebar-close{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-md);color:var(--text-secondary);transition:all .2s ease}.sidebar.collapsed .sidebar-close{display:none}.sidebar-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar-close svg{width:20px;height:20px}.sidebar-nav{flex:1;padding:var(--spacing-lg) 0;overflow-y:auto}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;border-radius:0;position:relative}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--spacing-lg) 0;margin:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);position:relative;gap:0}.sidebar.collapsed .nav-link:hover{background-color:var(--bg-tertiary);transform:translate(2px)}.sidebar.collapsed .nav-link.active{background-color:var(--primary-color);color:var(--text-white)}.sidebar.collapsed:hover .nav-link{justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.nav-link:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background-color:var(--primary-color);color:var(--text-white)}.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--accent-color)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar.collapsed .nav-icon{width:24px;height:24px}.nav-icon svg{width:18px;height:18px}.sidebar.collapsed .nav-icon svg{width:22px;height:22px}.nav-label{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;opacity:1;transition:opacity .3s ease}.sidebar.collapsed .nav-label{opacity:0;display:none}.sidebar.collapsed:hover .nav-label{opacity:1;display:block}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--bg-tertiary);background-color:var(--bg-secondary);opacity:1;transition:opacity .3s ease}.sidebar.collapsed .sidebar-footer{opacity:0;padding:var(--spacing-sm)}.sidebar.collapsed:hover .sidebar-footer{opacity:1;padding:var(--spacing-lg)}.sidebar-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.info-value{font-size:var(--font-size-xs);color:var(--text-primary);font-weight:600}.status-active{color:var(--success-color)}@media (max-width: 767px){.sidebar{width:100%;max-width:320px}.sidebar-close{display:block}.sidebar-title{font-size:var(--font-size-base)}.nav-link{padding:var(--spacing-lg)}.nav-label{font-size:var(--font-size-base)}}@media (min-width: 768px){.sidebar.collapsed,.sidebar.expanded{transform:translate(0)}.sidebar.hidden{transform:translate(-100%)}}@media (min-width: 1024px){.sidebar{width:280px}.sidebar-title{font-size:var(--font-size-lg)}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:var(--bg-tertiary)}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:root{--background-page: var(--bg-secondary);--background-card: var(--bg-primary);--text-color: var(--text-primary);--text-secondary-color: var(--text-secondary);--text-muted-color: var(--text-muted);--text-heading-color: var(--text-primary);--border-color: var(--gray-300);--shadow-color: rgba(44, 62, 31, .08);--shadow-md: 0 4px 16px 0 var(--shadow-color);--success-color: var(--success);--error-color: var(--error);--warning-color: var(--warning);--info-color: var(--info);--accent-color: var(--primary-color);--gradient-main: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);--gradient-accent: linear-gradient(135deg, var(--warning) 0%, var(--warning-light) 100%);--gradient-success: linear-gradient(135deg, var(--success) 0%, var(--success-light) 100%);--gradient-danger: linear-gradient(135deg, var(--error) 0%, var(--error-light) 100%);--gradient-info: linear-gradient(135deg, var(--info) 0%, var(--info-light) 100%);--gradient-muted: linear-gradient(135deg, var(--gray-200) 0%, var(--gray-100) 100%);--border-radius-xl: 18px;--border-radius-lg: 12px;--border-radius-md: 8px;--border-radius-sm: 4px;--spacing-xl: 2.5rem;--spacing-lg: 1.5rem;--spacing-md: 1rem;--spacing-sm: .5rem;--font-size-hero: 2.5rem;--font-size-xl: 1.5rem;--font-size-lg: 1.125rem;--font-size-base: 1rem;--font-size-sm: .875rem}.dashboard{width:100%;max-width:1440px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);background:var(--background-page);min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.dashboard-title{font-size:var(--font-size-hero);font-weight:800;color:var(--primary-color);margin:0 0 var(--spacing-sm);letter-spacing:-.04em;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary-color);margin:0;font-weight:500}.refresh-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;background:var(--gradient-main);border:none;border-radius:var(--border-radius-lg);color:#fff;font-size:var(--font-size-base);font-weight:700;cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);transition:background .2s,box-shadow .2s,transform .2s}.refresh-button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px var(--shadow-color)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-button svg{width:22px;height:22px;stroke:currentColor}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--background-card);border-radius:var(--border-radius-xl);box-shadow:0 2px 12px var(--shadow-color);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);position:relative;overflow:hidden;border:1.5px solid var(--border-color);transition:box-shadow .2s,border .2s,transform .2s}.stat-card.clickable{cursor:pointer;border:2px solid var(--warning-color);box-shadow:0 4px 24px #f59e0b1f}.stat-card.clickable:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px #f59e0b2e}.stat-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-muted);box-shadow:0 2px 8px var(--shadow-color)}.stat-icon svg{width:36px;height:36px;color:var(--primary-color);stroke:var(--primary-color)}.stat-icon.pending-requests{background:var(--gradient-accent)}.stat-icon.organizations{background:var(--gradient-main)}.stat-icon.business-owners{background:var(--gradient-success)}.stat-icon.subscriptions{background:var(--gradient-accent)}.stat-icon.licenses{background:var(--gradient-info)}.stat-icon.plans{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.products{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-content{flex:1}.stat-value{font-size:2.2rem;font-weight:800;color:var(--text-heading-color);margin:0 0 .2rem;line-height:1.1}.stat-label{font-size:var(--font-size-base);color:var(--text-secondary-color);margin:0;font-weight:500}.dashboard-content{margin-top:var(--spacing-xl)}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.activity-card,.chart-card{background:var(--background-card);border-radius:var(--border-radius-xl);box-shadow:0 2px 12px var(--shadow-color);padding:var(--spacing-xl);border:1.5px solid var(--border-color);transition:box-shadow .2s,border .2s,transform .2s}.activity-card:hover,.chart-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 24px var(--shadow-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin:0}.view-all-button{background:none;border:none;color:var(--primary-color);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:color .2s;padding:.3rem .8rem;border-radius:var(--border-radius-md)}.view-all-button:hover{background:var(--gradient-main);color:#fff}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);background:var(--background-page);box-shadow:0 1px 4px #6366f10a;transition:background .2s,box-shadow .2s}.activity-item:hover{background:#e0e7ff;box-shadow:0 2px 8px #6366f114}.activity-icon{width:44px;height:44px;border-radius:50%;background:var(--gradient-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:22px;height:22px;stroke:currentColor}.activity-content{flex:1}.activity-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-heading-color);margin:0 0 .1rem}.activity-description{font-size:var(--font-size-base);color:var(--text-secondary-color);margin:0 0 .1rem;line-height:1.4}.activity-time{font-size:var(--font-size-sm);color:var(--text-muted-color);font-weight:500}.no-activity-message{text-align:center;color:var(--text-secondary-color);padding:var(--spacing-xl);font-style:italic}.chart-controls{display:flex;align-items:center;gap:var(--spacing-md)}.chart-type-selector{display:flex;background:var(--background-page);border-radius:var(--border-radius-lg);padding:4px;gap:4px}.chart-type-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 12px;background:transparent;border:none;border-radius:var(--border-radius-md);color:var(--primary-color);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background .2s,color .2s}.chart-type-button svg{width:18px;height:18px;stroke:currentColor}.chart-type-button:hover{background:var(--gradient-main);color:#fff}.chart-type-button.active{background:var(--primary-color);color:#fff}.chart-content{height:350px;padding:var(--spacing-md) 0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg);background:var(--background-card);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);box-shadow:0 4px 20px var(--shadow-color)}.dashboard-loading .loading-spinner{width:54px;height:54px;border:4px solid #e0e7ff;border-top:4px solid var(--primary-color);border-radius:50%;animation:modernSpin 1s cubic-bezier(.4,0,.2,1) infinite}.dashboard-loading p{color:var(--text-secondary-color);font-weight:600;margin:0;font-size:var(--font-size-lg)}.dashboard-loading button{padding:12px 28px;background:var(--gradient-main);color:#fff;border:none;border-radius:var(--border-radius-lg);font-weight:700;cursor:pointer;transition:background .3s,transform .2s;box-shadow:0 4px 12px #6366f12e;font-size:var(--font-size-base)}.dashboard-loading button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #6366f138}@keyframes modernSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1023px){.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width: 767px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:var(--font-size-base)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.stat-icon{width:44px;height:44px}.stat-icon svg{width:22px;height:22px}.stat-value{font-size:1.5rem}.activity-card,.chart-card{padding:var(--spacing-md)}.card-title{font-size:var(--font-size-lg)}.chart-content{height:200px}}.chart-container{position:relative;height:100%;width:100%;min-height:300px}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#64748b;text-align:center}.chart-empty-icon{margin-bottom:1rem}.chart-empty-icon svg{width:48px;height:48px;color:#cbd5e1}.chart-empty p{margin:0;font-size:1rem;font-weight:500}.chart-container canvas{border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-container{animation:fadeIn .6s ease-out}.organizations{width:100%;max-width:1400px;margin:0 auto}.organizations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg)}.organizations-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.organizations-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:var(--spacing-md)}.create-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.create-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.create-button svg{width:18px;height:18px}.organizations-content{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm)}.content-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);gap:var(--spacing-md)}.search-container{flex:1;max-width:400px}.search-icon{position:absolute;left:var(--spacing-md);width:20px;height:20px;color:var(--text-secondary);z-index:1}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 20px);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.search-input::placeholder{color:var(--text-light)}.filters{display:flex;gap:var(--spacing-md)}.filter-select{padding:var(--spacing-md);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--text-primary);background-color:var(--bg-primary);cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--primary-color)}.table-container{overflow-x:auto}.organizations-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.organizations-table th{background-color:var(--bg-secondary);padding:var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--bg-tertiary);white-space:nowrap}.organizations-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--bg-tertiary);vertical-align:top}.organizations-table tbody tr:hover{background-color:var(--bg-tertiary)}.organization-info{display:flex;align-items:center;gap:var(--spacing-md)}.org-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);flex-shrink:0}.org-details{flex:1;min-width:0}.org-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs);line-height:1.2}.org-address{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.3}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-email{font-size:var(--font-size-sm);color:var(--text-primary);margin:0;font-weight:500}.contact-phone{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#dcfce7;color:var(--success-color)}.status-badge.inactive{background-color:#fef2f2;color:var(--error-color)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-xs);background-color:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius-lg);font-size:var(--font-size-xs);font-weight:600}.date-text{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-btn{width:32px;height:32px;border:none;border-radius:var(--border-radius-md);background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn:hover{background-color:var(--primary-color);color:var(--text-white)}.action-btn svg{width:16px;height:16px}.action-btn.view:hover{background-color:var(--info-color)}.action-btn.edit:hover{background-color:var(--accent-color)}.action-btn.delete:hover{background-color:var(--error-color)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--text-secondary)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-lg);color:var(--text-light)}.empty-state h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.empty-state p{font-size:var(--font-size-sm);margin:0}.organizations-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg)}.organizations-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.organizations-loading p{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}@media (max-width: 1023px){.content-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-container{max-width:none}.organizations-table{font-size:var(--font-size-xs)}.organizations-table th,.organizations-table td{padding:var(--spacing-md)}}@media (max-width: 767px){.organizations-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.organizations-title{font-size:var(--font-size-2xl)}.organizations-subtitle{font-size:var(--font-size-base)}.header-actions{width:100%}.create-button{width:100%;justify-content:center}.organizations-table{font-size:var(--font-size-xs)}.organizations-table th,.organizations-table td{padding:var(--spacing-sm)}.organization-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.org-avatar{width:32px;height:32px;font-size:var(--font-size-xs)}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}}@media (min-width: 1024px){.organizations-table{font-size:var(--font-size-sm)}}:root{--primary-rgb: 97, 140, 53;--background-page: var(--bg-secondary);--background-card: var(--bg-primary);--text-color: var(--text-primary);--text-secondary-color: var(--text-secondary);--text-muted-color: var(--text-muted);--text-heading-color: var(--text-primary);--border-color: var(--gray-300);--shadow-color: rgba(44, 62, 31, .05);--shadow-sm: 0 1px 2px 0 rgba(44, 62, 31, .05);--shadow-md: 0 4px 6px -1px rgba(44, 62, 31, .1), 0 2px 4px -2px rgba(44, 62, 31, .1);--shadow-lg: 0 10px 15px -3px rgba(44, 62, 31, .1), 0 4px 6px -2px rgba(44, 62, 31, .05);--success-color: var(--success);--error-color: var(--error);--error-dark: var(--error-dark);--warning-color: var(--warning);--info-color: var(--info);--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px}.business-owners{padding:2rem;max-width:1200px;margin:0 auto}.business-owners-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.business-owners-title{font-size:2.5rem;font-weight:700;color:var(--text-heading-color);margin-bottom:.5rem;letter-spacing:-.05em}.business-owners-subtitle{font-size:1rem;color:var(--text-secondary-color)}.business-owners-content{background-color:var(--background-card);border-radius:8px;box-shadow:0 4px 10px var(--shadow-color);padding:1.5rem}.business-owners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.business-owner-card{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.business-owner-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.owner-info{flex:1}.owner-name{font-size:1.25rem;font-weight:600;color:var(--text-heading-color);margin:0 0 .25rem}.owner-email{color:var(--text-secondary-color);margin:0 0 .25rem;font-size:.875rem}.owner-phone{color:var(--text-secondary-color);margin:0;font-size:.875rem}.owner-status{flex-shrink:0}.status-badge{display:inline-block;padding:.3em .8em;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.owner-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.detail-label{font-weight:500;color:var(--text-color);font-size:.875rem}.detail-value{color:var(--text-secondary-color);font-size:.875rem}.business-owners-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary-color);text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:var(--background-page);border-radius:var(--border-radius-xl);border:2px dashed var(--border-color);box-shadow:none;color:var(--text-secondary-color)}.empty-state svg{width:4rem;height:4rem;color:var(--text-muted-color);margin-bottom:1.5rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:var(--text-heading-color);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary-color);margin:0 0 2rem;font-size:1rem}@media (max-width: 768px){.business-owners-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{margin-left:0;width:100%}.create-button{width:100%;justify-content:center}.content-header{flex-direction:column;align-items:stretch}.search-container{min-width:100%}.filters{width:100%}}@media (max-width: 480px){.modal{padding:1.5rem 1rem}.modal h2{font-size:1.5rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.material-btn{width:100%}.action-button{flex:none;width:100%}.card-actions{flex-direction:column;gap:.75rem}}:root{--primary-rgb: 97, 140, 53;--background-page: var(--bg-secondary);--background-card: var(--bg-primary);--text-color: var(--text-primary);--text-secondary-color: var(--text-secondary);--text-muted-color: var(--text-muted);--text-heading-color: var(--text-primary);--border-color: var(--gray-300);--shadow-color: rgba(44, 62, 31, .05);--success-color: var(--success);--error-color: var(--error);--error-dark: var(--error-dark);--warning-color: var(--warning)}.plans{padding:2rem;max-width:1200px;margin:0 auto}.plans-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.plans-title{font-size:2.5rem;font-weight:700;color:var(--text-heading-color);margin-bottom:.5rem;letter-spacing:-.05em}.plans-subtitle{font-size:1rem;color:var(--text-secondary-color)}.create-button:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black);transform:translateY(-1px)}.plans-content{background-color:var(--background-card);border-radius:8px;box-shadow:0 4px 10px var(--shadow-color);padding:1.5rem}.plans-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;color:var(--text-color)}.plans-table thead th{background-color:var(--background-page);text-align:left;padding:1rem 1.25rem;font-weight:600;color:var(--text-heading-color);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border-color)}.plans-table thead th:last-child{border-bottom:1px solid var(--border-color)}.plans-table tbody tr{transition:background-color .2s ease}.plans-table tbody tr:nth-child(2n){background-color:#fcfcfd}.plans-table tbody tr:hover{background-color:#f0f4f8}.plans-table td{padding:1rem 1.25rem;vertical-align:middle;border-bottom:1px solid var(--border-color);white-space:nowrap}.plans-table th:nth-child(1),.plans-table td:nth-child(1){width:20%;white-space:normal}.plans-table th:nth-child(2),.plans-table td:nth-child(2){width:15%}.plans-table th:nth-child(3),.plans-table td:nth-child(3){width:10%}.plans-table th:nth-child(4),.plans-table td:nth-child(4){width:10%;text-align:right;font-weight:600;color:var(--text-heading-color)}.plans-table th:nth-child(5),.plans-table td:nth-child(5){width:10%}.plans-table th:nth-child(6),.plans-table td:nth-child(6){width:10%;text-align:center}.plans-table th:nth-child(7),.plans-table td:nth-child(7){width:10%;text-align:center}.plans-table th:nth-child(8),.plans-table td:nth-child(8){width:15%}.plans-table th:nth-child(9),.plans-table td:nth-child(9){width:10%;text-align:center;white-space:nowrap}.plan-info{display:flex;flex-direction:column;gap:.25rem}.plan-name{font-weight:600;color:var(--text-heading-color);margin:0}.plan-description{font-size:.85rem;color:var(--text-secondary-color);margin:0;white-space:normal}.plans-table td[colspan="9"]{padding:2rem 1.25rem;font-style:italic;color:var(--text-muted-color);text-align:center}.plans-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary-color);text-align:center}@media (max-width: 768px){.plans-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{margin-left:0;width:100%}.create-button{width:100%;justify-content:center}.content-header{flex-direction:column;align-items:stretch}.search-container{min-width:100%}.filters,.filters .filter-select{width:100%}}.subscriptions{padding:2rem;max-width:1200px;margin:0 auto}.subscriptions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.subscriptions-title{font-size:2.5rem;font-weight:700;color:var(--text-heading-color);margin-bottom:.5rem;letter-spacing:-.05em}.subscriptions-subtitle{font-size:1rem;color:var(--text-secondary-color)}.subscriptions-content{background-color:var(--background-card);border-radius:8px;box-shadow:0 4px 10px var(--shadow-color);padding:1.5rem}.subscriptions-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;color:var(--text-color)}.subscriptions-table thead th{background-color:var(--background-page);text-align:left;padding:1rem 1.25rem;font-weight:600;color:var(--text-heading-color);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border-color)}.subscriptions-table tbody tr{transition:background-color .2s ease}.subscriptions-table tbody tr:nth-child(2n){background-color:#fcfcfd}.subscriptions-table tbody tr:hover{background-color:#f0f4f8}.subscriptions-table td{padding:1rem 1.25rem;vertical-align:middle;border-bottom:1px solid var(--border-color);white-space:nowrap}.subscriptions-table th:nth-child(1),.subscriptions-table td:nth-child(1){width:20%}.subscriptions-table th:nth-child(2),.subscriptions-table td:nth-child(2){width:18%;white-space:normal}.subscriptions-table th:nth-child(3),.subscriptions-table td:nth-child(3){width:18%}.subscriptions-table th:nth-child(4),.subscriptions-table td:nth-child(4){width:10%;text-align:center}.subscriptions-table th:nth-child(5),.subscriptions-table td:nth-child(5){width:10%}.subscriptions-table th:nth-child(6),.subscriptions-table td:nth-child(6){width:10%}.subscriptions-table th:nth-child(7),.subscriptions-table td:nth-child(7){width:8%}.subscriptions-table th:nth-child(8),.subscriptions-table td:nth-child(8){width:8%;text-align:center;white-space:nowrap}.status-badge.expired{background-color:color-mix(in srgb,var(--warning-color) 20%,transparent);color:var(--warning-color)}.status-badge.trial{background-color:color-mix(in srgb,var(--info-color) 20%,transparent);color:var(--info-color)}.status-change-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-card);border:1px solid var(--border-color);padding:.5rem;border-radius:8px;font-size:.85rem;cursor:pointer;color:var(--text-color);transition:all .2s ease;outline:none;text-align:center}.status-change-select:hover{border-color:var(--primary-color)}.subscriptions-table td[colspan="8"]{padding:2rem 1.25rem;font-style:italic;color:var(--text-muted-color);text-align:center}.subscriptions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary-color);text-align:center}@media (max-width: 768px){.subscriptions-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{margin-left:0;width:100%}.create-button{width:100%;justify-content:center}.content-header{flex-direction:column;align-items:stretch}.search-container{min-width:100%}.filters,.filters .filter-select{width:100%}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.licenses{padding:2rem;max-width:1200px;margin:0 auto}.licenses-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.licenses-title{font-size:2.5rem;font-weight:700;color:var(--text-heading-color);margin-bottom:.5rem;letter-spacing:-.05em}.licenses-subtitle{font-size:1rem;color:var(--text-secondary-color)}.create-button{background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:background-color .2s ease,transform .1s ease}.create-button:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.create-button:disabled{opacity:.6;cursor:not-allowed}.create-button svg{width:20px;height:20px;stroke:#fff}.licenses-content{background-color:var(--background-card);border-radius:8px;box-shadow:0 4px 10px var(--shadow-color);padding:1.5rem}.filters .filter-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-color);background-color:var(--background-card);cursor:pointer;transition:border-color .2s ease;outline:none}.licenses-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;color:var(--text-color)}.licenses-table thead th{background-color:var(--background-page);text-align:left;padding:1rem 1.25rem;font-weight:600;color:var(--text-heading-color);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border-color)}.licenses-table tbody tr{transition:background-color .2s ease}.licenses-table tbody tr:nth-child(2n){background-color:#fcfcfd}.licenses-table tbody tr:hover{background-color:#f0f4f8}.licenses-table td{padding:1rem 1.25rem;vertical-align:middle;border-bottom:1px solid var(--border-color);white-space:nowrap}.licenses-table th:nth-child(1),.licenses-table td:nth-child(1){width:15%;white-space:normal}.licenses-table th:nth-child(2),.licenses-table td:nth-child(2){width:15%}.licenses-table th:nth-child(3),.licenses-table td:nth-child(3){width:12%}.licenses-table th:nth-child(4),.licenses-table td:nth-child(4){width:15%}.licenses-table th:nth-child(5),.licenses-table td:nth-child(5){width:15%;white-space:normal}.licenses-table th:nth-child(6),.licenses-table td:nth-child(6){width:10%}.licenses-table th:nth-child(7),.licenses-table td:nth-child(7){width:8%;text-align:center}.licenses-table th:nth-child(8),.licenses-table td:nth-child(8){width:10%;text-align:center;white-space:nowrap}.license-info{display:flex;flex-direction:column;gap:.25rem}.license-key{font-weight:600;color:var(--text-heading-color);margin:0}.license-info small{font-size:.8em;color:var(--text-secondary-color)}.status-badge.active{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color)}.status-badge.inactive{background-color:color-mix(in srgb,var(--error-color) 20%,transparent);color:var(--error-color)}.activation-status{display:inline-flex;align-items:center;gap:.3em;padding:.3em .8em;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.activation-status svg{width:14px;height:14px;stroke-width:2.5}.activation-status.activated{background-color:color-mix(in srgb,var(--success-color) 20%,transparent);color:var(--success-color)}.activation-status.pending{background-color:color-mix(in srgb,var(--warning-color) 20%,transparent);color:var(--warning-color)}.action-btn.toggle-active:hover{color:var(--success-color)}.action-btn.activate:hover{color:var(--info-color)}.licenses-table td[colspan="8"]{padding:2rem 1.25rem;font-style:italic;color:var(--text-muted-color);text-align:center}.licenses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary-color);text-align:center}.material-field input,.material-field select,.material-field textarea{width:100%;padding:1.25rem .75rem .5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-card);color:var(--text-color);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.material-field label{position:absolute;left:.75rem;top:.8rem;font-size:1rem;color:var(--text-secondary-color);pointer-events:none;transition:all .2s ease-out;background-color:transparent}.material-field input:focus+label,.material-field input:not(:placeholder-shown)+label,.material-field textarea:focus+label,.material-field textarea:not(:placeholder-shown)+label,.material-field select:focus+label,.material-field select:not([value=""])+label{top:.25rem;font-size:.75rem;color:var(--primary-color);background-color:var(--background-card);padding:0 .25rem;left:.5rem;transform:translateY(-50%)}@media (max-width: 768px){.licenses-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{margin-left:0;width:100%}.create-button{width:100%;justify-content:center}.content-header{flex-direction:column;align-items:stretch}.search-container{min-width:100%}.filters,.filters .filter-select{width:100%}}@media (max-width: 480px){.modal{padding:1.5rem 1rem}.modal h2{font-size:1.5rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.material-btn{width:100%}}.react-datepicker-wrapper{width:100%;display:block}.datepicker-input{width:100%;padding:1.25rem .75rem .5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-card);color:var(--text-color);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;box-sizing:border-box}.datepicker-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.react-datepicker{font-family:inherit;border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-md);padding:.5rem;background-color:var(--background-card);color:var(--text-color)}.react-datepicker__header{background-color:var(--background-page);border-bottom:1px solid var(--border-color);padding-top:.8rem;font-weight:600}.react-datepicker__current-month{color:var(--text-heading-color)}.react-datepicker__day-name{color:var(--text-secondary-color);font-weight:500}.react-datepicker__day{color:var(--text-color);border-radius:var(--border-radius-sm);transition:background-color .2s ease,color .2s ease}.react-datepicker__day:hover{background-color:var(--background-page)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--primary-color)!important;color:#fff!important;border-radius:var(--border-radius-sm)}.react-datepicker__day--outside-month{color:var(--text-muted-color)}.react-datepicker__time-container{border-left:1px solid var(--border-color);margin-left:.5rem}.react-datepicker__time-list-item{color:var(--text-color)}.react-datepicker__time-list-item--selected{background-color:var(--primary-color)!important;color:#fff!important}.react-datepicker__navigation-icon:before{border-color:var(--primary-color)!important}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-bottom-color:var(--border-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.loading-spinner{position:relative;width:80px;height:80px;margin-bottom:var(--spacing-lg)}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(1){animation-delay:0s}.spinner-ring:nth-child(2){width:70%;height:70%;top:15%;left:15%;border-top-color:var(--primary-light);animation-delay:.1s}.spinner-ring:nth-child(3){width:50%;height:50%;top:25%;left:25%;border-top-color:var(--accent-color);animation-delay:.2s}.spinner-ring:nth-child(4){width:30%;height:30%;top:35%;left:35%;border-top-color:var(--secondary-color);animation-delay:.3s}.loading-text{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:500;margin:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 767px){.loading-spinner{width:60px;height:60px}.loading-text{font-size:var(--font-size-base)}}@media (min-width: 1024px){.loading-spinner{width:100px;height:100px}.loading-text{font-size:var(--font-size-xl)}}.products{padding:2rem;max-width:1200px;margin:0 auto}.products-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-content{flex:1}.products-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.products-subtitle{color:#6b7280;margin:0;font-size:1rem}.header-actions{display:flex;gap:1rem}.create-button{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.create-button:hover{background:#2563eb;transform:translateY(-1px)}.create-button svg{width:1.25rem;height:1.25rem}.products-content{min-height:400px}.error-message{display:flex;align-items:center;gap:.75rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.error-message svg{width:1.25rem;height:1.25rem;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:.75rem;border:2px dashed #d1d5db}.empty-state svg{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1.5rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 2rem;font-size:1rem}.empty-state-button{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.empty-state-button:hover{background:#2563eb;transform:translateY(-1px)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.product-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.product-info{flex:1}.product-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.product-description{color:#6b7280;margin:0;font-size:.875rem;line-height:1.4}.product-status{flex-shrink:0}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#dc2626}.card-body{margin-bottom:1.5rem}.product-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:500;color:#374151;font-size:.875rem;flex-shrink:0;margin-right:1rem}.detail-value{color:#6b7280;font-size:.875rem;text-align:right;word-break:break-word}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;flex:1;justify-content:center;min-width:0}.action-button svg{width:1rem;height:1rem}.action-button.edit{background:#f3f4f6;color:#374151}.action-button.edit:hover{background:#e5e7eb}.action-button.activate{background:#dcfce7;color:#166534}.action-button.activate:hover{background:#bbf7d0}.action-button.deactivate{background:#fef3c7;color:#92400e}.action-button.deactivate:hover{background:#fde68a}.action-button.delete{background:#fef2f2;color:#dc2626}.action-button.delete:hover{background:#fecaca}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:.75rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;color:#6b7280;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-close svg{width:1.25rem;height:1.25rem}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error{border-color:#dc2626}.form-group .error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem;display:block}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid #e5e7eb}.cancel-button{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.cancel-button:hover{background:#f9fafb}.submit-button{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.submit-button:hover:not(:disabled){background:#2563eb}.submit-button:disabled{opacity:.6;cursor:not-allowed}.delete-button{padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.delete-button:hover{background:#b91c1c}.modal-body{padding:1.5rem}.modal-body p{color:#6b7280;margin:0 0 1rem;line-height:1.5}.modal-body p:last-child{margin-bottom:0}.modal-body strong{color:#1f2937;font-weight:600}@media (max-width: 768px){.products{padding:1rem}.products-header{flex-direction:column;gap:1rem}.products-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.action-button{flex:none}.modal{margin:1rem;max-height:calc(100vh - 2rem)}.modal-actions{flex-direction:column}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:var(--spacing-lg)}.login-card{background-color:var(--bg-primary);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);width:100%;max-width:400px;animation:slideInUp .5s ease-out}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-logo{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.login-logo svg{width:48px;height:48px}.login-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.login-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-md);width:20px;height:20px;color:var(--text-secondary);z-index:1}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 2 + 20px);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled{background-color:var(--bg-tertiary);cursor:not-allowed}.form-input::placeholder{color:var(--text-light)}.form-options{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.checkbox{display:none}.checkmark{width:18px;height:18px;border:2px solid var(--bg-tertiary);border-radius:var(--border-radius-sm);position:relative;transition:all .2s ease}.checkbox:checked+.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-password{font-size:var(--font-size-sm);color:var(--primary-color);text-decoration:none;transition:color .2s ease}.forgot-password:hover{color:var(--primary-dark)}.login-button{width:100%;padding:var(--spacing-md);background-color:var(--primary-color);color:var(--text-white);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.login-button:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button.loading{background-color:var(--primary-dark)}.spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius-lg);color:var(--error-color);font-size:var(--font-size-sm)}.error-message svg{width:20px;height:20px;flex-shrink:0}.login-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--bg-tertiary)}.footer-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.footer-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s ease}.footer-link:hover{color:var(--primary-dark)}@media (max-width: 767px){.login-container{padding:var(--spacing-md)}.login-card{padding:var(--spacing-xl)}.login-title{font-size:var(--font-size-xl)}.form-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}}@media (min-width: 1024px){.login-card{max-width:450px}.login-title{font-size:var(--font-size-3xl)}}.contact-requests{padding:2rem;max-width:1200px;margin:0 auto}.contact-requests-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);gap:var(--spacing-lg)}.header-content{flex-grow:1}.contact-requests-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-heading-color);margin-bottom:.5rem;letter-spacing:-.05em}.contact-requests-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary-color);margin:0}.header-actions{margin-left:2rem;flex-shrink:0}.contact-requests-content{background-color:var(--background-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:1.5rem}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.search-container{flex-grow:1;min-width:250px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;width:20px;height:20px;color:var(--text-muted-color)}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.filters .filter-select{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-color);background-color:var(--background-card);cursor:pointer;transition:border-color .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filters .filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.contact-requests-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;color:var(--text-color)}.contact-requests-table thead th{background-color:var(--background-page);text-align:left;padding:1rem 1.25rem;font-weight:600;color:var(--text-heading-color);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border-color)}.contact-requests-table tbody tr{transition:background-color .2s ease}.contact-requests-table tbody tr.pending-row{background-color:var(--status-pending-bg);border-left:4px solid var(--status-pending-text)}.contact-requests-table tbody tr.pending-row:hover{background-color:color-mix(in srgb,var(--status-pending-bg) 90%,black)}.contact-requests-table tbody tr:nth-child(2n):not(.pending-row){background-color:#fcfcfd}.contact-requests-table tbody tr:hover:not(.pending-row){background-color:#f0f4f8}.contact-requests-table td{padding:1rem 1.25rem;vertical-align:middle;border-bottom:1px solid var(--border-color);white-space:nowrap}.contact-requests-table th:nth-child(1),.contact-requests-table td:nth-child(1){width:18%;white-space:normal}.contact-requests-table th:nth-child(2),.contact-requests-table td:nth-child(2){width:18%;white-space:normal}.contact-requests-table th:nth-child(3),.contact-requests-table td:nth-child(3){width:18%;white-space:normal}.contact-requests-table th:nth-child(4),.contact-requests-table td:nth-child(4){width:12%;text-align:center}.contact-requests-table th:nth-child(5),.contact-requests-table td:nth-child(5){width:10%}.contact-requests-table th:nth-child(6),.contact-requests-table td:nth-child(6){width:14%;white-space:normal}.contact-requests-table th:nth-child(7),.contact-requests-table td:nth-child(7){width:10%;text-align:center;white-space:nowrap}.status-badge{display:inline-block;padding:.3em .8em;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-badge.contacted{background-color:var(--status-contacted-bg);color:var(--status-contacted-text)}.status-badge.processed{background-color:var(--status-processed-bg);color:var(--status-processed-text)}.status-badge.archived{background-color:var(--status-archived-bg);color:var(--status-archived-text)}.status-badge.rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.date-text{font-size:.85rem;color:var(--text-secondary-color)}.action-buttons{display:flex;justify-content:center;gap:.25rem}.action-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease,color .2s ease;color:var(--text-secondary-color);display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.action-btn svg{width:20px;height:20px;stroke-width:2}.action-btn:hover{background-color:rgba(var(--primary-rgb),.1)}.action-btn.edit:hover{color:var(--primary-color)}.action-btn.delete:hover{color:var(--error-color)}.action-btn.status-quick-change-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-card);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:8px;font-size:.75rem;cursor:pointer;color:var(--text-color);transition:all .2s ease;outline:none;text-align:center;min-width:70px;height:36px;display:flex;align-items:center;justify-content:center;line-height:1}.action-btn.status-quick-change-select:hover{border-color:var(--primary-color)}.contact-requests-table td[colspan="7"]{padding:2rem 1.25rem;font-style:italic;color:var(--text-muted-color);text-align:center}.contact-requests-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary-color);text-align:center}.loading-spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background-color:var(--background-card);border-radius:8px;box-shadow:0 5px 15px var(--shadow-color);padding:2rem;width:90%;max-width:500px;position:relative;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out;color:var(--text-color)}.modal h2{color:var(--text-heading-color);margin-bottom:1.5rem;font-size:1.8rem;font-weight:700}.material-field{position:relative;margin-bottom:1.5rem}.material-field input,.material-field select,.material-field textarea{width:100%;padding:1.25rem .75rem .5rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-card);color:var(--text-color);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.material-field input::placeholder,.material-field textarea::placeholder{color:transparent}.material-field label{position:absolute;left:.75rem;top:.8rem;font-size:1rem;color:var(--text-secondary-color);pointer-events:none;transition:all .2s ease-out;background-color:var(--background-card);padding:0 .25rem;transform:translateY(-50%) translateZ(0);z-index:1}.material-field input:focus+label,.material-field input:not(:placeholder-shown)+label,.material-field textarea:focus+label,.material-field textarea:not(:placeholder-shown)+label,.material-field select:focus+label,.material-field select:not([value=""])+label{top:.25rem;font-size:.75rem;color:var(--primary-color);left:.5rem}.material-field input:focus,.material-field select:focus,.material-field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.material-helper{font-size:.8rem;color:var(--text-muted-color);margin-top:.25rem;display:block}.material-checkbox{display:flex;align-items:center;gap:.5em;cursor:pointer;font-weight:500;color:var(--text-color);-webkit-user-select:none;user-select:none}.material-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--text-secondary-color);border-radius:4px;transition:all .2s ease;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.material-checkbox input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.material-checkbox input[type=checkbox]:checked:after{content:"✔";color:#fff;font-size:1rem;line-height:1;position:absolute}.material-checkbox input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.material-btn{padding:.75rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease;border:1px solid transparent;font-size:1rem}.material-btn:disabled{opacity:.5;cursor:not-allowed}.material-btn.outline{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.material-btn.outline:hover:not(:disabled){background:rgba(var(--primary-rgb),.1)}.error-message{color:var(--error-dark);background-color:color-mix(in srgb,var(--error-color) 10%,transparent);border:1px solid var(--error-color);padding:.75rem 1rem;border-radius:6px;font-size:.9rem;line-height:1.4;margin-top:1rem;text-align:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-section .section-title{font-size:1.1rem;font-weight:600;color:var(--text-heading-color);margin-bottom:1rem}.detail-section .detail-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.detail-section .detail-label{font-weight:500;color:var(--text-color);font-size:.9rem}.detail-section .detail-value{color:var(--text-secondary-color);font-size:.9rem;text-align:right}.detail-section .detail-item.full-width{grid-column:span 2}@media (max-width: 768px){.contact-requests-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{margin-left:0;width:100%}.create-button{width:100%;justify-content:center}.content-header{flex-direction:column;align-items:stretch}.search-container{min-width:100%}.filters,.filters .filter-select{width:100%}}@media (max-width: 480px){.modal{padding:1.5rem 1rem}.modal h2{font-size:1.5rem}.modal-actions{flex-direction:column-reverse;gap:.75rem}.material-btn{width:100%}.detail-section .detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-section .detail-value{text-align:left}}.process-contact-request-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;border-radius:12px 12px 0 0;text-align:center}.modal-header h2{margin:0 0 8px;font-size:24px;font-weight:700;letter-spacing:-.5px}.modal-subtitle{margin:0;font-size:14px;opacity:.9;font-weight:400}.process-form{padding:32px;background:#fafbfc}.form-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e1e5e9}.section-title{margin:0 0 20px;font-size:16px;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:8px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-label{display:flex;flex-direction:column;gap:6px}.form-label.full-width{grid-column:1 / -1}.label-text{font-size:14px;font-weight:500;color:#4a5568;margin-bottom:4px}.form-input,.form-select,.form-textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;background:#fff;color:#2d3748}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-input::placeholder{color:#a0aec0}.form-textarea{resize:vertical;min-height:80px;line-height:1.5}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.btn-secondary{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.process-status{margin-top:20px;padding:16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.status-message{color:#0369a1;font-size:14px;font-weight:500;text-align:center}.error-message,.success-message{margin-top:16px;padding:16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.error-icon,.success-icon{font-size:16px}@media (max-width: 768px){.process-contact-request-modal{margin:16px;max-height:calc(100vh - 32px)}.modal-header{padding:20px 24px}.modal-header h2{font-size:20px}.process-form{padding:24px 20px}.form-section{padding:20px;margin-bottom:20px}.form-row{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column;gap:12px}.btn{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-section{animation:fadeIn .3s ease-out}.process-contact-request-modal::-webkit-scrollbar{width:8px}.process-contact-request-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.process-contact-request-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.process-contact-request-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}