@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-50:#ecfdf5;--primary-100:#d1fae5;--primary-200:#a7f3d0;--primary-300:#6ee7b7;--primary-400:#34d399;--primary-500:#10b981;--primary-600:#059669;--primary-700:#047857;--primary-800:#065f46;--primary-900:#064e3b;--primary-950:#022c22;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--danger-500:#ef4444;--danger-600:#dc2626;--warning-500:#f59e0b;--success-500:#10b981;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--radius-input:12px;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--bg-body:var(--gray-50);--bg-surface:#fff;--bg-surface-hover:var(--gray-50);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--border-color:var(--gray-200);--navbar-height:64px}[data-accent=emerald]{--primary-50:#ecfdf5;--primary-100:#d1fae5;--primary-200:#a7f3d0;--primary-300:#6ee7b7;--primary-400:#34d399;--primary-500:#10b981;--primary-600:#059669;--primary-700:#047857;--primary-800:#065f46;--primary-900:#064e3b;--primary-950:#022c22}[data-accent=blue]{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-950:#172554}[data-accent=violet]{--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95;--primary-950:#2e1065}[data-accent=rose]{--primary-50:#fff1f2;--primary-100:#ffe4e6;--primary-200:#fecdd3;--primary-300:#fda4af;--primary-400:#fb7185;--primary-500:#f43f5e;--primary-600:#e11d48;--primary-700:#be123c;--primary-800:#9f1239;--primary-900:#881337;--primary-950:#4c0519}[data-accent=amber]{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--primary-950:#451a03}[data-accent=teal]{--primary-50:#f0fdfa;--primary-100:#ccfbf1;--primary-200:#99f6e4;--primary-300:#5eead4;--primary-400:#2dd4bf;--primary-500:#14b8a6;--primary-600:#0d9488;--primary-700:#0f766e;--primary-800:#115e59;--primary-900:#134e4a;--primary-950:#042f2e}[data-theme=dark]{--bg-body:var(--gray-950);--bg-surface:var(--gray-900);--bg-surface-hover:var(--gray-800);--text-primary:var(--gray-50);--text-secondary:var(--gray-300);--border-color:var(--gray-800);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body{background-color:var(--bg-body);width:100%;height:100%;color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3}[data-theme=dark] .glass{background:#111827b3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-700)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=number],input[type=search],input[type=date],input[type=time],input[type=datetime-local],select,textarea{color:var(--text-primary);background:var(--bg-body);border:1.5px solid var(--border-color);border-radius:var(--radius-input);outline:none;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background-color .2s}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=password],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=url],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local],[data-theme=dark] select,[data-theme=dark] textarea{background:#ffffff0a;border-color:#ffffff1a}input:focus,select:focus,textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #10b9811f}input::placeholder,textarea::placeholder{color:var(--gray-400);font-weight:400}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--gray-600)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;padding-right:2.5rem}textarea{resize:vertical;min-height:80px}[data-theme=dark] input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--gray-900) inset!important;-webkit-text-fill-color:var(--gray-50)!important;border-color:#ffffff1a!important}[data-theme=dark] input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--gray-900) inset!important;-webkit-text-fill-color:var(--gray-50)!important;border-color:#ffffff1a!important}[data-theme=dark] input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--gray-900) inset!important;-webkit-text-fill-color:var(--gray-50)!important;border-color:#ffffff1a!important}.public-layout{flex-direction:column;min-height:100vh;display:flex}.public-header{height:var(--navbar-height);z-index:50;border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{color:var(--primary-500);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-text{color:var(--text-primary)}.nav-links{align-items:center;gap:1.5rem;display:flex}.theme-toggle{color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.5rem;display:flex}.theme-toggle:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.btn-primary{background-color:var(--primary-500);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem 1.25rem;font-weight:500}.btn-primary:hover{background-color:var(--primary-600);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);transition:color var(--transition-fast);font-weight:500}.btn-secondary:hover{color:var(--primary-500)}.public-main{margin-top:var(--navbar-height);flex:1}.public-footer{border-top:1px solid var(--border-color);background-color:var(--bg-surface);text-align:center;color:var(--text-secondary);padding:3rem 0}.desktop-only{display:flex!important}.mobile-only{display:none!important}.menu-toggle-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.mobile-menu{top:var(--navbar-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);opacity:0;visibility:hidden;z-index:45;box-shadow:var(--shadow-lg);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;left:0;right:0;transform:translateY(-100%)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-links{flex-direction:column;gap:1.25rem;display:flex}.mobile-nav-item{color:var(--text-primary);padding:.5rem 0;font-size:1.125rem;font-weight:600;text-decoration:none}.mobile-nav-btn{background-color:var(--primary-500);color:#fff;border-radius:var(--radius-md);text-align:center;padding:.875rem;font-weight:600;text-decoration:none}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.public-header{background-color:var(--bg-surface)}}.dashboard-layout{background-color:var(--bg-body);height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);width:260px;transition:transform var(--transition-normal);z-index:40;flex-direction:column;display:flex}.sidebar-header{height:var(--navbar-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1rem;display:flex;overflow-y:auto}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-weight:500;display:flex}.w-100{width:100%}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .nav-item.active{background-color:var(--primary-900);color:var(--primary-400)}.nav-icon{flex-shrink:0}.sidebar-footer{border-top:1px solid var(--border-color);padding:1.5rem 1rem}.text-danger{color:var(--danger-500)}.text-danger:hover{background-color:#fef2f2}[data-theme=dark] .text-danger:hover{background-color:#450a0a}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{height:var(--navbar-height);border-bottom:1px solid var(--border-color);z-index:30;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.topbar-left{align-items:center;gap:1rem;display:flex}.page-title{color:var(--text-primary);font-size:1.25rem;font-weight:600}.topbar-right{align-items:center;gap:1.5rem;display:flex}.user-profile{cursor:pointer;align-items:center;gap:.75rem;display:flex}.avatar{border-radius:var(--radius-full);background-color:var(--primary-100);width:40px;height:40px;color:var(--primary-600);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex;overflow:hidden}.avatar-img{object-fit:cover;border-radius:inherit;width:100%;height:100%}[data-theme=dark] .avatar{background-color:var(--primary-900);color:var(--primary-300)}.user-info{flex-direction:column;line-height:1.2;display:flex}.user-name{color:var(--text-primary);font-weight:600}.user-role{color:var(--text-secondary);font-size:.75rem}.page-content{flex:1;padding:1.5rem;overflow-y:auto}@media (width<=640px){.page-content{padding:.75rem}}.menu-btn,.close-sidebar{color:var(--text-secondary);border-radius:var(--radius-md);padding:.5rem}.menu-btn:hover,.close-sidebar:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.lg-hidden{display:none}@media (width<=1024px){.lg-hidden{display:flex}.lg-hidden-title{display:none}.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;position:fixed;inset:0}.topbar{padding:0 1rem}}@media (width<=640px){.user-info{display:none}}.notifications-container{position:relative}.icon-btn.theme-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.icon-btn.theme-toggle:hover{background:var(--bg-surface-hover);color:var(--text-primary);transform:translateY(-1px)}.icon-btn.theme-toggle.has-unread{animation:2s infinite bellPulse}@keyframes bellPulse{0%{transform:scale(1)}10%{transform:scale(1.1)rotate(10deg)}20%{transform:scale(1.1)rotate(-10deg)}30%{transform:scale(1.1)rotate(10deg)}40%{transform:scale(1)}to{transform:scale(1)}}.notification-badge{color:#fff;border:2px solid var(--bg-surface);background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:20px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 4px #ef44444d}.notifications-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:100;flex-direction:column;width:360px;animation:.3s cubic-bezier(.16,1,.3,1) slideInDropdown;display:flex;position:absolute;top:calc(100% + 12px);right:-10px;overflow:hidden;box-shadow:0 15px 35px -5px #00000026,0 5px 15px -3px #0000000d}@keyframes slideInDropdown{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.notifications-dropdown{width:calc(100vw - 2rem);right:-60px}}@media (width<=480px){.notifications-dropdown{right:-80px}.topbar-right{gap:1rem}.avatar{width:32px;height:32px;font-size:1rem}}.notifications-header{border-bottom:1px solid var(--border-color);background:linear-gradient(to bottom, var(--bg-surface), var(--bg-body));padding:1.25rem 1.5rem}.notifications-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.notifications-body{scrollbar-width:thin;max-height:400px;overflow-y:auto}.no-notifications{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;font-size:.875rem;display:flex}.notification-item{border-bottom:1px solid var(--border-color);cursor:pointer;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--bg-surface-hover)}.notification-item.unread{background-color:rgba(var(--primary-600-rgb), .04);position:relative}.notification-item.unread:before{content:"";background:var(--primary-600);width:3px;position:absolute;top:0;bottom:0;left:0}.notification-item strong{color:var(--text-primary);font-size:.9375rem;font-weight:600;display:block}.notification-item p{color:var(--text-secondary);margin:0 0 .25rem;font-size:.875rem;line-height:1.5}.notification-item small{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.notifications-footer{text-align:center;color:var(--primary-600);background:var(--bg-surface);border-top:1px solid var(--border-color);padding:1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.notifications-footer:hover{background:var(--bg-body);color:var(--primary-700)}.trial-warning-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#0f766e1a,#0f766e0d);border:1px solid #0f766e33;flex-direction:column;gap:1rem;margin:1.5rem 1rem;padding:1.25rem;animation:.5s ease-out slideInUp;display:flex;position:relative;overflow:hidden}[data-theme=dark] .trial-warning-card{background:linear-gradient(135deg,#14b8a61a,#14b8a60d);border-color:#14b8a633}.trial-warning-card:before{content:"";background:var(--primary-500);filter:blur(40px);opacity:.1;border-radius:50%;width:100px;height:100px;position:absolute;top:-50%;right:-50%}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trial-icon{background-color:var(--primary-100);width:36px;height:36px;color:var(--primary-600);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0f766e1a}[data-theme=dark] .trial-icon{color:var(--primary-400);background-color:#14b8a633}.trial-info{flex-direction:column;gap:.25rem;display:flex}.trial-title{color:var(--text-primary);font-size:.875rem;font-weight:700}.trial-days{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.trial-btn{background-color:var(--primary-600);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.625rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f766e4d}.trial-btn:hover{background-color:var(--primary-700);transform:translateY(-1px);box-shadow:0 6px 15px #0f766e66}.trial-btn:active{transform:translateY(0)}