@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--ink:#111827;--ink-light:#374151;--ink-muted:#6b7280;--ink-subtle:#9ca3af;--primary-50:#f9fafb;--primary-100:#f3f4f6;--primary-200:#e5e7eb;--primary-300:#d1d5db;--primary-400:#9ca3af;--primary-500:#6b7280;--primary-600:#374151;--primary-700:#1f2937;--primary-800:#111827;--primary-900:#030712;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--neutral-400:#9ca3af;--neutral-500:#6b7280;--neutral-600:#4b5563;--neutral-700:#374151;--neutral-800:#1f2937;--neutral-900:#111827;--success-light:#f0fdf4;--success:#16a34a;--success-dark:#15803d;--warning-light:#fffbeb;--warning:#d97706;--warning-dark:#b45309;--error-light:#fef2f2;--error:#dc2626;--error-dark:#b91c1c;--info-light:#f3f4f6;--info:#374151;--info-dark:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#111827;--bg-gradient:linear-gradient(135deg,#111827,#374151);--bg-gradient-subtle:linear-gradient(135deg,#f9fafb,#f3f4f6);--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-link:#111827;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-xs:0 1px 2px 0 #0000000a;--shadow-sm:0 1px 3px 0 #0000000f;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 8px 16px -4px #00000014;--shadow-xl:0 16px 32px -8px #0000001a;--shadow-2xl:0 24px 48px -12px #00000024;--shadow-blue:none;--shadow-glow:none;--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:#f9fafb;background-color:var(--bg-secondary);color:#111827;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:#111827;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:#6b7280;color:var(--text-secondary);line-height:1.625;line-height:var(--leading-relaxed)}a{color:#111827;color:var(--text-link);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1f2937;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,textarea{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#111827;color:var(--text-primary);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)}input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);width:100%}select{appearance:none;-webkit-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;padding:8px 32px 8px 11px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:#111827;border-color:var(--ink);box-shadow:0 0 0 2px #11182714;outline:none}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:grayscale(1);opacity:.4}.atty-select,.filter-sel,.form-group select,.status-select,.tl-status-sel,select{appearance:none!important;-webkit-appearance:none!important}input[type=checkbox]{accent-color:#111827;width:auto}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;padding:20px 22px}.stat-val,.stat-value{color:#111827;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1}.stat-label,.stat-lbl{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--text-tertiary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#d1d5db;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:#9ca3af;background:var(--neutral-400)}::selection{background-color:#e5e7eb;color:#111827}.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:#111827;color:var(--text-primary)}.text-secondary{color:#6b7280;color:var(--text-secondary)}.text-tertiary{color:#9ca3af;color:var(--text-tertiary)}.bg-white{background-color:#fff;background-color:var(--bg-primary)}.bg-gray{background-color:#f9fafb;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 #00000012;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 8px 16px -4px #00000014;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 16px 32px -8px #0000001a;box-shadow:var(--shadow-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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 slideInRight{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 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,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 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:#fff;border-right:1px solid #e5e7eb;bottom:0;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{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;height:var(--navbar-height);justify-content:space-between;padding:0 14px 0 16px}.sidebar-logo{gap:10px}.logo-icon,.sidebar-logo{align-items:center;display:flex;overflow:hidden}.logo-icon{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #00000014;flex-shrink:0;height:36px;justify-content:center;width:36px}.logo-icon .logo-img{height:100%;object-fit:contain;width:100%}.logo-text{color:#111827;font-size:17px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .15s ease;width:28px}.sidebar-toggle:hover{background:#f3f4f6;color:#111827}.sidebar-toggle svg{height:16px;width:16px}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px 8px}.nav-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.nav-header{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.08em;padding:16px 8px 4px;text-transform:uppercase;white-space:nowrap}.sidebar.collapsed .nav-header{display:flex;justify-content:center;padding:12px 0 4px}.sidebar.collapsed .nav-header span{display:none}.sidebar.collapsed .nav-header:after{background:#e5e7eb;border-radius:9999px;content:"";display:block;height:1px;width:16px}.nav-link{align-items:center;border-radius:8px;color:#6b7280;display:flex;gap:10px;padding:8px 10px;position:relative;text-decoration:none;transition:all .15s ease;white-space:nowrap}.nav-link:hover{background:#f3f4f6;color:#111827}.nav-link.active{background:#111827;color:#fff}.nav-link.active:before{display:none}.nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.nav-icon svg{height:18px;width:18px}.nav-label{font-size:13.5px;font-weight:500}.sidebar.collapsed .nav-link{justify-content:center;padding:10px}.sidebar-footer{border-top:1px solid #e5e7eb;padding:8px}.logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:var(--font-family);font-size:13.5px;font-weight:500;gap:10px;padding:8px 10px;transition:all .15s ease;width:100%}.logout-btn:hover{background:#fef2f2;color:#dc2626}.logout-btn svg{height:18px;width:18px}.sidebar.collapsed .logout-btn{justify-content:center;padding:10px}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:260px}}.navbar{background:#fff;border-bottom:1px solid #f3f4f6;height:var(--navbar-height);justify-content:space-between;left:var(--sidebar-width);padding:0 24px;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:16px}.navbar-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:none;height:36px;justify-content:center;transition:all .15s ease;width:36px}.navbar-menu-btn:hover{background:#f3f4f6;color:#111827}.navbar-menu-btn svg{height:22px;width:22px}.navbar-title{color:#111827;font-size:15px;font-weight:600;margin:0}.navbar-right,.navbar-search{align-items:center;display:flex;gap:8px}.navbar-search{background:#f3f4f6;border:1px solid #0000;border-radius:8px;padding:7px 14px;transition:all .15s ease;width:260px}.navbar-search:focus-within{background:#fff;border-color:#e5e7eb;box-shadow:0 0 0 2px #1118270f}.navbar-search svg{color:#9ca3af;flex-shrink:0;height:16px;width:16px}.navbar-search input{background:#0000;border:none;color:#111827;flex:1 1;font-size:13.5px;padding:0;width:0}.navbar-search input:focus{box-shadow:none;outline:none}.navbar-search input::placeholder{color:#9ca3af}.navbar-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .15s ease;width:36px}.navbar-icon-btn:hover{background:#f3f4f6;color:#111827}.navbar-icon-btn svg{height:20px;width:20px}.notification-badge{align-items:center;background:#dc2626;border-radius:9999px;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.navbar-notifications{position:relative}.notification-dropdown{animation:fadeInDown .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px}.notification-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:14px 16px}.notification-header h4{color:#111827;font-size:13.5px;font-weight:600;margin:0}.mark-read-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:12px;font-weight:500}.mark-read-btn:hover{color:#111827;text-decoration:underline}.notification-list{list-style:none;margin:0;max-height:280px;overflow-y:auto;padding:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f9fafb;cursor:pointer;gap:10px;padding:12px 16px;transition:background .15s ease}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#fafafa}.notification-dot{background:#e5e7eb;border-radius:50%;flex-shrink:0;height:7px;margin-top:5px;width:7px}.notification-item.unread .notification-dot{background:#111827}.notification-content p{color:#111827;font-size:13px;margin:0 0 3px}.notification-content span{color:#9ca3af;font-size:11.5px}.notification-footer{padding:10px 16px;text-align:center}.notification-footer button{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:13px;font-weight:500}.notification-footer button:hover{color:#111827;text-decoration:underline}.navbar-user{position:relative}.user-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:6px 8px;transition:all .15s ease}.user-btn:hover{background:#f3f4f6}.user-avatar{align-items:center;background:#111827;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.user-name{color:#111827;font-size:13px;font-weight:600;white-space:nowrap}.user-role{color:#9ca3af;font-size:11.5px;text-transform:capitalize;white-space:nowrap}.user-btn>svg{color:#9ca3af;height:14px;width:14px}.user-dropdown{animation:fadeInDown .15s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001a;padding:6px;position:absolute;right:0;top:calc(100% + 6px);width:190px}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-family:var(--font-family);font-size:13px;font-weight:500;gap:10px;padding:8px 10px;text-decoration:none;transition:all .15s ease;width:100%}.dropdown-item:hover{background:#f3f4f6;color:#111827}.dropdown-item svg{height:16px;width:16px}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.dropdown-divider{background:#f3f4f6;height:1px;margin:4px 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:#f9fafb;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) + 24px) 24px 24px}.mobile-overlay{background:#0000004d;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;flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-header-left{display:flex;flex-direction:column;gap:2px}.page-header p{margin:0}.page-header-actions{align-items:center;display:flex;gap:8px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.content-grid{grid-gap:16px;display:grid;gap:16px;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) + 16px) 16px 16px}.mobile-overlay{display:block}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.page-header-actions{width:100%}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.login-page{background:#f9fafb;justify-content:center;min-height:100vh;padding:32px 16px}.login-page,.lp-center{align-items:center;display:flex}.lp-center{animation:lpFadeUp .35s ease;flex-direction:column;gap:0;max-width:400px;width:100%}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-brand-block{align-items:center;display:flex;flex-direction:column;margin-bottom:28px;text-align:center}.lp-logo-circle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000f;display:flex;height:80px;justify-content:center;margin-bottom:16px;overflow:hidden;width:80px}.lp-logo-img{height:100%;object-fit:contain;width:100%}.lp-brand-name{color:#111827;font-size:22px;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.lp-brand-sub{color:#9ca3af;font-size:13px;margin:0}.lp-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px 32px 24px;width:100%}.lp-card-header{margin-bottom:24px}.lp-card-header h2{color:#111827;font-size:18px;font-weight:700;margin:0 0 4px}.lp-card-header p{color:#9ca3af;font-size:13px;margin:0}.lp-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-bottom:16px;padding:10px 14px}.lp-error svg{flex-shrink:0;height:16px;width:16px}.lp-field{margin-bottom:16px}.lp-field label{color:#374151;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.lp-input-wrap{align-items:center;display:flex;position:relative}.lp-input-icon{color:#9ca3af;flex-shrink:0;height:16px;left:12px;pointer-events:none;position:absolute;width:16px}.lp-input-wrap input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;height:44px;outline:none;padding:0 42px 0 38px;transition:border-color .15s;width:100%}.lp-input-wrap input:focus{background:#fff;border-color:#111827;box-shadow:0 0 0 2px #1118270f}.lp-input-wrap input::placeholder{color:#d1d5db}.lp-toggle-pass{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:4px;position:absolute;right:10px;transition:color .15s}.lp-toggle-pass:hover{color:#374151}.lp-toggle-pass svg{height:16px;width:16px}.lp-submit-btn{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;height:44px;justify-content:center;letter-spacing:.01em;margin-top:20px;transition:opacity .15s;width:100%}.lp-submit-btn:hover:not(:disabled){opacity:.84}.lp-submit-btn:disabled{cursor:not-allowed;opacity:.55}.lp-spinner{animation:lpSpin .7s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:16px;width:16px}@keyframes lpSpin{to{transform:rotate(1turn)}}.lp-hint{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;color:#9ca3af;margin-top:16px;padding:10px 14px}.lp-footer-text,.lp-hint{font-size:12px;text-align:center}.lp-footer-text{color:#d1d5db;margin-top:24px}@media (max-width:480px){.lp-card{padding:24px 20px 20px}.lp-logo-circle{height:68px;width:68px}.lp-brand-name{font-size:20px}}.admin-dashboard{animation:fadeIn .2s ease}.dash-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.dash-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.dash-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.dash-header-actions{display:flex;gap:8px}.dash-btn-primary{align-items:center;background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:8px 16px;transition:opacity .15s}.dash-btn-primary:hover{opacity:.82}.dash-btn-secondary{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:7px;padding:8px 14px;transition:background .15s}.dash-btn-secondary:hover{background:#f3f4f6}.dash-btn-primary svg,.dash-btn-secondary svg{height:15px;width:15px}.dash-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.dash-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:18px 20px;transition:background .12s}.dash-stat-card:hover{background:#f9fafb}.dash-stat-icon{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.dash-stat-icon svg{height:18px;width:18px}.dash-stat-val{color:#111827;font-size:22px;font-weight:800;line-height:1}.dash-stat-lbl{color:#9ca3af;font-size:12px;font-weight:500;margin-top:4px}.dash-section-title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}.dash-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.dash-quick-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:7px;padding:8px 14px;transition:background .15s,border-color .15s;white-space:nowrap}.dash-quick-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.dash-quick-icon{align-items:center;display:flex;justify-content:center}.dash-quick-icon svg{height:15px;width:15px}.dash-quick-label{font-size:13px;font-weight:500}.dash-two-col{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.dash-card-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:14px 18px}.dash-card-header h3{color:#111827;font-size:14px;font-weight:600;margin:0}.dash-view-all{background:none;border:none;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;transition:color .15s}.dash-view-all:hover{color:#111827}.dash-empty,.dash-loading{color:#9ca3af;font-size:13px;padding:28px;text-align:center}.dash-list{list-style:none;margin:0;padding:0}.dash-list-item{align-items:center;border-bottom:1px solid #f9fafb;display:flex;justify-content:space-between;padding:11px 18px;transition:background .1s}.dash-list-item:last-child{border-bottom:none}.dash-list-item:hover{background:#f9fafb}.dash-item-left{flex:1 1;min-width:0}.dash-item-name{color:#111827;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-item-sub{color:#9ca3af;font-size:11.5px;margin-top:2px}.dash-status-dot{border-radius:9999px}.dash-service-tag,.dash-status-dot{font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.dash-service-tag{background:#f3f4f6;border-radius:4px;color:#374151}@media (max-width:1100px){.dash-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash-two-col{grid-template-columns:1fr}.dash-stats{grid-template-columns:1fr 1fr}}.clients-page{animation:fadeIn .2s ease}.cl-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.cl-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.cl-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.cl-controls{margin-bottom:16px}.cl-search{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;max-width:380px;outline:none;padding:8px 12px;width:100%}.cl-search:focus{border-color:#111827}.cl-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.cl-table-wrap table{border-collapse:collapse;width:100%}.cl-table-wrap th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#111827;font-size:12px;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.cl-table-wrap td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:10px 14px;vertical-align:middle}.cl-table-wrap tr:hover td{background:#f9fafb}.cl-loading{padding:40px}.cl-empty,.cl-loading{color:#94a3b8;font-size:13px;text-align:center}.cl-empty{padding:24px}.cl-client-cell{gap:10px}.cl-avatar,.cl-client-cell{align-items:center;display:flex}.cl-avatar{background:#111827;border-radius:8px;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.cl-name{color:#111827;font-size:13.5px;font-weight:600}.cl-email{color:#9ca3af;font-size:11.5px;margin-top:2px}.cl-type-badge{background:#f3f4f6;border-radius:4px;color:#374151;font-size:11px;font-weight:600;padding:2px 8px}.cl-date{color:#6b7280;font-size:12px}.cl-actions{display:flex;gap:6px}.cl-btn-edit{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;font-size:13px;padding:4px 9px}.cl-btn-edit:hover{background:#e5e7eb;border-color:#d1d5db}.cl-btn-del{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;font-size:13px;padding:4px 9px}.cl-btn-del:hover{background:#fee2e2;border-color:#fca5a5}.btn-secondary{color:#475569}.modal-overlay{background:#00000073}.cl-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:100%;overflow-y:auto;padding:28px;width:560px}.cl-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cl-modal-header h2{color:#111827;font-size:18px;margin:0}.cl-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px}.cl-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.cl-form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.cl-form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.cl-form-group label{color:#374151;font-size:12px;font-weight:600}.cl-form-group input,.cl-form-group select{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 10px;width:100%}.cl-form-group input:focus,.cl-form-group select:focus{border-color:#111827}@media (max-width:768px){.cl-form-row{grid-template-columns:1fr}}.cases-page{animation:fadeIn .2s ease}.cases-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.cases-controls{display:flex;gap:12px;margin-bottom:16px}.cases-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.cases-table-wrap table{border-collapse:collapse;width:100%}.cases-table-wrap th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#111827;font-size:12px;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.cases-table-wrap td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:10px 14px;vertical-align:middle}.cases-table-wrap tr:hover td{background:#f9fafb}.case-num{background:#f3f4f6;border-radius:4px;color:#374151;font-family:monospace;font-size:12px;font-weight:600;padding:2px 8px}.client-name{color:#111827;font-weight:600}.case-date{color:#9ca3af;font-size:11px;margin-top:2px}.brand-name{color:#1e293b;font-size:12px;font-weight:500}.class-num{color:#6b7280;font-size:11px}.filing-num{color:#059669;font-size:11px;font-weight:500;margin-top:2px}.service-tag{font-weight:700}.service-trademark{background:#f3f4f6;color:#374151}.service-iso{background:#f0fdf4;color:#15803d}.service-copyright{background:#fffbeb;color:#92400e}.service-design,.service-other{background:#f3f4f6;color:#374151}.public-badge,.stage-badge{border:1px solid;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.atty-select{appearance:none;-webkit-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;font-size:12px;max-width:140px;padding:4px 28px 4px 6px}.atty-name{color:#6b7280;font-size:12px}.act-btn.edit:hover{background:#f3f4f6;border-color:#d1d5db}.act-btn.iso:hover{background:#d1fae5;border-color:#6ee7b7}.btn-sm{border-radius:5px;font-family:inherit;font-weight:600;margin-top:8px}.modal-md{width:600px}.modal-xl{background:#fff;border-radius:12px;box-shadow:0 16px 48px #0000001f;max-height:90vh;max-width:100%;overflow-y:auto;padding:28px;width:960px}.modal-header{align-items:flex-start}.case-detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.info-grid{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:0;overflow:hidden}.info-row{border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:140px 1fr}.info-row:last-child{border-bottom:none}.info-key{background:#f9fafb;color:#6b7280;font-weight:600}.info-key,.info-val{font-size:12px;padding:8px 12px}.info-val{color:#1e293b}.search-report{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#475569;font-size:13px;margin-top:16px;padding:12px}.search-report strong{color:#111827;display:block;margin-bottom:4px}.timeline-panel{display:flex;flex-direction:column;gap:0}.timeline-panel h3{color:#111827;font-size:15px;font-weight:700;margin:0 0 14px}.timeline-list{display:flex;flex:1 1;flex-direction:column;gap:0;max-height:320px;overflow-y:auto;padding-right:4px}.timeline-entry{display:flex;gap:10px;padding-bottom:14px}.tl-dot{background:#111827;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #111827;flex-shrink:0;height:10px;margin-top:4px;width:10px}.tl-body{flex:1 1}.tl-status{color:#111827;font-size:12px;font-weight:700}.tl-desc{color:#475569;font-size:13px;margin-top:2px}.tl-meta{color:#9ca3af;font-size:11px;margin-top:4px}.tl-add-form{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px}.tl-status-sel{appearance:none;-webkit-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding:7px 32px 7px 10px}.tl-status-sel,.tl-textarea{border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.tl-textarea{padding:8px 10px;resize:vertical}.tl-status-sel:focus,.tl-textarea:focus{border-color:#111827;box-shadow:0 0 0 2px #1118270f;outline:none}@media (max-width:768px){.cases-stats{grid-template-columns:1fr 1fr}.case-detail-grid,.form-row{grid-template-columns:1fr}.modal-xl{width:100%}}.billing-page{animation:fadeIn .2s ease}.billing-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.billing-controls{display:flex;gap:12px;margin-bottom:16px}.filter-sel{min-width:150px}.billing-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.billing-table-wrap table{border-collapse:collapse;width:100%}.billing-table-wrap th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#111827;font-size:12px;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.billing-table-wrap td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:10px 14px;vertical-align:middle}.billing-table-wrap tr:hover td{background:#f9fafb}.loading-msg{font-size:14px}.empty-msg{color:#9ca3af;font-size:13px;padding:24px;text-align:center}.inv-num{background:#f3f4f6;border-radius:4px;color:#374151;font-family:monospace;font-size:12px;font-weight:600;padding:2px 8px}.inv-client{color:#111827;font-weight:600}.gst-cell{color:#6b7280;font-size:12px}.paid-so-far{color:#f59e0b;font-size:11px;margin-top:2px}.proforma-tag{background:#f3f4f6;color:#374151}.cash-tag,.proforma-tag{border-radius:3px;font-size:10px;font-weight:700;margin-left:6px;padding:1px 5px}.cash-tag{background:#d1fae5;color:#059669}.pay-badge{border:1px solid;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.action-row{align-items:center;gap:6px}.act-btn{background:#f3f4f6;border-radius:5px;padding:4px 8px}.act-btn:hover{background:#e5e7eb;border-color:#d1d5db}.act-btn.finalize:hover,.act-btn.pay:hover{background:#d1fae5;border-color:#6ee7b7}.btn-primary{padding:9px 18px}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{padding:8px 16px}.modal-md{background:#fff;border-radius:12px;box-shadow:0 16px 48px #0000001f;max-height:90vh;max-width:100%;overflow-y:auto;width:560px}.modal-md,.modal-sm{padding:28px}.form-group input,.form-group textarea{border-radius:6px;padding:8px 10px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#111827;box-shadow:0 0 0 2px #1118270f;outline:none}.proforma-toggle label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:400;gap:8px}.amount-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#15803d;font-size:13px;font-weight:600;margin-bottom:14px;padding:10px 14px}.amount-preview span{color:#4b7a5e;font-size:12px;font-weight:400}.inv-detail{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:0;overflow:hidden}.detail-row{display:grid;grid-template-columns:130px 1fr}.detail-row:last-child{border-bottom:none}.detail-key{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;padding:8px 12px}.detail-val{color:#1e293b;font-size:13px;padding:8px 12px}@media (max-width:768px){.billing-stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}.documents-page{animation:fadeIn .2s ease}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.page-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.doc-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.doc-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.search-input{border-radius:6px;min-width:200px;outline:none}.filter-sel{appearance:none;-webkit-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 32px 8px 12px}.doc-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.doc-table-wrap table{border-collapse:collapse;width:100%}.doc-table-wrap th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#111827;font-size:12px;font-weight:600;padding:10px 14px;text-align:left;white-space:nowrap}.doc-table-wrap td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:10px 14px;vertical-align:middle}.doc-table-wrap tr:hover td{background:#f9fafb}.file-cell{gap:8px}.file-cell,.file-icon{align-items:center;display:flex}.file-icon{border-radius:6px;flex-shrink:0;font-size:10px;font-weight:700;height:34px;justify-content:center;width:34px}.file-icon.pdf{background:#fee2e2;color:#dc2626}.file-icon.jpeg,.file-icon.jpg,.file-icon.png{background:#d1fae5;color:#059669}.file-name{color:#374151;font-size:12px;max-width:160px}.doc-type-badge{background:#f3f4f6;border-radius:4px;color:#374151;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.status-badge{border:1px solid;border-radius:12px;white-space:nowrap}.date-cell{color:#6b7280;font-size:12px;white-space:nowrap}.action-row{display:flex;flex-wrap:wrap;gap:5px}.act-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:background .15s;width:28px}.act-btn:hover{background:#f3f4f6}.act-btn.approve{background:#f0fdf4;border-color:#86efac}.act-btn.del,.act-btn.reject{background:#fff5f5;border-color:#fca5a5}.act-btn.dl{background:#f3f4f6;border-color:#e5e7eb}.act-btn.dl:hover{background:#e5e7eb;border-color:#d1d5db}.empty-msg,.loading-msg{color:#9ca3af;padding:40px;text-align:center}.modal-sm{width:460px}.modal-lg,.modal-sm{background:#fff;border-radius:12px;box-shadow:0 16px 48px #0000001f;max-height:90vh;max-width:100%;overflow-y:auto;padding:24px}.modal-lg{width:840px}.modal-header{margin-bottom:18px}.modal-header h2,.modal-header h3{color:#111827;font-size:16px;font-weight:700;margin:0}.modal-close{font-size:16px}.modal-actions{gap:10px;margin-top:16px;padding-top:14px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.detail-left{align-items:flex-start;background:#f9fafb;border-radius:8px;display:flex;justify-content:center;padding:12px}.doc-preview-img{border-radius:6px;max-height:380px;max-width:100%}.pdf-placeholder{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;text-align:center;width:100%}.pdf-placeholder span{font-size:40px}.pdf-placeholder p{color:#6b7280;font-size:13px;margin:8px 0 16px}.detail-right{display:flex;flex-direction:column}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:8px 0}.detail-row span:first-child{color:#6b7280;flex-shrink:0}.detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.ocr-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:10px;padding:12px}.ocr-header{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:8px}.ocr-field{margin-bottom:6px}.ocr-field label{color:#6b7280;display:block;font-size:11px;margin-bottom:2px}.ocr-field input{border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;font-size:12px;padding:4px 8px;width:100%}.ocr-field-read{font-size:12px;margin-bottom:5px}.ocr-key{color:#374151;font-weight:600;margin-right:4px}.ocr-val{color:#111827}.ocr-actions{display:flex;gap:6px;margin-top:8px}.btn-primary,.btn-secondary{border-radius:6px}.btn-secondary{background:#f3f4f6;padding:7px 14px}.btn-secondary:hover{background:#e5e7eb}.btn-approve{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:7px 14px;transition:opacity .15s}.btn-approve:hover{opacity:.85}.btn-reject{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:7px 14px;transition:opacity .15s}.btn-reject:hover{opacity:.85}.btn-sm{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 14px;transition:opacity .15s}.btn-sm:hover{opacity:.82}.btn-xs{border-radius:4px;font-size:11px;padding:3px 8px}.form-group label{display:block;margin-bottom:4px}.form-group input{padding:8px 10px}.form-group input,.form-group select{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:13px;width:100%}.form-group select{appearance:none;-webkit-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding:8px 32px 8px 10px}.form-group input:focus,.form-group select:focus{border-color:#111827;box-shadow:0 0 0 2px #1118270f;outline:none}.progress-bar-wrap{background:#e5e7eb;border-radius:4px;height:8px;margin:10px 0;overflow:hidden;position:relative}.progress-bar{border-radius:4px}.reject-textarea{border:1px solid #fca5a5;border-radius:6px;box-sizing:border-box;font-size:13px;padding:10px;resize:vertical;width:100%}@media (max-width:768px){.doc-stats{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}.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 #111827;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{box-shadow:none}.btn-primary:hover{box-shadow:none;opacity:.84;transform:none}.btn-primary:active{opacity:.95}.btn-secondary{box-shadow:none}.btn-secondary:hover{border-color:#d1d5db}.btn-outline{background:#0000;border:1px solid #111827;color:#111827}.btn-outline:hover{background:#111827;color:#fff}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{box-shadow:none}.btn-danger:hover{transform:none}.btn-success{background:#16a34a;box-shadow:none;color:#fff}.btn-success:hover{opacity:.85;transform:none}.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-text{align-items:center;display:inline-flex;gap:var(--space-2)}.btn-text svg{flex-shrink:0;height:16px;width:16px}.btn-small .btn-text svg{height:13px;width:13px}.btn-large .btn-text svg{height:18px;width:18px}.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;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);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-base)}.stat-card:before{background:var(--bg-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--bg-gradient-subtle);border-radius:var(--radius-lg);color:var(--primary-600);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.stat-icon svg{height:26px;width:26px}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.stat-value{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:700;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;bottom:0;left:0;padding:var(--space-4);right:0;top:0;z-index:var(--z-modal-backdrop)}.modal{animation:scaleIn .3s ease;background:var(--bg-primary);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 16px 48px #0000001f;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{border-bottom:1px solid var(--border-light);padding:var(--space-6)}.modal-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0}.modal-close{background:#0000;border-radius:var(--radius-md);color:var(--text-tertiary);height:36px;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:#f9fafb;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}.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: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{animation:fadeIn .2s ease}.leads-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.leads-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.leads-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.leads-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.leads-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-family:inherit;font-size:13px;min-width:160px;padding:8px 12px}.search-input:focus{border-color:#111827;box-shadow:0 0 0 2px #1118270f;outline:none}.select-wrapper{display:inline-flex;position:relative}.select-wrapper:after{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid #6b7280;content:"";height:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0}.filter-select,.select-wrapper select{appearance:none;-webkit-appearance:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;min-width:150px;padding:8px 32px 8px 12px;width:100%}.filter-select:focus,.select-wrapper select:focus{border-color:#111827;box-shadow:0 0 0 2px #1118270f;outline:none}.select-wrapper-sm{display:flex;width:100%}.select-wrapper-sm select{font-size:12px;min-width:0;min-width:auto;padding:5px 28px 5px 8px}.leads-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.leads-table-container table{border-collapse:collapse;width:100%}.leads-table-container th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.leads-table-container td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:11px 16px;vertical-align:middle}.leads-table-container tr:last-child td{border-bottom:none}.leads-table-container tr:hover td{background:#f9fafb}.lead-name{color:#111827;font-weight:600}.lead-city{color:#9ca3af;font-size:11.5px;margin-top:2px}.lead-email{color:#6b7280;font-size:11.5px}.service-tag{background:#f3f4f6;border-radius:4px;color:#374151;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.budget-tag{color:#374151;font-size:11.5px;font-weight:500;margin-top:3px}.urgency-badge{border-radius:4px;display:inline-block;font-size:10.5px;font-weight:600;margin-top:3px;padding:1px 7px}.urgency-high{background:#fef2f2;color:#dc2626}.urgency-low{background:#f0fdf4;color:#16a34a}.urgency-medium{background:#fffbeb;color:#d97706}.status-badge{border-radius:9999px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px}.status-select{appearance:none;-webkit-appearance:none;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:inherit;font-size:12px;margin-bottom:4px;padding:5px 28px 5px 8px;width:100%}.assigned-badge{color:#6b7280;display:block;font-size:11.5px;margin-bottom:2px}.followup-date{color:#d97706;font-size:12px;font-weight:500}.no-followup{color:#d1d5db}.btn-primary{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:opacity .15s}.btn-primary:hover{opacity:.82}.btn-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:8px 14px;transition:background .15s}.btn-secondary:hover{background:#f3f4f6}.btn-danger{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;transition:opacity .15s}.btn-danger:hover{opacity:.85}.btn-xs{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-block;font-family:inherit;font-size:11.5px;margin-top:3px;padding:3px 9px;transition:background .15s}.btn-link,.btn-xs:hover{background:#f3f4f6}.btn-link{border-color:#d1d5db;color:#374151}.modal-overlay{animation:fadeIn .15s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 16px 48px #0000001f;max-height:90vh;max-width:100%;overflow-y:auto;padding:24px 28px;width:600px}.modal-sm{width:420px}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.modal-header h2{color:#111827;font-size:16px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .15s;width:28px}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-actions{border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;margin-top:20px;padding-top:16px}.form-row{grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-group label{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:600;gap:6px}.label-hint,.pincode-fetching{color:#9ca3af;font-size:11px;font-weight:400}.form-group input,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:13px;padding:8px 11px;transition:border-color .15s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#111827;box-shadow:0 0 0 2px #1118270f;outline:none}.form-group textarea{resize:vertical}.form-group input[type=date]{color:#374151;cursor:pointer}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:grayscale(1);opacity:.5}.service-checkboxes{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0}.service-check-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;-webkit-user-select:none;user-select:none}.service-check-item input[type=checkbox]{accent-color:#111827;cursor:pointer;height:15px;margin:0;width:15px}.drop-textarea{border:1px solid #fca5a5;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;margin:10px 0;padding:10px;resize:vertical;width:100%}.loading-msg{color:#9ca3af;font-size:13px;padding:40px;text-align:center}.drop-reason-tip{color:#dc2626;cursor:help;font-size:11px;margin-top:2px}@media (max-width:768px){.leads-stats{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}}.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:#f9fafb;margin:0 auto;max-width:700px;min-height:100vh;padding:32px 16px}.upload-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:36px}.portal-brand{align-items:center;color:#111827;display:flex;font-size:15px;font-weight:700;gap:10px;margin-bottom:24px}.portal-logo{font-size:24px}.upload-card h2{color:#111827;font-size:22px;font-weight:700;margin:0 0 8px}.portal-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px}.reactivated-note{color:#ef4444;font-weight:600}.form-field{margin-bottom:20px}.form-field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-field select{appearance:none;-webkit-appearance:none;background-color:#f9fafb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 32px 10px 12px;width:100%}.form-field select:focus{border-color:#111827;box-shadow:0 0 0 2px #1118270f}.requirements-list{margin-top:4px}.requirements-list h3{color:#111827;font-size:14px;font-weight:700;margin:0 0 14px}.requirement-item{align-items:flex-start;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:14px;transition:border-color .2s,background .2s}.requirement-item:hover{background:#f9fafb}.item-done{background:#f0fdf4;border-color:#86efac}.item-error{background:#fff1f2;border-color:#fca5a5}.req-left{display:flex;flex:1 1;gap:10px}.req-status-icon{align-items:center;border:2px solid #e5e7eb;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.item-done .req-status-icon{background:#22c55e;border-color:#22c55e;color:#fff}.item-error .req-status-icon{background:#ef4444;border-color:#ef4444;color:#fff}.req-info{flex:1 1}.requirement-label{color:#111827;font-size:14px;font-weight:600}.file-meta{color:#6b7280}.file-error,.file-meta{font-size:11px;margin-top:3px}.file-error{color:#ef4444;font-weight:600}.file-preview-img{border:1px solid #e5e7eb;border-radius:6px;height:56px;margin-top:8px;object-fit:cover;width:56px}.file-type-indicator{color:#22c55e;font-size:12px;margin-top:4px}.req-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.file-input{display:none}.upload-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:background .15s;white-space:nowrap}.upload-btn:hover{background:#e5e7eb;border-color:#d1d5db;color:#111827}.remove-btn{background:none;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;cursor:pointer;font-size:11px;padding:5px 10px}.remove-btn:hover{background:#fff1f2}.size-note{color:#9ca3af;font-size:12px;margin:16px 0 4px;text-align:center}.progress-wrap{background:#e5e7eb;border-radius:8px;height:10px;margin:16px 0 8px;overflow:hidden;position:relative}.progress-bar{background:#111827;border-radius:8px;height:100%;transition:width .3s ease}.progress-label{color:#374151;display:block;font-size:12px;font-weight:600;margin-top:4px;text-align:center}.submit-portal-btn{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;margin-top:20px;padding:14px;transition:opacity .2s;width:100%}.submit-portal-btn:hover:not(:disabled){opacity:.85}.submit-portal-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.portal-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;min-height:100vh}.portal-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#111827;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.portal-error-page,.portal-success-page{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh;padding:20px}.portal-error-card,.portal-success-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:440px;padding:48px 40px;text-align:center}.error-icon,.success-icon{display:block;font-size:48px;margin-bottom:16px}.portal-error-card h2{color:#dc2626;font-size:22px;margin-bottom:12px}.portal-success-card h2{color:#16a34a;font-size:22px;margin-bottom:12px}.portal-error-card p,.portal-success-card p{color:#374151;font-size:14px;line-height:1.6}.cd-page{animation:fadeIn .2s ease}.cd-header{margin-bottom:20px}.cd-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.cd-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.cd-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.cd-stat{border-radius:10px;text-decoration:none;transition:background .15s}.cd-stat:hover{background:#f9fafb}.cd-stat>div{display:flex;flex-direction:column}.cd-stat-val{color:#111827;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1}.cd-stat-lbl{color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.05em;margin-top:6px;text-transform:uppercase}.cd-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.cd-upload-card{grid-column:span 2}.cd-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.cd-card-head{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.cd-card-head h3{color:#111827;font-size:14px;font-weight:700;margin:0}.cd-view-all{color:#9ca3af;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s}.cd-view-all:hover{color:#111827}.cd-empty,.cd-loading{color:#9ca3af;font-size:13px;padding:24px;text-align:center}.cd-case-list{padding:8px 0}.cd-case-item{border-bottom:1px solid #f3f4f6;padding:12px 20px}.cd-case-item:last-child{border-bottom:none}.cd-case-row{align-items:center;display:flex;justify-content:space-between}.cd-case-name{color:#111827;font-size:13px;font-weight:600}.cd-case-sub{color:#9ca3af;font-size:11px;margin-top:2px}.cd-service-tag{background:#f3f4f6;border-radius:10px;color:#374151;font-size:11px;font-weight:600;padding:2px 10px;white-space:nowrap}.cd-activity-list{padding:8px 0}.cd-activity-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 20px}.cd-activity-item:last-child{border-bottom:none}.cd-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.cd-dot.success{background:#22c55e}.cd-dot.danger{background:#ef4444}.cd-dot.pending{background:#f59e0b}.cd-dot.info{background:#9ca3af}.cd-activity-info{display:flex;flex-direction:column}.cd-activity-title{color:#111827;font-size:13px}.cd-activity-time{color:#9ca3af;font-size:11px;margin-top:2px}.cd-upload-zone{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;padding:24px 20px}.cd-upload-zone svg{height:40px;width:40px}.cd-upload-zone p{color:#374151;font-size:14px;font-weight:600;margin:0}.cd-upload-zone span{color:#9ca3af;font-size:12px}.cd-upload-btn{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:600;margin:4px 20px 20px;padding:9px 16px;text-align:center;text-decoration:none;transition:opacity .15s}.cd-upload-btn:hover{opacity:.82}@media (max-width:768px){.cd-stats{grid-template-columns:1fr 1fr}.cd-grid{grid-template-columns:1fr}.cd-upload-card{grid-column:span 1}}.cdoc-page{animation:fadeIn .2s ease}.cdoc-header{margin-bottom:20px}.cdoc-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.cdoc-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.cdoc-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.cdoc-controls{margin-bottom:16px}.cdoc-search{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;max-width:380px;outline:none;padding:8px 12px;width:100%}.cdoc-search:focus{border-color:#111827}.cdoc-empty,.cdoc-loading{color:#9ca3af;font-size:13px;padding:40px;text-align:center}.cdoc-empty{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.cdoc-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.cdoc-table-wrap table{border-collapse:collapse;width:100%}.cdoc-table-wrap th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#111827;font-size:12px;font-weight:600;padding:10px 14px;text-align:left}.cdoc-table-wrap td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:10px 14px;vertical-align:middle}.cdoc-table-wrap tr:hover td{background:#f9fafb}.cdoc-file-cell{align-items:center;display:flex;gap:8px}.cdoc-icon{font-size:18px}.cdoc-filename{color:#111827;font-size:13px;word-break:break-all}.cdoc-type-badge{background:#f3f4f6;border-radius:4px;color:#374151;font-size:11px;font-weight:600;padding:2px 8px}.cdoc-date,.cdoc-size{color:#9ca3af;font-size:12px}.cdoc-status-badge{border:1px solid;border-radius:10px;font-size:11px;font-weight:600;padding:2px 10px}.cdoc-dl-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;font-family:inherit;font-size:12px;padding:4px 10px;transition:background .15s}.cdoc-dl-btn:hover{background:#e5e7eb;border-color:#d1d5db}.cdoc-rejection-note{background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#7f1d1d;font-size:13px;margin-top:12px;padding:10px 14px}@media (max-width:768px){.cdoc-stats{grid-template-columns:1fr 1fr}}.cc-page{animation:fadeIn .2s ease}.cc-header{margin-bottom:20px}.cc-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.cc-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.cc-empty,.cc-loading{color:#9ca3af;font-size:13px;padding:40px;text-align:center}.cc-empty{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.cc-list{display:flex;flex-direction:column;gap:12px}.cc-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:16px 20px;transition:background .15s}.cc-card:hover{background:#f9fafb}.cc-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.cc-case-name{color:#111827;font-size:15px;font-weight:700}.cc-brand{color:#9ca3af;font-size:12px;margin-top:2px}.cc-card-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cc-service-badge{background:#f3f4f6;border-radius:10px;color:#374151;font-size:11px;font-weight:700;padding:3px 10px}.cc-status-badge{border:1px solid;border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.cc-date,.cc-filing{color:#9ca3af;font-size:11px}.cc-date{margin-left:auto}.modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.cc-modal{background:#fff;border-radius:12px;box-shadow:0 16px 48px #0000001f;max-height:90vh;max-width:100%;overflow-y:auto;padding:28px;width:560px}.cc-modal-head{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:14px}.cc-modal-head h2{color:#111827;font-size:18px;font-weight:700;margin:0}.cc-modal-head p{color:#9ca3af;font-size:13px;margin:4px 0 0}.cc-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .15s;width:28px}.cc-close:hover{background:#f3f4f6;color:#111827}.cc-detail-grid{margin-bottom:20px}.cc-detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.cc-detail-row span{color:#9ca3af}.cc-detail-row strong{color:#111827}.cc-detail-row.cc-full{align-items:flex-start;flex-direction:column;gap:4px}.cc-detail-row.cc-full p{color:#374151;font-size:13px;margin:0}.cc-timeline-head{color:#111827;font-size:13px;font-weight:700;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.cc-tl-empty{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.cc-timeline{display:flex;flex-direction:column}.cc-tl-item{border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:10px 0}.cc-tl-item:last-child{border-bottom:none}.cc-tl-dot{background:#111827;border-radius:50%;flex-shrink:0;height:8px;margin-top:4px;width:8px}.cc-tl-content{flex:1 1}.cc-tl-note{color:#111827;font-size:13px}.cc-tl-status{color:#6b7280;display:block;font-weight:600}.cc-tl-date,.cc-tl-status{font-size:11px;margin-top:2px}.cc-tl-date{color:#9ca3af}.cbill-page{animation:fadeIn .2s ease}.cbill-header{margin-bottom:20px}.cbill-header h1{color:#111827;font-size:18px;font-weight:700;margin:0}.cbill-header p{color:#9ca3af;font-size:13px;margin:3px 0 0}.cbill-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.cbill-empty,.cbill-loading{color:#9ca3af;font-size:13px;padding:40px;text-align:center}.cbill-empty{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.cbill-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.cbill-table-wrap table{border-collapse:collapse;width:100%}.cbill-table-wrap th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#111827;font-size:12px;font-weight:600;padding:10px 14px;text-align:left}.cbill-table-wrap td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:10px 14px;vertical-align:middle}.cbill-table-wrap tr:hover td{background:#f9fafb}.cbill-id{color:#111827;font-size:13px;font-weight:600}.cbill-paid{color:#22c55e;font-weight:600}.cbill-date{color:#9ca3af;font-size:12px}.cbill-owed{border-radius:4px;font-size:12px;font-weight:700;padding:2px 8px}.cbill-owed.due{background:#fee2e2;color:#dc2626}.cbill-owed.clear{background:#dcfce7;color:#16a34a}.cbill-dl-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;font-family:inherit;font-size:12px;padding:4px 10px;transition:background .15s}.cbill-dl-btn:hover{background:#e5e7eb;border-color:#d1d5db}@media (max-width:768px){.cbill-stats{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:fit-content;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.9e376fd7.css.map*/