@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--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;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--success-light:#dcfce7;--success:#22c55e;--success-dark:#16a34a;--warning-light:#fef3c7;--warning:#f59e0b;--warning-dark:#d97706;--error-light:#fee2e2;--error:#ef4444;--error-dark:#dc2626;--info-light:#e0f2fe;--info:#0ea5e9;--info-dark:#0284c7;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg,#1e3a8a,#3b82f6 50%,#60a5fa);--bg-gradient-subtle:linear-gradient(135deg,#eff6ff,#dbeafe);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--text-link:#2563eb;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-dark:#94a3b8;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-blue:0 4px 14px 0 #3b82f663;--shadow-glow:0 0 40px #3b82f626;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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;--font-size-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.64,1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--sidebar-width:280px;--sidebar-collapsed-width:80px;--navbar-height:64px;--content-max-width:1400px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#f8fafc;background-color:var(--bg-secondary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--leading-normal)}#root,body{min-height:100vh}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:600;line-height:1.25;line-height:var(--leading-tight)}h1{font-size:2.25rem;font-size:var(--font-size-4xl)}h2{font-size:1.875rem;font-size:var(--font-size-3xl)}h3{font-size:1.5rem;font-size:var(--font-size-2xl)}h4{font-size:1.25rem;font-size:var(--font-size-xl)}h5{font-size:1.125rem;font-size:var(--font-size-lg)}h6{font-size:1rem;font-size:var(--font-size-base)}p{color:#475569;color:var(--text-secondary);line-height:1.625;line-height:var(--leading-relaxed)}a{color:#2563eb;color:var(--text-link);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--primary-700)}button{border:none;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;outline:none;transition:all .2s ease;transition:all var(--transition-base)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .2s ease;transition:all var(--transition-base);width:100%}input:focus,select:focus,textarea:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #dbeafe;box-shadow:0 0 0 3px var(--primary-100);outline:none}input::placeholder,textarea::placeholder{color:#94a3b8;color:var(--text-tertiary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--neutral-300);-webkit-transition:background .2s ease;transition:background .2s ease;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--neutral-400)}::selection{background-color:#bfdbfe;background-color:var(--primary-200);color:#1e3a8a;color:var(--primary-900)}.container{margin:0 auto;max-width:1400px;max-width:var(--content-max-width);padding:0 1.5rem;padding:0 var(--space-6);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-tertiary{color:#94a3b8;color:var(--text-tertiary)}.bg-white{background-color:#fff;background-color:var(--bg-primary)}.bg-gray{background-color:#f8fafc;background-color:var(--bg-secondary)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in-down{animation:fadeInDown .4s ease forwards}.animate-slide-in-left{animation:slideInLeft .4s ease forwards}.animate-slide-in-right{animation:slideInRight .4s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;border-radius:.5rem;border-radius:var(--radius-md)}@media (max-width:1280px){:root{--sidebar-width:260px}}@media (max-width:1024px){:root{--sidebar-width:240px}}@media (max-width:768px){:root{--sidebar-width:100%;--navbar-height:56px}html{font-size:15px}}@media (max-width:480px){html{font-size:14px}}.spinner{animation:spin 1s linear infinite;display:inline-flex}.spinner svg{stroke:currentColor}.spinner svg circle{stroke-dasharray:90,150;stroke-dashoffset:-35;stroke-linecap:round}.spinner-small svg{height:16px;width:16px}.spinner-medium svg{height:24px;width:24px}.spinner-large svg{height:40px;width:40px}.spinner-primary{color:var(--primary-500)}.spinner-white{color:#fff}.spinner-dark{color:var(--neutral-700)}.page-loader{align-items:center;background:var(--bg-primary);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.page-loader-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-6)}.page-loader-logo{display:flex;gap:var(--space-2)}.logo-circle{animation:bounce .6s ease-in-out infinite;background:var(--primary-500);border-radius:50%;height:16px;width:16px}.logo-circle:nth-child(2){animation-delay:.1s;background:var(--primary-400)}.logo-circle:nth-child(3){animation-delay:.2s;background:var(--primary-300)}.page-loader-message{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.skeleton-text{display:flex;flex-direction:column}.skeleton-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6)}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-light);bottom:0;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width var(--transition-slow);width:var(--sidebar-width);z-index:var(--z-fixed)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--border-light);justify-content:space-between;min-height:var(--navbar-height);padding:var(--space-5)}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:var(--space-3)}.logo-icon{align-items:center;background:#fff;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;padding:2px;width:40px}.logo-icon .logo-img{height:100%;object-fit:contain;width:100%}.logo-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;white-space:nowrap}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-toggle svg{height:18px;width:18px}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-4)}.nav-list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-header{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.05em;padding:var(--space-4) var(--space-4) var(--space-2);text-transform:uppercase;white-space:nowrap}.sidebar.collapsed .nav-header{display:flex;justify-content:center;padding:var(--space-4) 0 var(--space-2)}.sidebar.collapsed .nav-header span{display:none}.sidebar.collapsed .nav-header:after{background:var(--border-light);border-radius:var(--radius-full);content:"";height:2px;width:20px}.nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-base)}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--primary-50);color:var(--primary-600)}.nav-link.active:before{background:var(--primary-500);border-radius:0 var(--radius-full) var(--radius-full) 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-icon svg{height:20px;width:20px}.nav-label{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.sidebar.collapsed .nav-link{justify-content:center;padding:var(--space-3)}.sidebar.collapsed .nav-link.active:before{left:0}.sidebar-footer{border-top:1px solid var(--border-light);padding:var(--space-4)}.logout-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.logout-btn:hover{background:var(--error-light);color:var(--error)}.logout-btn svg{height:20px;width:20px}.sidebar.collapsed .logout-btn{justify-content:center;padding:var(--space-3)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:280px}}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-light);height:var(--navbar-height);justify-content:space-between;left:var(--sidebar-width);padding:0 var(--space-6);position:fixed;right:0;top:0;transition:left var(--transition-slow);z-index:var(--z-sticky)}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:var(--space-4)}.navbar-menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:none;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.navbar-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.navbar-menu-btn svg{height:24px;width:24px}.navbar-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.navbar-right{gap:var(--space-4)}.navbar-right,.navbar-search{align-items:center;display:flex}.navbar-search{background:var(--bg-tertiary);border-radius:var(--radius-full);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base);width:280px}.navbar-search:focus-within{background:var(--bg-primary);box-shadow:0 0 0 2px var(--primary-100)}.navbar-search svg{color:var(--text-tertiary);flex-shrink:0;height:18px;width:18px}.navbar-search input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);padding:var(--space-1) 0}.navbar-search input:focus{box-shadow:none;outline:none}.navbar-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-base);width:40px}.navbar-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.navbar-icon-btn svg{height:22px;width:22px}.notification-badge{align-items:center;background:var(--error);border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:4px;top:4px}.navbar-notifications{position:relative}.notification-dropdown{animation:fadeInDown .2s ease;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));width:360px}.notification-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.notification-header h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin:0}.mark-read-btn{background:#0000;border:none;color:var(--primary-500);cursor:pointer;font-size:var(--font-size-xs);font-weight:500}.mark-read-btn:hover{text-decoration:underline}.notification-list{list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:0}.notification-item{align-items:flex-start;cursor:pointer;gap:var(--space-3);padding:var(--space-4) var(--space-5);transition:background var(--transition-base)}.notification-item:hover{background:var(--bg-tertiary)}.notification-item.unread{background:var(--primary-50)}.notification-dot{background:var(--border-light);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notification-item.unread .notification-dot{background:var(--primary-500)}.notification-content p{color:var(--text-primary);font-size:var(--font-size-sm);margin:0 0 var(--space-1)}.notification-content span{color:var(--text-tertiary);font-size:var(--font-size-xs)}.notification-footer{border-top:1px solid var(--border-light);padding:var(--space-3) var(--space-5);text-align:center}.notification-footer button{background:#0000;border:none;color:var(--primary-500);cursor:pointer;font-size:var(--font-size-sm);font-weight:500}.notification-footer button:hover{text-decoration:underline}.navbar-user{position:relative}.user-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2);transition:all var(--transition-base)}.user-btn:hover{background:var(--bg-tertiary)}.user-avatar{align-items:center;background:var(--bg-gradient);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;width:36px}.user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.user-role{font-size:var(--font-size-xs)}.user-btn>svg,.user-role{color:var(--text-tertiary)}.user-btn>svg{height:16px;width:16px}.user-dropdown{animation:fadeInDown .2s ease;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);position:absolute;right:0;top:calc(100% + var(--space-2));width:200px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-base);width:100%}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item svg{height:18px;width:18px}.dropdown-item.logout:hover{background:var(--error-light);color:var(--error)}.dropdown-divider{background:var(--border-light);height:1px;margin:var(--space-2) 0}@media (max-width:768px){.navbar{left:0}.navbar-menu-btn{display:flex}.navbar-search,.user-btn>svg:last-child,.user-info{display:none}}.dashboard-layout{background:var(--bg-secondary);min-height:100vh}.dashboard-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow)}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:var(--sidebar-collapsed-width)}.dashboard-content{min-height:100vh;padding:calc(var(--navbar-height) + var(--space-6)) var(--space-6) var(--space-6)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;display:none;inset:0;opacity:0;position:fixed;transition:all var(--transition-base);visibility:hidden;z-index:calc(var(--z-fixed) - 1)}.mobile-overlay.active{opacity:1;visibility:visible}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.page-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.page-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0}.page-header p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.page-header-actions{align-items:center;display:flex;gap:var(--space-3)}.stats-grid{grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cards-grid{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.cards-grid,.content-grid{display:grid;gap:var(--space-6)}.content-grid{grid-gap:var(--space-6);grid-template-columns:2fr 1fr}@media (max-width:1024px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-main{margin-left:0}.dashboard-content{padding:calc(var(--navbar-height) + var(--space-4)) var(--space-4) var(--space-4)}.mobile-overlay{display:block}.stats-grid{gap:var(--space-4)}.cards-grid,.stats-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.page-header-actions{width:100%}.page-header-actions .btn{flex:1 1}}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:500;gap:var(--space-2);justify-content:center;overflow:hidden;position:relative;transition:all var(--transition-base);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn:before{background:linear-gradient(180deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.btn:hover:before{opacity:1}.btn-small{border-radius:var(--radius-md);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.btn-medium{font-size:var(--font-size-sm);padding:var(--space-3) var(--space-5)}.btn-large{font-size:var(--font-size-base);padding:var(--space-4) var(--space-8)}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-500) 100%);box-shadow:var(--shadow-blue);color:var(--text-inverse)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-600) 100%);box-shadow:0 6px 20px #3b82f673;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-medium)}.btn-outline{background:#0000;border:2px solid var(--primary-500);color:var(--primary-600)}.btn-outline:hover{background:var(--primary-50);border-color:var(--primary-600)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,var(--error-dark) 0,var(--error) 100%);box-shadow:0 4px 14px #ef444459;color:var(--text-inverse)}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c 0,var(--error-dark) 100%);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success-dark) 0,var(--success) 100%);box-shadow:0 4px 14px #22c55e59;color:var(--text-inverse)}.btn-success:hover{background:linear-gradient(135deg,#15803d 0,var(--success-dark) 100%);transform:translateY(-1px)}.btn-full{width:100%}.btn-loading{pointer-events:none}.btn-loading .btn-text{opacity:0}.btn-spinner{align-items:center;display:flex;justify-content:center;position:absolute}.btn-spinner svg{animation:spin 1s linear infinite;height:20px;width:20px}.btn-spinner svg circle{stroke-dasharray:40;stroke-dashoffset:10}.btn-icon{align-items:center;display:flex;justify-content:center}.btn-icon svg{height:18px;width:18px}.btn-small .btn-icon svg{height:14px;width:14px}.btn-large .btn-icon svg{height:20px;width:20px}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn:disabled:hover:before{opacity:0}.input-wrapper{width:100%}.input-label{align-items:center;display:flex;gap:var(--space-1)}.input-required{color:var(--error)}.input-container{align-items:center;display:flex;position:relative}.input-field{background-color:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family);width:100%}.input-field:hover:not(:disabled){border-color:var(--border-medium)}.input-field::placeholder{color:var(--text-tertiary)}.input-with-icon .input-field{padding-left:calc(var(--space-4) + 24px + var(--space-2))}.input-icon{align-items:center;color:var(--text-tertiary);display:flex;justify-content:center;left:var(--space-4);pointer-events:none;position:absolute;transition:color var(--transition-base)}.input-icon svg{height:20px;width:20px}.input-focused .input-icon{color:var(--primary-500)}.input-password-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:var(--space-3);transition:all var(--transition-base)}.input-password-toggle:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.input-password-toggle svg{height:18px;width:18px}.input-error .input-field{border-color:var(--error)}.input-error .input-field:focus{box-shadow:0 0 0 3px var(--error-light)}.input-error .input-icon{color:var(--error)}.input-disabled .input-field{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.input-helper{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.input-helper-error{color:var(--error)}textarea.input-field{min-height:100px;resize:vertical}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card-hover:hover{border-color:var(--primary-200);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:var(--space-5) var(--space-6)}.card-header,.card-header-left{align-items:center;display:flex}.card-header-left{gap:var(--space-4)}.card-icon{background:var(--bg-gradient-subtle);border-radius:var(--radius-lg);color:var(--primary-600);height:44px;width:44px}.card-icon svg{height:22px;width:22px}.card-header-text{display:flex;flex-direction:column;gap:var(--space-1)}.card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.card-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.card-action{align-items:center;display:flex}.card-content{padding:var(--space-6)}.card-elevated{border:none;box-shadow:var(--shadow-lg)}.card-outlined{border:2px solid var(--border-light);box-shadow:none}.card-gradient{background:var(--bg-gradient);border:none}.card-gradient,.card-gradient .card-subtitle,.card-gradient .card-title{color:var(--text-inverse)}.card-gradient .card-icon{background:#fff3;color:var(--text-inverse)}.stat-card{align-items:flex-start;overflow:hidden;padding:var(--space-6);position:relative}.stat-card:before{background:var(--bg-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{transform:translateY(-2px)}.stat-icon{background:var(--bg-gradient-subtle);color:var(--primary-600)}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.stat-value{font-size:var(--font-size-3xl);line-height:1}.stat-title{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:500}.stat-change{align-items:center;border-radius:var(--radius-full);display:flex;font-size:var(--font-size-xs);font-weight:600;gap:var(--space-1);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-4);top:var(--space-4)}.stat-change.positive{background:var(--success-light);color:var(--success-dark)}.stat-change.negative{background:var(--error-light);color:var(--error-dark)}.stat-change-icon svg{height:12px;width:12px}@media (max-width:768px){.card-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.card-content,.card-header,.stat-card{padding:var(--space-4)}.stat-value{font-size:var(--font-size-2xl)}}.modal-overlay{animation:fadeIn .2s ease;background:#0f172a99;padding:var(--space-4);z-index:var(--z-modal-backdrop)}.modal{animation:scaleIn .3s ease;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-8));overflow:hidden;width:100%}.modal-small{max-width:400px}.modal-medium{max-width:560px}.modal-large{max-width:720px}.modal-xlarge{max-width:960px}.modal-full{max-height:calc(100vh - var(--space-8));max-width:calc(100vw - var(--space-8))}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-close svg{height:20px;width:20px}.modal-content{flex:1 1;padding:var(--space-6)}.modal-footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6)}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal{animation:slideUp .3s ease;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:90vh;max-width:100%}.modal-content,.modal-footer,.modal-header{padding:var(--space-4)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-family);font-weight:500;gap:var(--space-1);transition:all var(--transition-base);white-space:nowrap}.badge-small{font-size:10px;padding:2px var(--space-2)}.badge-medium{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}.badge-large{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.badge-default{background:var(--neutral-100);color:var(--neutral-600)}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-danger{background:var(--error-light);color:var(--error-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-dot{padding-left:var(--space-2)}.badge-dot-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:currentColor;border-radius:50%;height:6px;width:6px}.badge-small .badge-dot-indicator{height:4px;width:4px}.badge-large .badge-dot-indicator{height:8px;width:8px}.badge-icon{align-items:center;display:flex;justify-content:center}.badge-icon svg{height:12px;width:12px}.badge-large .badge-icon svg{height:14px;width:14px}.table-wrapper{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden}.table{border-collapse:collapse;width:100%}.table thead{background:var(--bg-tertiary)}.table th{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.table td,.table th{border-bottom:1px solid var(--border-light);padding:var(--space-4) var(--space-5)}.table td{color:var(--text-primary);font-size:var(--font-size-sm)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--primary-50)}.table tbody tr{transition:background var(--transition-fast)}.table-empty{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);color:var(--text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-16)}.table-empty svg{height:48px;margin-bottom:var(--space-4);opacity:.5;width:48px}.table-empty p{font-size:var(--font-size-sm)}@media (max-width:768px){.table-wrapper{overflow-x:auto}.table{min-width:600px}}.file-upload{width:100%}.file-upload-zone{background:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-10);position:relative;text-align:center;transition:all var(--transition-base)}.file-upload-zone.dragging,.file-upload-zone:hover{background:var(--primary-50);border-color:var(--primary-400)}.file-upload-zone.dragging{border-style:solid;transform:scale(1.01)}.file-upload-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.file-upload-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.file-upload-icon{align-items:center;background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);display:flex;height:56px;justify-content:center;width:56px}.file-upload-icon svg{height:28px;width:28px}.file-upload-zone.dragging .file-upload-icon{animation:bounce .5s ease infinite}.file-upload-text{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;margin:0}.file-upload-hint{color:var(--text-tertiary);font-size:var(--font-size-xs)}.file-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:var(--space-4) 0 0;padding:0}.file-item{animation:fadeInUp .3s ease;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);justify-content:space-between;padding:var(--space-3) var(--space-4)}.file-info,.file-item{align-items:center;display:flex}.file-info{flex:1 1;gap:var(--space-3);min-width:0}.file-info svg{color:var(--primary-500);flex-shrink:0;height:20px;width:20px}.file-name{color:var(--text-primary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{flex-shrink:0;font-size:var(--font-size-xs)}.file-remove,.file-size{color:var(--text-tertiary)}.file-remove{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:var(--space-3);transition:all var(--transition-base);width:28px}.file-remove:hover{background:var(--error-light);color:var(--error)}.file-remove svg{height:16px;width:16px}.login-page{background-color:#fff;margin:0;overflow:hidden;padding:0}.login-page,.login-wrapper{display:flex;min-height:100vh}.login-wrapper{width:100%}.brand-section{align-items:center;background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px;position:relative}.brand-content{animation:fadeIn .8s ease-out;max-width:500px;text-align:center}.brand-logo-main{align-items:center;display:flex;justify-content:center;margin:0 auto 40px;width:320px}.brand-logo-main img{height:auto;width:100%}.brand-title{color:#111;font-size:48px;font-weight:800;letter-spacing:2px;margin-bottom:8px}.brand-subtitle{color:#666;font-size:18px;font-weight:400;letter-spacing:1px}.brand-footer{bottom:40px;color:#999;font-size:14px;position:absolute}.login-section{align-items:center;background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);border-bottom-left-radius:80px;border-top-left-radius:80px;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:40px;position:relative}.login-section:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-form-container{animation:slideInRight .6s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:30px;box-shadow:0 25px 50px #0003;max-width:440px;padding:50px;width:100%;z-index:10}.login-form-header{margin-bottom:40px;text-align:center}.login-form-header h1{color:#111;font-size:32px;font-weight:800;margin-bottom:8px}.login-form-header p{color:#666;font-size:15px}.login-form .input-wrapper{margin-bottom:24px}.login-form .input-label{color:#333;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.login-form .input-field{background-color:#f8f9fa;border:1px solid #eef0f2;border-radius:12px;color:#111;font-size:15px;height:56px;transition:all .2s ease}.login-form .input-field:focus{background-color:#fff;border-color:var(--primary-500);box-shadow:0 0 0 4px #3b82f61a}.login-extras{justify-content:space-between;margin-bottom:32px;margin-top:-8px}.login-extras,.remember-me{align-items:center;display:flex}.remember-me{color:#666;cursor:pointer;font-size:14px;gap:8px}.login-extras a{color:var(--primary-600);font-size:14px;font-weight:600;text-decoration:none}.login-form .btn-primary{align-items:center;border-radius:14px;display:flex;font-size:16px;font-weight:700;gap:12px;height:60px;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.login-form .btn-primary:hover{box-shadow:0 10px 20px #3b82f633;transform:translateY(-2px)}.btn-arrow{height:20px;transition:transform .3s ease;width:20px}.btn-primary:hover .btn-arrow{transform:translateX(4px)}.login-footer{border-top:1px solid #f0f0f0;margin-top:40px;padding-top:24px;text-align:center}.login-footer p{color:#888;font-size:14px}.login-footer a{color:var(--primary-600);font-weight:700;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.brand-section{display:none}.login-section{border-radius:0}}@media (max-width:480px){.login-section{padding:24px}.login-form-header h1{font-size:28px}}.admin-dashboard{animation:fadeIn .3s ease}.activity-list{list-style:none;margin:0;padding:0}.activity-item{gap:var(--space-4);padding:var(--space-4) 0}.activity-item:last-child{padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-icon{align-items:center;background:var(--primary-50);border-radius:var(--radius-lg);color:var(--primary-600);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-icon svg{height:20px;width:20px}.activity-content{min-width:0}.activity-action{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;margin:0 0 var(--space-1)}.activity-meta{color:var(--text-tertiary);font-size:var(--font-size-xs)}.quick-actions{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.quick-action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);transition:all var(--transition-base)}.quick-action-btn:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px)}.quick-action-btn .icon{align-items:center;background:var(--bg-gradient-subtle);border-radius:var(--radius-lg);color:var(--primary-600);display:flex;height:44px;justify-content:center;width:44px}.quick-action-btn .icon svg{height:22px;width:22px}.quick-action-btn span{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.chart-placeholder{align-items:center;background:var(--bg-gradient-subtle);border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--space-3);height:300px;justify-content:center}.chart-placeholder svg{height:48px;opacity:.5;width:48px}.chart-placeholder span{font-size:var(--font-size-sm)}@media (max-width:768px){.quick-actions{grid-template-columns:1fr}}.clients-page{animation:fadeIn .3s ease}.table-controls{margin-bottom:var(--space-5)}.search-box{background:var(--bg-tertiary);border-radius:var(--radius-lg);max-width:320px}.search-box input{flex:1 1;padding:var(--space-2) 0}.filter-group select,.search-box input{color:var(--text-primary);font-size:var(--font-size-sm)}.filter-group select{border-radius:var(--radius-lg)}.filter-group select:focus{border-color:var(--primary-500);outline:none}.client-cell{gap:var(--space-3)}.client-avatar,.client-cell{align-items:center;display:flex}.client-avatar{background:var(--bg-gradient);border-radius:var(--radius-full);color:#fff;flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;height:36px;justify-content:center;width:36px}.client-info{display:flex;flex-direction:column}.client-name{color:var(--text-primary);font-weight:500}.client-email{color:var(--text-tertiary);font-size:var(--font-size-xs)}.action-buttons{gap:var(--space-1)}.action-btn{background:#0000;border:none;color:var(--text-tertiary);transition:all var(--transition-base)}.action-btn:hover{background:var(--bg-tertiary)}.action-btn.danger:hover{color:var(--error)}.client-form{display:flex;flex-direction:column;gap:var(--space-5)}@media (max-width:768px){.table-controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-group{width:100%}.filter-group select{flex:1 1}.form-row{grid-template-columns:1fr}}.cases-page{animation:fadeIn .3s ease}.case-id{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:500}.case-form{display:flex;flex-direction:column;gap:var(--space-5)}@media (max-width:768px){.case-id{font-size:10px}}.billing-page{animation:fadeIn .3s ease}.billing-stats{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.billing-stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-base)}.billing-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{flex-shrink:0;height:52px;width:52px}.stat-icon svg{height:26px;width:26px}.stat-icon.revenue{background:var(--primary-100);color:var(--primary-600)}.stat-icon.pending{background:var(--warning-light);color:var(--warning-dark)}.stat-icon.overdue{background:var(--error-light);color:var(--error-dark)}.stat-icon.paid{background:var(--success-light);color:var(--success-dark)}.stat-info{gap:var(--space-1)}.stat-value{font-size:var(--font-size-xl)}.invoice-id{background:var(--primary-50);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:500;padding:var(--space-1) var(--space-2)}.amount{color:var(--text-primary);font-weight:600}.action-btn.success:hover{color:var(--success)}@media (max-width:1200px){.billing-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.billing-stats{grid-template-columns:1fr}.billing-stat-card{padding:var(--space-4)}.stat-icon{height:44px;width:44px}.stat-icon svg{height:22px;width:22px}}.documents-page{animation:fadeInUp .4s ease}.documents-stats{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.doc-stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-base)}.doc-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.doc-stat-card .stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.doc-stat-card .stat-icon svg{height:24px;width:24px}.doc-stat-card .stat-icon.total{background:var(--primary-100);color:var(--primary-600)}.doc-stat-card .stat-icon.pending{background:var(--warning-light);color:var(--warning-dark)}.doc-stat-card .stat-icon.approved{background:var(--success-light);color:var(--success-dark)}.doc-stat-card .stat-icon.rejected{background:var(--error-light);color:var(--error-dark)}.doc-stat-card .stat-info{display:flex;flex-direction:column}.doc-stat-card .stat-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700}.doc-stat-card .stat-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.document-cell{align-items:center;display:flex;gap:var(--space-3)}.doc-icon.image{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.document-size{color:var(--text-tertiary);font-size:var(--font-size-xs)}.table-controls{flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.search-box,.table-controls{align-items:center;display:flex}.search-box{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1 1;gap:var(--space-2);max-width:400px;padding:var(--space-2) var(--space-4)}.search-box svg{color:var(--text-tertiary);flex-shrink:0;height:18px;width:18px}.search-box input{background:#0000;border:none;padding:var(--space-1) 0;width:100%}.search-box input:focus{box-shadow:none;outline:none}.filter-group{display:flex;gap:var(--space-3)}.filter-group select{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;min-width:150px;padding:var(--space-2) var(--space-4)}.action-buttons{display:flex;gap:var(--space-2)}.action-btn{background:var(--bg-secondary);height:32px;width:32px}.action-btn.success:hover{background:var(--success-light);border-color:var(--success);color:var(--success-dark)}.action-btn.danger:hover{background:var(--error-light);border-color:var(--error);color:var(--error-dark)}.action-btn svg{height:16px;width:16px}.upload-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-row{grid-template-columns:1fr 1fr}.document-preview{display:flex;flex-direction:column;gap:var(--space-6)}.preview-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-4);padding-bottom:var(--space-4)}.preview-header .doc-icon{height:64px;width:56px}.preview-header .doc-icon svg{height:28px;width:28px}.preview-header .doc-icon span{font-size:10px}.preview-info h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.preview-info span{color:var(--text-tertiary);font-size:var(--font-size-sm)}.preview-details{display:flex;flex-direction:column;gap:var(--space-3)}.detail-row{border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-3) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-tertiary)}.detail-label,.detail-value{font-size:var(--font-size-sm)}.detail-value{color:var(--text-primary);font-weight:500}@media (max-width:1024px){.documents-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.documents-stats{grid-template-columns:1fr}.table-controls{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filter-group{flex-direction:column}.filter-group select{width:100%}.form-row{grid-template-columns:1fr}}.settings-page{animation:fadeInUp .4s ease}.settings-container{grid-template-columns:260px 1fr}.save-indicator{animation:fadeIn .3s ease}.avatar-large{flex-shrink:0;height:80px;width:80px}.avatar-large span{font-size:var(--font-size-2xl)}.avatar-actions{display:flex;gap:var(--space-3)}.form-grid{margin-bottom:var(--space-6)}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.input-field{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.input-field:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.toggle-slider{cursor:pointer}.theme-selector{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.theme-option{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-base)}.theme-option:hover{border-color:var(--primary-300)}.theme-option.active{background:var(--primary-50);border-color:var(--primary-500)}.theme-option span{color:var(--text-primary);font-weight:500}.theme-preview{border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;height:80px;overflow:hidden;width:100%}.theme-preview.light{background:#f8fafc}.theme-preview.light .preview-sidebar{background:#fff;border-right:1px solid #e2e8f0;width:30%}.theme-preview.light .preview-content{flex:1 1;padding:8px}.theme-preview.light .preview-header{background:#e2e8f0;border-radius:4px;height:12px;margin-bottom:8px}.theme-preview.light .preview-body{background:#fff;border:1px solid #e2e8f0;border-radius:4px;height:40px}.theme-preview.dark{background:#1e293b}.theme-preview.dark .preview-sidebar{background:#0f172a;border-right:1px solid #334155;width:30%}.theme-preview.dark .preview-content{flex:1 1;padding:8px}.theme-preview.dark .preview-header{background:#334155;border-radius:4px;height:12px;margin-bottom:8px}.theme-preview.dark .preview-body{background:#0f172a;border:1px solid #334155;border-radius:4px;height:40px}.theme-preview.system{background:linear-gradient(135deg,#f8fafc 50%,#1e293b 0)}.theme-preview.system .preview-sidebar{background:linear-gradient(135deg,#fff 50%,#0f172a 0);width:30%}.theme-preview.system .preview-content{flex:1 1;padding:8px}.theme-preview.system .preview-header{background:linear-gradient(135deg,#e2e8f0 50%,#334155 0);border-radius:4px;height:12px;margin-bottom:8px}.theme-preview.system .preview-body{background:linear-gradient(135deg,#fff 50%,#0f172a 0);border-radius:4px;height:40px}.session-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4)}.session-item.current{background:var(--primary-50);border:1px solid var(--primary-200)}.session-icon{align-items:center;background:var(--bg-primary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;height:40px;justify-content:center;width:40px}.session-icon svg{height:20px;width:20px}.session-info{flex:1 1}.session-info h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.session-info p{color:var(--text-tertiary);font-size:var(--font-size-xs)}.session-badge{background:var(--primary-100);border-radius:var(--radius-full);color:var(--primary-600);font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-2)}.danger-section{background:#ef44440d;border:1px solid var(--error-light);border-radius:var(--radius-lg);padding:var(--space-4)}.danger-item{align-items:center;display:flex;justify-content:space-between}.danger-info h4{color:var(--error-dark);font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--space-1)}.danger-info p{color:var(--text-tertiary);font-size:var(--font-size-sm)}.plan-card{align-items:center;background:var(--bg-gradient);border-radius:var(--radius-xl);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-6)}.plan-info h3{color:var(--text-inverse);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-1)}.plan-info p{color:#fffc;font-size:var(--font-size-sm)}.plan-price{text-align:right}.plan-price .price{color:var(--text-inverse);font-size:var(--font-size-4xl);font-weight:700}.plan-price .period{color:#fffc}.plan-features{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-6)}.feature{align-items:center;color:var(--text-secondary);display:flex;gap:var(--space-2)}.feature svg{color:var(--success);height:16px;width:16px}.payment-method{background:var(--bg-secondary);border-radius:var(--radius-lg);gap:var(--space-4);padding:var(--space-4)}.card-icon,.payment-method{align-items:center;display:flex}.card-icon{background:var(--bg-gradient);border-radius:var(--radius-sm);color:var(--text-inverse);height:32px;justify-content:center;width:48px}.card-icon svg{height:20px;width:20px}.card-info{flex:1 1}.card-info h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500}.card-info p{color:var(--text-tertiary);font-size:var(--font-size-sm)}.delete-warning{text-align:center}.delete-warning .warning-icon{align-items:center;background:var(--error-light);border-radius:var(--radius-full);color:var(--error);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-4);width:64px}.delete-warning .warning-icon svg{height:32px;width:32px}.delete-warning p{color:var(--text-secondary);margin-bottom:var(--space-4)}@media (max-width:1024px){.settings-container{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{display:flex;gap:var(--space-1);overflow-x:auto}.settings-nav-item{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}}@media (max-width:768px){.form-grid,.theme-selector{grid-template-columns:1fr}.plan-card{flex-direction:column;gap:var(--space-4)}.plan-card,.plan-price{text-align:center}.plan-features{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}.avatar-actions{flex-direction:column}}.leads-page{background:#f8fafc;min-height:calc(100vh - 64px);padding:2rem}.leads-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.leads-header h1{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0}.add-lead-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;box-shadow:0 4px 6px -1px #2563eb33;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.add-lead-btn:hover{box-shadow:0 10px 15px -3px #2563eb4d;transform:translateY(-1px)}.leads-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;flex-direction:column;padding:1.5rem}.stat-label{color:#64748b;font-size:.875rem;font-weight:500}.stat-value{color:#1e293b;font-size:1.5rem;margin-top:.5rem}.leads-table-container{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{background:#f1f5f9;color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}td,th{padding:1rem 1.5rem}td{border-top:1px solid #f1f5f9;color:#334155;font-size:.875rem}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-new{background:#dcfce7;color:#166534}.status-contacted{background:#dbeafe;color:#1e40af}.status-follow-up{background:#fef9c3;color:#854d0e}.status-negotiation{background:#fef3c7;color:#92400e}.status-confirmed{background:#dcfce7;border:1px solid #15803d;color:#15803d}.status-dropped{background:#fee2e2;color:#991b1b}.action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;margin-right:.5rem;padding:.5rem;transition:all .2s}.action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:1rem;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.form-group{margin-bottom:1.25rem}.form-group label{color:#1e293b;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;padding:.625rem .875rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.checkbox-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.checkbox-item{align-items:center;display:flex;gap:.5rem}.checkbox-item input{width:auto}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn{background:#f1f5f9;color:#475569}.cancel-btn,.submit-btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.submit-btn{background:#3b82f6;color:#fff}.register-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}.register-background{inset:0;position:absolute;z-index:0}.register-background .bg-gradient-1{animation:float 18s ease-in-out infinite;background:radial-gradient(circle,var(--primary-300) 0,#0000 70%);height:700px;left:-200px;opacity:.3;position:absolute;top:-300px;width:700px}.register-background .bg-gradient-2{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,var(--primary-400) 0,#0000 70%);bottom:-200px;height:600px;opacity:.25;position:absolute;right:-100px;width:600px}.register-container{max-width:560px;position:relative;width:100%;z-index:1}.register-card{animation:fadeInUp .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-10)}.register-header{margin-bottom:var(--space-8);text-align:center}.register-logo{display:flex;justify-content:center;margin-bottom:var(--space-5)}.register-logo .logo-icon{align-items:center;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-blue);display:flex;height:72px;justify-content:center;overflow:hidden;width:72px}.register-logo .logo-img{height:100%;object-fit:contain;padding:5px;width:100%}.register-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--space-2)}.register-header p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.step-indicator{justify-content:center;margin-bottom:var(--space-8)}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;gap:var(--space-2)}.step-circle{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:50%;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);font-weight:600;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.step.active .step-circle{background:var(--primary-500);border-color:var(--primary-500);box-shadow:var(--shadow-blue);color:#fff}.step.completed .step-circle{background:var(--success);border-color:var(--success);color:#fff}.step.completed .step-circle svg{height:18px;width:18px}.step-title{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:500;transition:color var(--transition-base)}.step.active .step-title{color:var(--primary-600)}.step.completed .step-title{color:var(--success)}.step-line{background:var(--border-light);height:2px;margin:0 var(--space-2);margin-bottom:24px;transition:background var(--transition-base);width:60px}.step-line.active{background:var(--success)}.register-form{gap:var(--space-6)}.form-step,.register-form{display:flex;flex-direction:column}.form-step{gap:var(--space-5)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.form-actions{gap:var(--space-3);margin-top:var(--space-2)}.form-actions .btn{flex:1 1}.register-footer{border-top:1px solid var(--border-light);margin-top:var(--space-6);padding-top:var(--space-5);text-align:center}.register-footer p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.register-footer a{color:var(--primary-600);font-weight:500}@media (max-width:640px){.register-page{padding:var(--space-4)}.register-card{padding:var(--space-6)}.form-row{grid-template-columns:1fr}.step-line{width:30px}.step-title{display:none}}.upload-portal-page{background:#f8fafc;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.upload-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;padding:2.5rem}.upload-card h2{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.upload-card p{color:#64748b;font-size:.875rem;margin-bottom:2rem}.form-field{margin-bottom:1.5rem}.form-field label{display:block;font-weight:500;margin-bottom:.5rem}.form-field select{border:1px solid #cbd5e1;border-radius:.5rem;font-size:1rem;padding:.75rem;width:100%}.requirements-list{margin-top:2rem}.requirement-item{align-items:center;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:background .2s}.requirement-item:hover{background:#f8fafc}.requirement-label{color:#334155;font-weight:600}.file-input{display:none}.upload-btn{background:#f1f5f9;border-radius:.375rem;color:#475569;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.upload-btn:hover{background:#e2e8f0}.file-preview{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.file-preview-img{border-radius:4px;height:40px;object-fit:cover;width:40px}.submit-portal-btn{background:#3b82f6;border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #3b82f633;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;margin-top:2rem;padding:1rem;width:100%}.submit-portal-btn:disabled{background:#94a3b8;cursor:not-allowed}.client-dashboard{animation:fadeInUp .4s ease}.stats-grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-6)}.stat-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5);text-decoration:none;transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.stat-icon svg{height:24px;width:24px}.stat-card.blue .stat-icon{background:var(--primary-100);color:var(--primary-600)}.stat-card.green .stat-icon{background:var(--success-light);color:var(--success-dark)}.stat-card.orange .stat-icon{background:var(--warning-light);color:var(--warning-dark)}.stat-card.purple .stat-icon{background:#8b5cf61a;color:#7c3aed}.stat-info{display:flex;flex-direction:column}.stat-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700}.stat-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.dashboard-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.cases-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.case-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.case-info{margin-bottom:var(--space-3)}.case-id{display:inline-block;margin-bottom:var(--space-2)}.case-item h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-1)}.case-attorney{color:var(--text-tertiary);font-size:var(--font-size-xs)}.case-progress{align-items:center;display:flex;gap:var(--space-3)}.progress-bar{background:var(--neutral-200);flex:1 1;height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,var(--primary-500),var(--primary-400));height:100%;transition:width .5s ease}.progress-text{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.view-all-link{align-items:center;color:var(--primary-600);display:inline-flex;font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.view-all-link:hover{color:var(--primary-700)}.actions-list{flex-direction:column}.action-item,.actions-list{display:flex;gap:var(--space-3)}.action-item{align-items:center;background:var(--bg-secondary);border-left:3px solid #0000;border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-base)}.action-item:hover{background:var(--bg-tertiary)}.action-item.priority-high{border-left-color:var(--error)}.action-item.priority-medium{border-left-color:var(--warning)}.action-item.priority-low{border-left-color:var(--success)}.action-indicator{background:currentColor;border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}.action-item.priority-high .action-indicator{background:var(--error)}.action-item.priority-medium .action-indicator{background:var(--warning)}.action-content{flex:1 1}.action-content h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--space-1)}.action-content p{color:var(--text-tertiary);font-size:var(--font-size-xs)}.activity-list{display:flex;flex-direction:column}.activity-item{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-3);padding:var(--space-3) 0}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:var(--radius-full);flex-shrink:0;height:10px;margin-top:4px;width:10px}.activity-dot.success{background:var(--success)}.activity-dot.info{background:var(--primary-500)}.activity-dot.warning{background:var(--warning)}.activity-dot.pending{background:var(--neutral-400)}.activity-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.activity-title{color:var(--text-primary);font-size:var(--font-size-sm)}.activity-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.quick-upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius-xl);cursor:pointer;margin-bottom:var(--space-4);padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.quick-upload-zone:hover{background:var(--primary-50);border-color:var(--primary-300)}.quick-upload-zone svg{color:var(--primary-500);height:40px;margin-bottom:var(--space-3);width:40px}.quick-upload-zone p{color:var(--text-primary);font-weight:500;margin-bottom:var(--space-1)}.quick-upload-zone span{color:var(--text-tertiary);font-size:var(--font-size-xs)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.client-documents-page{animation:fadeInUp .4s ease}.documents-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.upload-section{display:flex;flex-direction:column}.upload-hint{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-3);text-align:center}.required-list{flex-direction:column}.required-item,.required-list{display:flex;gap:var(--space-3)}.required-item{align-items:center;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-3) var(--space-4)}.required-item svg{flex-shrink:0;height:20px;width:20px}.required-item.completed{background:var(--success-light);color:var(--success-dark)}.required-item.pending{background:var(--warning-light);color:var(--warning-dark)}.required-item.missing{background:var(--error-light);color:var(--error-dark)}.document-list{display:flex;flex-direction:column;gap:var(--space-3)}.document-item{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-base)}.document-item:hover{background:var(--bg-tertiary)}.doc-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-direction:column;flex-shrink:0;height:48px;justify-content:center;width:42px}.doc-icon svg{height:20px;width:20px}.doc-icon span{font-size:8px;font-weight:700;margin-top:2px;text-transform:uppercase}.doc-icon.pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.doc-icon.default{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.document-info{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.document-name{color:var(--text-primary);font-weight:500}.document-meta{color:var(--text-tertiary);font-size:var(--font-size-xs)}.document-actions{display:flex;gap:var(--space-2)}.action-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.action-btn:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600)}.action-btn.reupload:hover{background:var(--warning-light);border-color:var(--warning);color:var(--warning-dark)}.action-btn svg{height:18px;width:18px}@media (max-width:768px){.documents-grid{grid-template-columns:1fr}}.client-cases-page{animation:fadeInUp .4s ease}.cases-summary{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.summary-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:var(--space-4);padding:var(--space-5)}.summary-card,.summary-icon{align-items:center;display:flex}.summary-icon{border-radius:var(--radius-lg);height:48px;justify-content:center;width:48px}.summary-icon svg{height:24px;width:24px}.summary-icon.active{background:var(--primary-100);color:var(--primary-600)}.summary-icon.pending{background:var(--warning-light);color:var(--warning-dark)}.summary-icon.completed{background:var(--success-light);color:var(--success-dark)}.summary-info{display:flex;flex-direction:column}.summary-value{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700}.summary-label{color:var(--text-tertiary);font-size:var(--font-size-sm)}.cases-list{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.case-card{cursor:pointer;transition:all var(--transition-base)}.case-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.case-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.case-id{background:var(--primary-50);border-radius:var(--radius-sm);color:var(--primary-600);font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2)}.case-type{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-2)}.case-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.case-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.meta-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.meta-item svg{height:16px;width:16px}.case-footer{align-items:center;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding-top:var(--space-4)}.view-details-btn{background:none;border:none;color:var(--primary-600);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.view-details-btn:hover{color:var(--primary-700)}.case-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.case-details-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600}.case-badges{display:flex;gap:var(--space-2)}.case-description-full{border-bottom:1px solid var(--border-light);color:var(--text-secondary);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.case-info-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.info-item{display:flex;flex-direction:column;gap:var(--space-1)}.info-item label{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.info-item span{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500}.case-timeline{background:var(--bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-5)}.case-timeline h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-4)}.timeline-list{display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--space-6);position:relative}.timeline-list:before{background:var(--border-light);bottom:8px;content:"";left:8px;position:absolute;top:8px;width:2px}.timeline-item{display:flex;gap:var(--space-3);position:relative}.timeline-dot{background:var(--border-light);border-radius:var(--radius-full);height:12px;left:-22px;position:absolute;top:4px;width:12px}.timeline-item.current .timeline-dot{background:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.timeline-item.completed .timeline-dot{background:var(--success)}.timeline-content{display:flex;flex-direction:column;gap:var(--space-1)}.timeline-date{color:var(--text-tertiary);font-size:var(--font-size-xs)}.timeline-event{color:var(--text-primary);font-size:var(--font-size-sm)}.timeline-item.current .timeline-event{color:var(--primary-600);font-weight:500}.case-actions{display:flex;gap:var(--space-3);justify-content:flex-end}@media (max-width:1024px){.cases-list{grid-template-columns:1fr}}@media (max-width:768px){.case-info-grid,.cases-summary{grid-template-columns:1fr}.case-actions{flex-direction:column}}.client-billing-page{animation:fadeInUp .4s ease}.billing-summary{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.billing-summary .summary-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-5)}.billing-summary .summary-icon{align-items:center;border-radius:var(--radius-lg);display:flex;height:48px;justify-content:center;width:48px}.billing-summary .summary-icon svg{height:24px;width:24px}.billing-summary .summary-card.paid .summary-icon{background:var(--success-light);color:var(--success-dark)}.billing-summary .summary-card.pending .summary-icon{background:var(--warning-light);color:var(--warning-dark)}.billing-summary .summary-card.overdue .summary-icon{background:var(--error-light);color:var(--error-dark)}.billing-summary .summary-info{display:flex;flex-direction:column}.billing-summary .summary-label{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.billing-summary .summary-value{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700}.payment-method-card{margin-bottom:var(--space-6)}.saved-card{align-items:center;display:flex;gap:var(--space-6)}.card-visual{background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-800) 100%);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-direction:column;height:160px;justify-content:space-between;padding:var(--space-5);width:280px}.card-chip{background:linear-gradient(135deg,gold,#ffb700);border-radius:var(--radius-sm);height:30px;width:40px}.card-number{font-size:var(--font-size-lg);font-weight:500;letter-spacing:2px}.card-details{display:flex;font-size:var(--font-size-sm);justify-content:space-between;opacity:.9}.card-actions{gap:var(--space-2)}.card-actions,.invoices-list{display:flex;flex-direction:column}.invoice-item{grid-gap:var(--space-4);align-items:center;border-bottom:1px solid var(--border-light);display:grid;gap:var(--space-4);grid-template-columns:2fr 1fr 1fr 100px 150px;padding:var(--space-4);transition:all var(--transition-base)}.invoice-item:hover{background:var(--bg-secondary)}.invoice-item:last-child{border-bottom:none}.invoice-item.overdue{background:#ef44440d}.invoice-info{display:flex;flex-direction:column;gap:var(--space-1)}.invoice-id{color:var(--primary-600);font-size:var(--font-size-xs);font-weight:600}.invoice-description{color:var(--text-primary);font-weight:500}.invoice-case{color:var(--text-tertiary);font-size:var(--font-size-xs)}.invoice-amount{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.invoice-date{color:var(--text-tertiary);font-size:var(--font-size-sm)}.invoice-actions{gap:var(--space-2);justify-content:flex-end}.download-btn,.invoice-actions{align-items:center;display:flex}.download-btn{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.download-btn:hover{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-600)}.download-btn svg{height:18px;width:18px}.payment-details{display:flex;flex-direction:column;gap:var(--space-6)}.payment-summary{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.payment-row{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-2) 0}.payment-row.total{border-top:1px solid var(--border-light);color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-top:var(--space-2);padding-top:var(--space-3)}.payment-card-info{text-align:center}.payment-card-info p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.selected-card{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:inline-flex;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.selected-card svg{color:var(--primary-600);height:20px;width:20px}@media (max-width:1024px){.billing-summary{grid-template-columns:1fr}.invoice-item{gap:var(--space-3);grid-template-columns:1fr 1fr}.invoice-info{grid-column:1/-1}}@media (max-width:768px){.saved-card{align-items:flex-start;flex-direction:column}.card-visual{max-width:300px;width:100%}.invoice-item{grid-template-columns:1fr}}.client-settings-page{animation:fadeInUp .4s ease}.settings-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:240px 1fr;min-height:calc(100vh - 200px)}.settings-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:var(--space-6)}.settings-nav{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-2)}.settings-nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.settings-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-nav-item.active{background:var(--primary-50);color:var(--primary-600)}.settings-nav-item svg{flex-shrink:0;height:20px;width:20px}.settings-content,.settings-section{display:flex;flex-direction:column;gap:var(--space-6)}.save-indicator{align-items:center;background:var(--success-light);border-radius:var(--radius-full);color:var(--success-dark);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.save-indicator svg{height:16px;width:16px}.profile-avatar-section{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.avatar-large{align-items:center;background:var(--bg-gradient);border-radius:var(--radius-full);display:flex;height:72px;justify-content:center;width:72px}.avatar-large span{color:var(--text-inverse);font-size:var(--font-size-xl);font-weight:600}.form-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-4)}.form-full{margin-bottom:var(--space-6)}.form-actions{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;padding-top:var(--space-4)}.notification-list{display:flex;flex-direction:column}.notification-item{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--space-4) 0}.notification-item:last-child{border-bottom:none}.notification-info h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--space-1)}.notification-info p{color:var(--text-tertiary);font-size:var(--font-size-sm)}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--neutral-300);bottom:0;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{border-radius:var(--radius-full);position:absolute;transition:var(--transition-base)}.toggle-slider:before{background:var(--bg-primary);bottom:3px;box-shadow:var(--shadow-sm);content:"";height:20px;left:3px;width:20px}.toggle-switch input:checked+.toggle-slider{background:var(--primary-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(22px)}.security-item{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4) 0}.security-info h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--space-1)}.security-info p{color:var(--text-tertiary);font-size:var(--font-size-sm)}.password-form{display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width:768px){.settings-container{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{display:flex;gap:var(--space-1);overflow-x:auto}.settings-nav-item{white-space:nowrap}.form-grid{grid-template-columns:1fr}.profile-avatar-section{flex-direction:column;text-align:center}}
/*# sourceMappingURL=main.b7460be7.css.map*/