:root{--color-primary:#1da6af;--color-primary-light:#2db8c1;--color-primary-dark:#16949d;--color-secondary:#0ea5e9;--color-secondary-light:#38bdf8;--color-secondary-dark:#0284c7;--color-accent:#10b981;--color-accent-light:#34d399;--color-accent-dark:#059669;--color-background:#fff;--color-surface:#f9fafb;--color-app-bg:#f6f8fb;--color-panel:#fff;--color-panel-muted:#f9fafb;--color-panel-subtle:#f3f4f6;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-error:#dc2626;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-warning-border:#fde68a;--color-success:#10b981;--color-success-light:#ecfdf5;--color-success-border:#a7f3d0;--color-info-light:#eff6ff;--color-info:#0ea5e9;--color-brand-soft:#eefafa;--color-brand-soft-border:#c8eeee;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Menlo,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 8px #00000014;--shadow-lg:0 8px 16px #0000001a;--shadow-xl:0 12px 24px #0000001f;--shadow-2xl:0 20px 40px #00000026;--shadow-soft:0 2px 8px #0000000a,0 4px 16px #00000014;--shadow-glow:0 0 20px #1da6af4d;--gradient-primary:linear-gradient(135deg,#1da6af,#10b981);--gradient-secondary:linear-gradient(135deg,#0ea5e9,#1da6af);--gradient-accent:linear-gradient(135deg,#10b981,#34d399);--gradient-subtle:linear-gradient(180deg,#fff,#f9fafb);--glass-bg:#ffffffb3;--glass-bg-dark:#ffffff1a;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px #0000001a;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out-circ:cubic-bezier(0.85,0,0.15,1);--ease-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-instant:100ms;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--transition-fast:150ms var(--ease-out-expo);--transition-normal:200ms var(--ease-out-expo);--transition-slow:300ms var(--ease-out-expo);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}[data-theme=dark]{--color-background:#0f172a;--color-surface:#1e293b;--color-app-bg:#0b1220;--color-panel:#111827;--color-panel-muted:#1e293b;--color-panel-subtle:#263244;--color-border:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-gray-50:#1e293b;--color-gray-100:#334155;--color-gray-200:#475569;--color-gray-300:#64748b;--color-gray-400:#94a3b8;--color-gray-500:#cbd5e1;--color-gray-600:#e2e8f0;--color-gray-700:#f1f5f9;--color-gray-800:#f8fafc;--color-gray-900:#fff;--color-error-light:#dc262629;--color-error-border:#dc262652;--color-warning-light:#f59e0b29;--color-warning-border:#f59e0b52;--color-success-light:#10b98129;--color-success-border:#10b98152;--color-info-light:#0ea5e929;--color-brand-soft:#1da6af24;--color-brand-soft-border:#2db8c147;--gradient-subtle:linear-gradient(180deg,#111827,#1e293b);--glass-bg:#111827b8;--glass-border:#94a3b82e}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-app-bg);color:var(--color-gray-800);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}h1,h2,h3,h4,h5,h6{color:var(--color-gray-900);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}p{margin:0}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-dark)}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}code{font-family:var(--font-mono)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-2);justify-content:center;line-height:1;padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all var(--transition-fast)}.btn:focus{box-shadow:0 0 0 3px #1e3a5f26;outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-dark)}.btn-success{background:var(--color-accent);color:var(--color-white)}.btn-success:hover:not(:disabled){background:var(--color-accent-dark)}.btn-outline{background:#0000;border-color:var(--color-gray-300);color:var(--color-gray-700)}.btn-outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-ghost{background:#0000;color:var(--color-gray-600)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-800)}.btn-lg{font-size:var(--text-base);padding:var(--spacing-4) var(--spacing-6)}.btn-sm{font-size:var(--text-xs)}.btn-block{width:100%}.card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card-header{padding:var(--spacing-5) var(--spacing-6)}.card-body{padding:var(--spacing-6)}.card-footer{background:var(--color-panel-muted);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--color-gray-100);padding:var(--spacing-4) var(--spacing-6)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.input-label{color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.input{background:var(--color-panel);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-900);font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast);width:100%}.input::placeholder{color:var(--color-gray-400)}.input:hover{border-color:var(--color-gray-400)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.input:disabled{background:var(--color-gray-100);cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px #dc26261a}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--spacing-1) var(--spacing-3)}.badge-primary{background:#1e3a5f1a;color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-secondary{background:var(--color-gray-100);color:var(--color-gray-600)}.alert{align-items:flex-start;border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);gap:var(--spacing-3);padding:var(--spacing-4)}.alert-error{background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error)}.alert-warning{background:var(--color-warning-light);border:1px solid var(--color-warning-border);color:var(--color-warning)}.alert-success{background:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success)}.alert-icon{flex-shrink:0;height:20px;width:20px}.modal-overlay{align-items:center;animation:fadeIn var(--transition-fast);background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--spacing-4);position:fixed;z-index:1000}.modal{animation:slideUp var(--transition-normal);background:var(--color-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-gray-100);display:flex;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6)}.modal-title{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.modal-body{padding:var(--spacing-6)}.modal-footer{background:var(--color-panel-muted);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4) var(--spacing-6)}.stat-label{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.025em;margin-bottom:var(--spacing-2);text-transform:uppercase}.stat-value{color:var(--color-gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold)}.stat-change{align-items:center;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-1);margin-top:var(--spacing-2)}.stat-change-positive{color:var(--color-success)}.stat-change-negative{color:var(--color-error)}.table-container{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-500);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-4);text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);font-size:var(--text-sm);padding:var(--spacing-4)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-gray-50)}.tabs{background:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;padding:var(--spacing-1)}.tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-fast)}.tab:hover:not(.tab-active){color:var(--color-gray-800)}.tab-active{background:var(--color-panel);box-shadow:var(--shadow-sm);color:var(--color-primary)}.empty-state{padding:var(--spacing-12) var(--spacing-6)}.empty-state-icon{color:var(--color-gray-300);height:64px;margin:0 auto var(--spacing-4);width:64px}.empty-state-title{font-size:var(--text-lg);margin-bottom:var(--spacing-2)}.empty-state-description{color:var(--color-gray-500);font-size:var(--text-sm);margin-bottom:var(--spacing-6);margin-left:auto;margin-right:auto;max-width:320px}.divider{background:var(--color-gray-200);height:1px;margin:var(--spacing-6) 0}.container{margin-left:auto;margin-right:auto;max-width:var(--container-xl);padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}@media (min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.link{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-dark);text-decoration:underline}.link:focus{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity var(--transition-normal);z-index:40}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{background-color:var(--color-panel);border-right:1px solid var(--color-gray-200);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-slow);width:280px;z-index:50}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid var(--color-gray-200);flex-shrink:0;padding:var(--spacing-6)}.sidebar-brand{gap:var(--spacing-3)}.sidebar-brand,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background-color:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-white);flex-shrink:0;font-size:var(--text-lg);font-weight:var(--font-bold);height:40px;justify-content:center;width:40px}.sidebar-brand-text h1{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0}.sidebar-brand-text p{color:var(--color-gray-500);font-size:var(--text-sm);margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-4)}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin-bottom:var(--spacing-2)}.sidebar-menu-button{align-items:center;background-color:initial;border:none;border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;display:flex;font-family:inherit;gap:var(--spacing-3);padding:var(--spacing-3);text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-menu-button:hover{background-color:var(--color-gray-100)}.sidebar-menu-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sidebar-menu-button.active{background-color:var(--color-primary);color:var(--color-white)}.sidebar-menu-button.active:hover{background-color:var(--color-primary-dark)}.sidebar-menu-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.sidebar-menu-content{flex:1 1;min-width:0}.sidebar-menu-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium)}.sidebar-menu-description{display:block;font-size:var(--text-xs);margin-top:2px;opacity:.7}.sidebar-footer{background-color:var(--color-panel-muted);border-top:1px solid var(--color-gray-200);flex-shrink:0;padding:var(--spacing-4)}.sidebar-signout-button{align-items:center;background-color:initial;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;display:flex;font-family:inherit;gap:var(--spacing-3);padding:var(--spacing-3);transition:all var(--transition-fast);width:100%}.sidebar-signout-button:hover{background-color:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.sidebar-signout-button:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.sidebar-user-card{background-color:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.sidebar-user-info{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.sidebar-user-avatar{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-bold);height:32px;justify-content:center;width:32px}.sidebar-user-details{flex:1 1;min-width:0}.sidebar-user-email{color:var(--color-gray-900);font-size:var(--text-sm);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-credits{color:var(--color-gray-500);font-size:var(--text-xs)}@media (min-width:769px){.sidebar{transform:translateX(0)}.sidebar-overlay{display:none}}@media (max-width:768px){.sidebar-overlay{display:block}}.app-layout{background-color:var(--color-app-bg);display:flex;min-height:100vh}.main-content{flex:1 1;min-width:0;width:100%}.app-topbar{align-items:center;background:var(--color-panel);border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-4);justify-content:space-between;min-height:64px;padding:0 var(--spacing-6);position:-webkit-sticky;position:sticky;top:0;z-index:35}.app-topbar-actions,.app-topbar-left{align-items:center;display:flex;gap:var(--spacing-3);min-width:0}.app-topbar-actions{margin-left:auto}.app-menu-button{align-items:center;background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--color-gray-800);cursor:pointer;display:none;height:42px;justify-content:center;transition:all var(--transition-fast);width:42px}.account-menu-trigger:hover,.app-credit-pill:hover,.app-menu-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.account-menu-item:focus-visible,.account-menu-trigger:focus-visible,.app-credit-pill:focus-visible,.app-menu-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-topbar-brand{align-items:center;color:var(--color-gray-900);display:none;font-size:var(--text-base);font-weight:var(--font-bold);gap:var(--spacing-2);min-width:0}.account-avatar,.app-topbar-logo{align-items:center;background:var(--color-primary);color:var(--color-white);display:inline-flex;flex-shrink:0;font-weight:var(--font-bold);justify-content:center}.app-topbar-logo{border-radius:var(--radius-md);height:32px;width:32px}.app-credit-pill{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);color:var(--color-gray-700);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);min-height:36px;padding:0 var(--spacing-3);transition:all var(--transition-fast);white-space:nowrap}.account-menu{position:relative}.account-menu-trigger{align-items:center;background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);color:var(--color-gray-700);cursor:pointer;display:inline-flex;gap:var(--spacing-2);min-height:42px;padding:var(--spacing-1) var(--spacing-2);transition:all var(--transition-fast)}.account-avatar{border-radius:var(--radius-full);font-size:var(--text-sm);height:32px;width:32px}.account-email{color:var(--color-gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-panel{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2);position:absolute;right:0;top:calc(100% + var(--spacing-2));width:220px;z-index:60}.account-menu-item{align-items:center;background:#0000;border:0;border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;display:flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);min-height:40px;padding:var(--spacing-2) var(--spacing-3);text-align:left;width:100%}.account-menu-item:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.account-menu-item.danger{color:var(--color-error)}.account-menu-divider{background:var(--color-gray-200);height:1px;margin:var(--spacing-2) 0}@media (min-width:769px){.main-content{margin-left:280px}}@media (max-width:768px){.app-topbar{min-height:60px;padding:0 var(--spacing-4)}.app-menu-button,.app-topbar-brand{display:inline-flex}.account-email{display:none}.app-credit-pill{font-size:var(--text-xs);min-height:34px;padding:0 var(--spacing-2)}.account-menu-trigger{min-height:38px;padding:var(--spacing-1)}.account-menu-panel{left:var(--spacing-4);position:fixed;right:var(--spacing-4);top:64px;width:auto}}@media (max-width:420px){.app-topbar{gap:var(--spacing-2);padding:0 var(--spacing-3)}.app-topbar-brand span:last-child{display:none}}.toast-container{flex-direction:column;pointer-events:none;position:fixed;right:var(--spacing-4);top:var(--spacing-4);z-index:var(--z-tooltip)}.toast,.toast-container{display:flex;gap:var(--spacing-3)}.toast{align-items:center;animation:toast-enter var(--duration-slow) var(--ease-out-expo);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);max-width:480px;min-width:320px;padding:var(--spacing-4);pointer-events:auto}.toast-exit{animation:toast-exit var(--duration-slow) var(--ease-out-expo) forwards}@keyframes toast-enter{0%{opacity:0;transform:translateX(100%) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.95)}}.toast-icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast-icon{height:20px;width:20px}.toast-message{color:var(--color-gray-900);flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);margin:0}.toast-close{align-items:center;background:none;border:none;color:var(--color-gray-500);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;padding:0;transition:color var(--transition-fast);width:20px}.toast-close:hover{color:var(--color-gray-700)}.toast-close svg{height:16px;width:16px}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon-wrapper{color:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon-wrapper{color:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon-wrapper{color:var(--color-warning)}.toast-info{border-left:4px solid var(--color-primary)}.toast-info .toast-icon-wrapper{color:var(--color-primary)}.stat-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card:before{background:var(--color-primary);transition:opacity var(--transition-normal)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.stat-card-title{color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.05em;margin:0;text-transform:uppercase}.stat-card-icon{align-items:center;background:var(--gradient-subtle);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;height:40px;justify-content:center;width:40px}.stat-card-icon svg{height:20px;width:20px}.stat-card-body{align-items:baseline;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.stat-card-value{color:var(--color-gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1;margin:0}.stat-card-change{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2)}.stat-card-change-up{background:var(--color-success-light);color:var(--color-success)}.stat-card-change-down{background:var(--color-error-light);color:var(--color-error)}.stat-card-trend-icon{height:14px;width:14px}.stat-card-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);margin:0}.stat-card-primary{background:var(--color-primary);border:none;border-bottom:3px solid var(--color-accent)}.stat-card-primary .stat-card-subtitle,.stat-card-primary .stat-card-title,.stat-card-primary .stat-card-value{color:var(--color-white)}.stat-card-primary .stat-card-change,.stat-card-primary .stat-card-icon{background:#fff3;color:var(--color-white)}.stat-card-success{border-color:var(--color-success)}.stat-card-success:before{background:var(--color-success);opacity:1}.stat-card-success .stat-card-icon{background:var(--color-success-light);color:var(--color-success)}.stat-card-warning{border-color:var(--color-warning)}.stat-card-warning:before{background:var(--color-warning);opacity:1}.stat-card-warning .stat-card-icon{background:var(--color-warning-light);color:var(--color-warning)}.project-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card-thumbnail{background:var(--gradient-subtle);height:200px;overflow:hidden;position:relative;width:100%}.project-card-thumbnail img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.project-card:hover .project-card-thumbnail img{transform:scale(1.05)}.project-card-thumbnail-placeholder{align-items:center;color:var(--color-gray-400);display:flex;height:100%;justify-content:center;width:100%}.project-card-thumbnail-placeholder svg{height:64px;width:64px}.project-card-status{align-items:center;-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-lg);display:flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);position:absolute;right:var(--spacing-3);top:var(--spacing-3)}.project-card-status svg{height:14px;width:14px}.project-card-status-completed{background:#10b981e6;color:var(--color-white)}.project-card-status-processing{background:#0ea5e9e6;color:var(--color-white)}.project-card-status-failed{background:#dc2626e6;color:var(--color-white)}.project-card-spinner{animation:spin 1s linear infinite}.project-card-content{flex:1 1;padding:var(--spacing-5)}.project-card-address{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0 0 var(--spacing-2) 0}.project-card-date{color:var(--color-gray-500);font-size:var(--text-sm);margin:0 0 var(--spacing-4) 0}.project-card-measurements{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-4);padding-top:var(--spacing-4)}.project-card-measurement{display:flex;flex-direction:column;gap:var(--spacing-1)}.project-card-measurement-label{color:var(--color-gray-500);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase}.project-card-measurement-value{color:var(--color-gray-900);font-size:var(--text-base);font-weight:var(--font-semibold)}.project-card-actions{background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-2);padding:var(--spacing-4)}.project-card-action-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-2);justify-content:center;min-height:44px;padding:var(--spacing-3);transition:all var(--transition-fast)}.project-card-action-btn svg{height:18px;width:18px}.project-card-action-view{background:var(--color-panel);border:1px solid var(--color-gray-300);color:var(--color-primary)}.project-card-action-view:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.project-card-action-download{background:var(--color-primary);border-bottom:2px solid var(--color-accent);color:var(--color-white)}.project-card-action-download:hover{box-shadow:var(--shadow-md);opacity:.9;transform:translateY(-1px)}.empty-state{flex-direction:column;padding:var(--spacing-16) var(--spacing-8)}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:var(--gradient-subtle);border-radius:var(--radius-2xl);color:var(--color-gray-400);height:80px;margin-bottom:var(--spacing-6);width:80px}.empty-state-icon svg{height:40px;width:40px}.empty-state-primary .empty-state-icon{background:var(--color-primary);border:3px solid var(--color-accent);color:var(--color-white)}.empty-state-title{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--spacing-3) 0}.empty-state-description{color:var(--color-gray-600);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-6) 0;max-width:400px}.empty-state-action{align-items:center;background:var(--color-primary);border:none;border-bottom:3px solid var(--color-accent);border-radius:var(--radius-lg);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-2);min-height:44px;padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-normal)}.empty-state-action:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.beta-banner{animation:beta-banner-slide-down var(--duration-slow) var(--ease-out-expo);background:var(--color-primary);border-bottom:3px solid var(--color-accent);box-shadow:var(--shadow-md);color:var(--color-white);padding:var(--spacing-3) var(--spacing-4);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}@keyframes beta-banner-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.beta-banner-content{align-items:center;display:flex;gap:var(--spacing-4);margin:0 auto;max-width:var(--container-xl)}.beta-banner-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.beta-banner-icon svg{height:20px;width:20px}.beta-banner-text{display:flex;flex:1 1;flex-direction:column;font-size:var(--text-sm);gap:var(--spacing-1)}.beta-banner-text strong{font-weight:var(--font-semibold)}.beta-banner-text span{font-size:var(--text-xs);opacity:.9}.beta-banner-action{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-lg);color:var(--color-white);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all var(--transition-fast)}.beta-banner-action:hover{background:#ffffff4d;transform:translateY(-1px)}.beta-banner-close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background var(--transition-fast);width:32px}.beta-banner-close:hover{background:#fff3}.beta-banner-close svg{height:18px;width:18px}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 0,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:var(--radius-sm);height:1em;margin-bottom:var(--spacing-2)}.skeleton-circular{border-radius:var(--radius-full)}.skeleton-rectangular{border-radius:var(--radius-xl);width:100%}.skeleton-card{height:200px;width:100%}.skeleton-card-wrapper{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.skeleton-card-content{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5)}.skeleton-card-measurements{border-top:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-4);padding-top:var(--spacing-4)}.skeleton-stat-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}.skeleton-stat-header{align-items:center;display:flex;justify-content:space-between}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-field-label{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-1)}.form-field-required{color:var(--color-error);font-weight:var(--font-semibold)}.form-field-error-message{align-items:center;animation:form-field-shake .3s ease-in-out;background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--text-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}@keyframes form-field-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.form-field-error-message svg{flex-shrink:0;height:16px;width:16px}.form-field-hint{color:var(--color-gray-500);font-size:var(--text-sm);padding-left:var(--spacing-1)}.form-field-error input,.form-field-error select,.form-field-error textarea{background:var(--color-error-light);border-color:var(--color-error)}.form-field-error input:focus,.form-field-error select:focus,.form-field-error textarea:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}.form-field-success input,.form-field-success select,.form-field-success textarea{border-color:var(--color-success)}.form-field-success input:focus,.form-field-success select:focus,.form-field-success textarea:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #10b9811a}@media (max-width:640px){.toast-container{left:var(--spacing-2);right:var(--spacing-2);top:var(--spacing-2)}.toast{min-width:auto;padding:var(--spacing-4);width:100%}.stat-card{padding:var(--spacing-5)}.stat-card-value{font-size:var(--text-2xl)}.stat-card-icon{height:48px;width:48px}.project-card-thumbnail{height:180px}.project-card-content{padding:var(--spacing-4)}.project-card-measurements{flex-direction:column;gap:var(--spacing-3)}.project-card-actions{gap:var(--spacing-3);padding:var(--spacing-3)}.project-card-action-btn{font-size:var(--text-base);min-height:48px;padding:var(--spacing-4)}.empty-state{padding:var(--spacing-12) var(--spacing-4)}.empty-state-icon{height:72px;width:72px}.empty-state-icon svg{height:36px;width:36px}.empty-state-action{justify-content:center;min-height:48px;padding:var(--spacing-4) var(--spacing-6);width:100%}.beta-banner{padding:var(--spacing-3)}.beta-banner-content{flex-wrap:wrap;gap:var(--spacing-3)}.beta-banner-text{flex-basis:100%}.beta-banner-action{flex:1 1;min-height:44px;padding:var(--spacing-3) var(--spacing-4)}.beta-banner-close{height:44px;width:44px}}.page{background:var(--color-gray-50);min-height:100vh}.page-header{background:var(--color-panel);border-bottom:1px solid var(--color-gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:100}.page-header-content{justify-content:space-between;padding:var(--spacing-4) 0}.page-header-content,.page-header-left{align-items:center;display:flex;gap:var(--spacing-4)}.page-header-right{align-items:center;display:flex;gap:var(--spacing-3)}.page-logo{color:var(--color-primary);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em}.page-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.page-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);margin-top:var(--spacing-1)}.page-content{padding:var(--spacing-8) 0}.page-section{margin-bottom:var(--spacing-8)}.page-section:last-child{margin-bottom:0}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.section-subtitle{color:var(--color-gray-500);font-size:var(--text-sm)}.stats-grid{grid-gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--spacing-8)}.cards-grid,.stats-grid{display:grid;gap:var(--spacing-5)}.cards-grid{grid-gap:var(--spacing-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.credits-badge{background:var(--color-gray-100);border:1px solid var(--color-gray-200);font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.credits-badge-label{color:var(--color-gray-500)}.credits-badge-value{color:var(--color-primary);font-weight:var(--font-bold)}.user-menu{gap:var(--spacing-3)}.user-avatar,.user-menu{align-items:center;display:flex}.user-avatar{background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.back-link,.user-avatar{font-size:var(--text-sm)}.back-link{align-items:center;border-radius:var(--radius-md);color:var(--color-gray-600);display:inline-flex;font-weight:var(--font-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.back-link:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.back-link svg{height:16px;width:16px}.centered-layout{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-6)}.form-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:440px;padding:var(--spacing-8);width:100%}.form-header{margin-bottom:var(--spacing-6);text-align:center}.form-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.form-description{color:var(--color-gray-500);font-size:var(--text-sm)}.form-fields{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-actions,.form-footer{margin-top:var(--spacing-6)}.form-footer{color:var(--color-gray-500);font-size:var(--text-sm);text-align:center}.split-layout{display:flex;min-height:100vh}.split-layout-left{background:var(--color-primary);display:none;flex:1 1;overflow:hidden;padding:var(--spacing-12);position:relative}.split-layout-left:before{background:radial-gradient(circle,var(--color-primary-light) 0,#0000 70%);content:"";height:80%;opacity:.2;position:absolute;right:-30%;top:-30%;width:80%}.split-layout-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-8)}@media (min-width:1024px){.split-layout-left{align-items:center;display:flex}}.branding{max-width:480px;position:relative;z-index:1}.branding-logo{margin-bottom:var(--spacing-10)}.branding-logo h1{color:var(--color-white);font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.02em}.branding-logo p{color:#fffc;font-size:var(--text-lg);margin-top:var(--spacing-2)}.branding-features{display:flex;flex-direction:column;gap:var(--spacing-6)}.branding-feature{align-items:flex-start;display:flex;gap:var(--spacing-4)}.branding-feature-icon{align-items:center;background:#ffffff1a;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.branding-feature-icon svg{color:var(--color-white);height:24px;width:24px}.branding-feature-text h3{color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}.branding-feature-text p{color:#ffffffb3;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.mobile-logo{margin-bottom:var(--spacing-8);text-align:center}.mobile-logo h1{color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-bold)}.mobile-logo p{color:var(--color-gray-500);font-size:var(--text-sm);margin-top:var(--spacing-1)}@media (min-width:1024px){.mobile-logo{display:none}}@media (max-width:640px){.page-header-content{flex-wrap:wrap}.page-header-right{justify-content:space-between;width:100%}.cards-grid{grid-template-columns:1fr}}.dashboard-header-content{max-width:1280px}.dashboard-title{font-weight:var(--font-bold)}.dashboard-subtitle{margin:var(--spacing-1) 0 0}.dashboard-content{max-width:1280px}.credit-panel{background:var(--color-panel);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);gap:var(--spacing-5);justify-content:space-between;padding:var(--spacing-6)}.credit-panel,.credit-panel-main{display:flex;flex-direction:column}.credit-panel-main{gap:var(--spacing-2)}.eyebrow{color:var(--color-gray-500);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.credit-balance-row{align-items:center;display:flex;gap:var(--spacing-3)}.credit-balance{color:var(--color-gray-900);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1}.credit-status{align-items:center;background:var(--color-success-light);border-radius:var(--radius-full);color:var(--color-success);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);min-height:28px;padding:var(--spacing-1) var(--spacing-3)}.credit-status.low{background:var(--color-warning-light);color:var(--color-warning)}.credit-panel p,.dashboard-notice p{color:var(--color-gray-600);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.credit-panel-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.dashboard-metrics{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(4,minmax(0,1fr))}.metric-tile{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;min-height:132px;padding:var(--spacing-5)}.metric-tile span{color:var(--color-gray-500);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.metric-tile strong{color:var(--color-gray-900);font-size:var(--text-2xl);line-height:1}.metric-tile small{color:var(--color-gray-500);font-size:var(--text-xs)}.dashboard-notice{align-items:center;background:var(--color-brand-soft);border:1px solid var(--color-brand-soft-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-5);padding:var(--spacing-4) var(--spacing-5)}.dashboard-notice strong{color:var(--color-gray-900);display:block;font-size:var(--text-sm);margin-bottom:var(--spacing-1)}.projects-section .section-header{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between}.projects-section .section-title{color:var(--color-gray-900);font-weight:var(--font-bold)}.projects-section .section-subtitle{margin:var(--spacing-1) 0 0}.project-register{display:flex;flex-direction:column}.project-register-header,.project-row{grid-gap:var(--spacing-4);align-items:center;display:grid;gap:var(--spacing-4);grid-template-columns:minmax(320px,1.6fr) 130px minmax(140px,.7fr) minmax(140px,.7fr) 210px}.project-register-header{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-500);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-6);text-transform:uppercase}.project-row{border-bottom:1px solid var(--color-gray-100);padding:var(--spacing-4) var(--spacing-6)}.project-row:last-child{border-bottom:none}.project-row:hover{background:var(--color-gray-50)}.project-property{align-items:center;display:flex;gap:var(--spacing-3);min-width:0}.project-icon{align-items:center;background:var(--color-brand-soft);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.project-icon svg{height:20px;width:20px}.project-property h3{color:var(--color-gray-900);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}.project-property p{color:var(--color-gray-500);font-size:var(--text-xs);margin:var(--spacing-1) 0 0}.status-pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;min-height:28px;padding:var(--spacing-1) var(--spacing-3);text-transform:capitalize}.status-pill.completed{background:var(--color-success-light);color:var(--color-success)}.status-pill.processing{background:var(--color-info-light);color:var(--color-secondary)}.status-pill.failed{background:var(--color-error-light);color:var(--color-error)}.project-measure{display:flex;flex-direction:column;gap:var(--spacing-1)}.project-measure strong{color:var(--color-gray-900);font-size:var(--text-sm)}.mobile-label{color:var(--color-gray-500);display:none;font-size:var(--text-xs)}.project-actions{display:flex;gap:var(--spacing-2);justify-content:flex-end}.project-action{background:var(--color-panel);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);min-height:36px;padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.project-action:hover{border-color:var(--color-primary);color:var(--color-primary)}.project-action.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.project-action.primary:hover{background:var(--color-primary-dark);color:var(--color-white)}@media (max-width:1180px){.dashboard-overview{grid-template-columns:1fr}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-register-header,.project-row{grid-template-columns:minmax(260px,1.4fr) 120px 130px 130px 190px}}@media (max-width:820px){.dashboard-header{padding:var(--spacing-5) var(--spacing-4)}.dashboard-header-content{align-items:flex-start;flex-direction:column}.dashboard-content{padding:var(--spacing-4)}.dashboard-metrics{grid-template-columns:1fr}.dashboard-notice,.projects-section .section-header{align-items:stretch;flex-direction:column}.project-register-header{display:none}.project-row{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:1fr;padding:var(--spacing-4)}.mobile-label{display:inline}.project-actions{justify-content:stretch}.project-action{flex:1 1}}.dashboard-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-5) var(--spacing-6)}.dashboard-header-content{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1400px}.dashboard-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.dashboard-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:400;margin:var(--spacing-1) 0 0 0}.dashboard-content{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.stat-card{align-items:flex-start;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0000000f;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;display:flex;gap:var(--spacing-4);overflow:hidden;padding:var(--spacing-5);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.stat-card:hover{border-color:#00000014;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-md);box-shadow:0 2px 8px #007bff26;color:var(--color-white);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon svg{height:24px;width:24px}.stat-content{flex:1 1;min-width:0}.stat-content h3{color:var(--color-gray-500);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;margin:0 0 var(--spacing-2) 0;text-transform:uppercase}.stat-content .stat-value{color:var(--color-gray-900);font-size:var(--text-3xl);font-weight:700;line-height:1;margin:0 0 var(--spacing-1) 0}.stat-content .stat-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);margin:0}.projects-section{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0000000f;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;padding:var(--spacing-6)}.section-title{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--spacing-5) 0}.analysis-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.analysis-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-5) var(--spacing-6)}.analysis-header-content{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1400px}.back-button{align-items:center;background:#0000;border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);transition:all var(--transition-fast)}.back-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.credits-display{align-items:center;background-color:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-white);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.analysis-content{padding:var(--spacing-8)}.analysis-form-container{margin:0 auto}.analysis-intro{margin-bottom:var(--spacing-8)}.analysis-title{color:var(--color-gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-2) 0}.analysis-description{color:var(--color-gray-600);font-size:var(--text-base);margin:0}.analysis-tabs{background-color:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-1)}.analysis-tab{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;flex:1 1;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-3);transition:all var(--transition-fast)}.analysis-tab.active{background-color:var(--color-panel);box-shadow:var(--shadow-sm);color:var(--color-primary)}.analysis-form .form-group{margin-bottom:var(--spacing-5)}.checkbox-label{align-items:center;color:var(--color-gray-600);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-2);margin-top:var(--spacing-3)}.checkbox-input{cursor:pointer;height:16px;width:16px}.cost-summary{background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}.cost-row{display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--spacing-2)}.cost-row:last-child{margin-bottom:0}.cost-row span:first-child{color:var(--color-gray-600)}.cost-row span:last-child{color:var(--color-gray-900);font-weight:var(--font-medium)}.info-banner{background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}.info-title{color:var(--color-accent-dark);font-weight:var(--font-medium);margin:0 0 var(--spacing-1) 0}.info-text,.info-title{font-size:var(--text-sm)}.info-text{color:var(--color-gray-600);margin:0}.features-section{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-6);padding-top:var(--spacing-6)}.features-title{color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--spacing-4) 0}.features-list{flex-direction:column}.feature-item,.features-list{display:flex;gap:var(--spacing-2)}.feature-item{align-items:center;color:var(--color-gray-600);font-size:var(--text-sm)}.results-container{margin:0 auto;max-width:900px}.result-header-card{margin-bottom:var(--spacing-6)}.result-header{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between}.result-title{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--spacing-1) 0}.result-address{color:var(--color-gray-500);font-size:var(--text-sm);margin:0}.confidence-badge{font-size:var(--text-base);padding:var(--spacing-2) var(--spacing-4)}.measurement-transparency-card{margin-bottom:var(--spacing-6)}.measurement-transparency-header{align-items:flex-start;display:flex;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-4)}.measurement-transparency-header h3{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-1) 0}.measurement-transparency-header p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.transparency-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(4,minmax(0,1fr))}.transparency-item{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:150px;padding:var(--spacing-4)}.transparency-item span{color:var(--color-text-muted);display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2);text-transform:uppercase}.transparency-item strong{color:var(--color-text-primary);display:block;font-size:var(--text-sm);margin-bottom:var(--spacing-2)}.transparency-item p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45;margin:0}.metrics-grid{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.materials-card,.metrics-grid{margin-bottom:var(--spacing-6)}.materials-title{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-5) 0;text-align:center}.materials-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.actions-container{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}.credits-remaining{background:var(--color-gray-100);border-radius:var(--radius-lg);color:var(--color-gray-600);font-size:var(--text-sm);margin-top:var(--spacing-6);padding:var(--spacing-4);text-align:center}.pricing-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.pricing-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-5) var(--spacing-6)}.pricing-header-content{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1400px}.pricing-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.pricing-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:400;margin:var(--spacing-1) 0 0 0}.pricing-content{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.billing-toggle{align-items:center;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0000000f;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;display:flex;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:400px;padding:var(--spacing-4)}.billing-option{font-weight:500;transition:all .2s ease}.billing-option.active{font-weight:600}.toggle-switch{background:var(--color-gray-300);border:none;border-radius:14px;cursor:pointer;height:28px;padding:0;position:relative;transition:background .2s ease;width:56px}.toggle-switch:hover{background:var(--color-gray-400)}.toggle-slider{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px;left:2px;position:absolute;top:2px;transition:left .2s ease;width:24px}.toggle-slider.yearly{left:30px}.toggle-switch:has(.toggle-slider.yearly){background:var(--color-primary)}.save-badge{font-weight:700}.pricing-intro{margin:0 auto var(--spacing-10);max-width:600px;text-align:center}.pricing-grid{grid-gap:var(--spacing-6);gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1200px}.pricing-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0000000f;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.pricing-card:before{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-accent) 100%);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pricing-card:hover{border-color:#0000001a;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.pricing-card:hover:before{opacity:1}.pricing-card.popular{box-shadow:0 4px 16px #007bff26}.pricing-card.popular:before{height:4px;opacity:1}.popular-badge{left:50%;position:absolute;top:-12px;transform:translateX(-50%)}.package-header{margin-bottom:var(--spacing-6);text-align:center}.package-name{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0 0 var(--spacing-4) 0}.package-price{color:var(--color-primary);font-size:var(--text-4xl);font-weight:var(--font-bold)}.package-credits{background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);padding:var(--spacing-4);text-align:center}.package-credits-value{color:var(--color-gray-900);display:block;font-size:var(--text-3xl);font-weight:var(--font-bold)}.package-credits-label{color:var(--color-gray-500);display:block;font-size:var(--text-sm);letter-spacing:.05em;margin-top:var(--spacing-1);text-transform:uppercase}.package-features{margin-bottom:var(--spacing-6)}.package-feature{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--text-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.package-per-analysis{color:var(--color-gray-500);font-size:var(--text-sm);margin-bottom:var(--spacing-5);text-align:center}.checkout-summary{background:var(--color-gray-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);padding:var(--spacing-4)}.checkout-row{display:flex;font-size:var(--text-sm);justify-content:space-between;margin-bottom:var(--spacing-2)}.checkout-row:last-child{margin-bottom:0}.checkout-row span:first-child{color:var(--color-gray-600)}.checkout-row span:last-child{color:var(--color-gray-900);font-weight:var(--font-medium)}.checkout-total{border-top:1px solid var(--color-gray-200);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.card-element-container{background:var(--color-panel);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-4)}.checkout-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-5)}.profile-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.profile-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-5) var(--spacing-6)}.profile-header-content{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1400px}.profile-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.profile-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:400;margin:var(--spacing-1) 0 0 0}.profile-content{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.profile-container{display:flex;flex-direction:column;gap:var(--spacing-6);margin:0 auto;max-width:800px}.profile-card{background-color:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.profile-section-title{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-6) 0}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.profile-form .form-group{margin-bottom:0}.input-hint{align-items:center;color:var(--color-gray-500);display:flex;gap:var(--spacing-1);margin-top:var(--spacing-2)}.input-hint.warning{color:var(--color-warning)}.profile-info-grid{grid-gap:var(--spacing-4);background-color:var(--color-gray-50);border-radius:var(--radius-lg);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);padding:var(--spacing-4)}.profile-info-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.profile-info-label{color:var(--color-gray-500);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase}.profile-info-value{color:var(--color-gray-900);font-size:var(--text-base);font-weight:var(--font-semibold)}.account-actions{display:flex;flex-direction:column;gap:var(--spacing-3)}@media (max-width:768px){.analysis-header,.create-invoice-header,.dashboard-header,.invoices-header,.payment-history-header,.pricing-header,.profile-header{padding:var(--spacing-4)}.analysis-header-content,.create-invoice-header-content,.dashboard-header-content,.invoices-header-content,.payment-history-header-content,.pricing-header-content,.profile-header-content{align-items:flex-start;flex-direction:column}.back-button,.credits-display{justify-content:center;width:100%}.analysis-content,.create-invoice-content,.dashboard-content,.invoices-content,.payment-history-content,.pricing-content,.profile-content{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}.result-header{align-items:flex-start}.measurement-transparency-header,.result-header{flex-direction:column}.materials-grid,.metrics-grid,.transparency-grid{grid-template-columns:1fr}.actions-container{flex-direction:column}.pricing-grid,.profile-info-grid{grid-template-columns:1fr}.transactions-cards,.transactions-table-wrapper{display:block}.payment-history-container{padding:var(--spacing-4)}}.payment-history-container{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.payment-history-container .page-header{background:none;border:none;margin-bottom:var(--spacing-6);position:static}.payment-history-container .page-header h1{color:var(--color-gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.payment-history-container .subtitle{color:var(--color-gray-600);font-size:var(--text-base)}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;padding:var(--spacing-12)}.spinner{border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{align-items:center;background:var(--color-red-50);border:1px solid var(--color-red-200);border-radius:var(--radius-lg);color:var(--color-red-700);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.error-icon{font-size:var(--text-xl)}.empty-state{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-12);text-align:center}.empty-icon{font-size:64px;margin-bottom:var(--spacing-4)}.empty-state h3{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.empty-state p{color:var(--color-gray-600);margin-bottom:var(--spacing-6)}.transactions-table-wrapper{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.transactions-table thead{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.transactions-table th{color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-4)}.transactions-table td{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-900);padding:var(--spacing-4)}.transactions-table tbody tr:last-child td{border-bottom:none}.transactions-table tbody tr:hover{background:var(--color-gray-50)}.date-cell{font-size:var(--text-sm)}.transaction-type{display:inline-flex}.package-cell{font-weight:var(--font-medium)}.credits-cell .credits-badge{background:var(--color-green-100);border-radius:var(--radius-full);color:var(--color-green-700);display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-3)}.invoice-cell code{background:var(--color-gray-100);border-radius:var(--radius-md);font-family:Courier New,monospace}.status-badge{display:inline-block;font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.status-completed{background:var(--color-green-100);color:var(--color-green-700)}.status-pending{background:var(--color-yellow-100);color:var(--color-yellow-700)}.status-failed{background:var(--color-red-100);color:var(--color-red-700)}.transactions-cards{display:none;flex-direction:column;gap:var(--spacing-4)}.transaction-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.card-header{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.card-header,.card-title{align-items:flex-start;display:flex}.card-title{gap:var(--spacing-3)}.transaction-type-icon{display:inline-flex;margin-right:var(--spacing-2)}.card-title h3{color:var(--color-gray-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}.transaction-date{color:var(--color-gray-500);font-size:var(--text-sm)}.card-details{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.detail-row{align-items:center;display:flex;justify-content:space-between}.detail-label{color:var(--color-gray-600)}.detail-label,.detail-value{font-size:var(--text-sm);font-weight:var(--font-medium)}.detail-value{color:var(--color-gray-900)}.detail-value.credits-badge{background:var(--color-green-100);border-radius:var(--radius-full);color:var(--color-green-700);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-3)}.detail-value.amount-highlight{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:var(--font-bold)}.detail-value code{background:var(--color-gray-100);border-radius:var(--radius-md);font-family:Courier New,monospace;font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2)}.card-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.pagination{padding:var(--spacing-4)}.btn-pagination{background:var(--color-panel);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);font-weight:var(--font-medium);transition:all .2s}.btn-pagination:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-pagination:disabled{opacity:.5}.page-info{font-weight:var(--font-medium)}@media (max-width:768px){.payment-history-container{padding:var(--spacing-4)}.payment-history-container .page-header h1{font-size:var(--text-2xl)}.desktop-only{display:none}.mobile-only{display:flex}.pagination{flex-direction:column;gap:var(--spacing-3)}.btn-pagination{width:100%}}.invoices-container{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.filters-bar{background:var(--color-surface);border-radius:var(--radius-lg);gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.filter-group,.filters-bar{align-items:center;display:flex}.filter-group{gap:var(--spacing-2)}.filter-group label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.filter-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3)}.filter-select:focus{border-color:var(--color-primary);outline:none}.invoices-table-wrapper{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.invoices-table{border-collapse:collapse;width:100%}.invoices-table thead{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.invoices-table th{color:var(--color-text-secondary);font-weight:var(--font-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase}.invoices-table td,.invoices-table th{font-size:var(--text-sm);padding:var(--spacing-4)}.invoices-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.invoices-table tbody tr:last-child td{border-bottom:none}.invoices-table tbody tr:hover{background:var(--color-surface)}.invoice-number{background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-gray-700);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2)}.client-name{color:var(--color-text-primary);font-weight:var(--font-medium)}.amount-cell{color:var(--color-primary);font-weight:var(--font-semibold)}.status-draft{background:var(--color-gray-100);color:var(--color-gray-700)}.status-sent{background:var(--color-secondary-light);color:var(--color-secondary-dark)}.status-paid{background:var(--color-success-light);color:var(--color-success)}.status-overdue{background:var(--color-error-light);color:var(--color-error)}.invoices-cards{display:flex;flex-direction:column;gap:var(--spacing-4)}.invoice-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4)}.invoice-card .card-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4)}.invoice-card .card-header h3{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--spacing-1)}.invoice-card .card-details{display:flex;flex-direction:column;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.invoice-card .detail-row{align-items:center;display:flex;justify-content:space-between}.invoice-card .detail-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.invoice-card .detail-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.invoice-card .detail-value.amount{color:var(--color-primary);font-size:var(--text-lg);font-weight:var(--font-bold)}.invoice-card .card-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.btn-danger{color:var(--color-error)}.btn-danger:hover{background:var(--color-error-light)}.btn-success{color:var(--color-success)}.btn-success:hover{background:var(--color-success-light)}@media (max-width:768px){.invoices-container{padding:var(--spacing-4)}.filter-group,.filters-bar{align-items:stretch;flex-direction:column}.filter-select{width:100%}}.create-invoice-container{margin:0 auto;max-width:1200px;padding:var(--spacing-6)}.form-section{background:var(--color-background);border:1px solid var(--color-border)}.form-section h2{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold)}.form-section h2,.section-header{margin-bottom:var(--spacing-4)}.section-header h2{margin-bottom:0}.form-group label{color:var(--color-text-secondary);font-weight:var(--font-medium)}.form-input,.form-select,.form-textarea{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.line-items-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.line-items-header{background:var(--color-surface);color:var(--color-text-secondary);font-weight:var(--font-semibold)}.line-item-row,.line-items-header{grid-gap:var(--spacing-2);gap:var(--spacing-2)}.line-item-row{border-top:1px solid var(--color-border)}.line-item-row .form-input,.line-item-row .form-select{margin-bottom:0}.col-total{color:var(--color-text-primary);font-weight:var(--font-semibold)}.invoice-totals{background:var(--color-surface);border-radius:var(--radius-md);margin-left:auto;margin-top:var(--spacing-4);max-width:400px;padding:var(--spacing-4)}.total-row{color:var(--color-text-secondary);display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-2) 0}.total-final{border-top:2px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-bold);margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.form-actions{border-top:1px solid var(--color-border)}.btn-sm{font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3)}@media (max-width:768px){.create-invoice-container,.form-section{padding:var(--spacing-4)}.form-row{grid-template-columns:1fr}.line-items-header{display:none}.line-item-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--spacing-3);grid-template-columns:1fr;margin-bottom:var(--spacing-3);padding:var(--spacing-4)}.line-item-row>div{display:flex;flex-direction:column}.line-item-row>div:before{color:var(--color-text-secondary);content:attr(data-label);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1);text-transform:uppercase}.col-description:before{content:"Description"}.col-type:before{content:"Type"}.col-qty:before{content:"Quantity"}.col-price:before{content:"Unit Price"}.col-total:before{content:"Total"}.col-actions{justify-content:flex-start}.invoice-totals{max-width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.dashboard-page{background:var(--color-app-bg)}.dashboard-header{background:var(--color-panel);border-bottom:1px solid var(--color-gray-200);box-shadow:none}.dashboard-content,.dashboard-header-content{max-width:1280px}.dashboard-overview{grid-gap:var(--spacing-5);display:grid;gap:var(--spacing-5);grid-template-columns:minmax(320px,.95fr) minmax(520px,1.55fr);margin-bottom:var(--spacing-5)}.projects-section{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;padding:0}.projects-section .section-header{border-bottom:1px solid var(--color-gray-200);margin:0;padding:var(--spacing-5) var(--spacing-6)}.projects-section .section-title{font-size:var(--text-lg);margin:0}@media (max-width:1180px){.dashboard-overview{grid-template-columns:1fr}}@media (max-width:820px){.dashboard-header{padding:var(--spacing-5) var(--spacing-4) var(--spacing-4)}.dashboard-header-content{align-items:stretch;flex-direction:column;gap:var(--spacing-4)}.dashboard-title{font-size:var(--text-2xl);line-height:var(--leading-tight)}.dashboard-subtitle{line-height:var(--leading-normal);max-width:34rem}.dashboard-header .btn{justify-content:center;width:100%}.dashboard-content{padding:var(--spacing-4)}.dashboard-overview{gap:var(--spacing-4)}.credit-panel{padding:var(--spacing-5)}.credit-panel-actions{display:grid;grid-template-columns:1fr}.dashboard-metrics{gap:var(--spacing-4);grid-template-columns:1fr}.metric-tile{min-height:116px}}@media (max-width:520px){.dashboard-content,.dashboard-header{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.credit-balance-row{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.project-actions{display:grid;grid-template-columns:1fr}}.profile-section-description{margin-bottom:var(--spacing-4);margin-top:calc(var(--spacing-2)*-1)}.form-label,.profile-section-description{color:var(--color-text-secondary);font-size:var(--text-sm)}.form-label{display:block;font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.form-textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--spacing-3);resize:vertical;transition:border-color var(--transition-fast);width:100%}.form-textarea:focus{border-color:var(--color-primary);outline:none}.form-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-3);transition:border-color var(--transition-fast);width:100%}.form-select:focus{border-color:var(--color-primary);outline:none}.form-row{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}.input-hint{color:var(--color-text-secondary);font-size:var(--text-xs);margin-top:var(--spacing-1)}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.create-invoice-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.create-invoice-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-5) var(--spacing-6)}.create-invoice-header-content{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1200px}.create-invoice-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.create-invoice-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:400;margin:var(--spacing-1) 0 0 0}.create-invoice-content{margin:0 auto;max-width:1200px;padding:var(--spacing-6)}.invoice-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-section{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0000000f;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;padding:var(--spacing-6)}.form-section h2{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-5) 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-5)}.section-header h2{margin:0}.form-group{margin-bottom:var(--spacing-4)}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--color-gray-700);display:block;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--spacing-2)}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-md);color:var(--color-gray-900);font-size:var(--text-sm);padding:var(--spacing-3);transition:all .15s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a;outline:none}.line-items-table{display:flex;flex-direction:column;gap:var(--spacing-3)}.line-items-header{background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.line-item-row,.line-items-header{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:2fr 1fr .8fr 1fr 1fr 60px;padding:var(--spacing-3)}.line-item-row{align-items:center;background:#fff;border:1px solid #0000000f;border-radius:var(--radius-md);transition:all .15s ease}.line-item-row:hover{border-color:#0000001a;box-shadow:0 2px 4px #0000000a}.col-total{color:var(--color-gray-900);font-size:var(--text-sm);font-weight:600}.col-actions{display:flex;justify-content:center}.invoice-summary{background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-radius:var(--radius-md);margin-top:var(--spacing-4);padding:var(--spacing-5)}.summary-row{align-items:center;display:flex;font-size:var(--text-sm);justify-content:space-between;padding:var(--spacing-2) 0}.summary-row.total{border-top:2px solid #0000001a;color:var(--color-gray-900);font-size:var(--text-lg);font-weight:700;margin-top:var(--spacing-2);padding-top:var(--spacing-3)}.summary-row span:first-child{color:var(--color-gray-600);font-weight:500}.summary-row span:last-child{color:var(--color-gray-900);font-weight:600}.form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4)}.invoices-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.invoices-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-5) var(--spacing-6)}.invoices-header-content{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1400px}.invoices-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.invoices-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:400;margin:var(--spacing-1) 0 0 0}.invoices-content{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.payment-history-page{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.payment-history-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000f;box-shadow:0 1px 3px #0000000a;padding:var(--spacing-5) var(--spacing-6)}.payment-history-header-content{margin:0 auto;max-width:1400px}.payment-history-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.payment-history-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:400;margin:var(--spacing-1) 0 0 0}.payment-history-content{margin:0 auto;max-width:1400px;padding:var(--spacing-6)}.transactions-table-wrapper{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0000000f;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;overflow:hidden}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead{background:linear-gradient(135deg,#f8f9fa,#f1f3f5);border-bottom:2px solid #0000000f}.transactions-table th{color:var(--color-gray-600);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:var(--spacing-4) var(--spacing-5);text-align:left;text-transform:uppercase}.transactions-table tbody tr{border-bottom:1px solid #0000000a;transition:background-color .15s ease}.transactions-table tbody tr:hover{background-color:#007bff05}.transactions-table td{color:var(--color-gray-700);font-size:var(--text-sm);padding:var(--spacing-4) var(--spacing-5)}.date-cell{color:var(--color-gray-600);font-size:var(--text-xs)}.transaction-type{align-items:center;display:flex;gap:var(--spacing-2);text-transform:capitalize}.transaction-type-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:var(--radius-sm);color:#fff;display:flex;height:28px;justify-content:center;width:28px}.credits-badge{align-items:center;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:var(--radius-full);color:#065f46;display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-3)}.amount-cell{color:var(--color-gray-900);font-weight:600}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-3)}.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.invoice-cell code{background:#0000000a;border-radius:var(--radius-sm);color:var(--color-gray-700);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2)}.actions-cell{display:flex;gap:var(--spacing-2)}.btn-icon{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.btn-icon:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-1px)}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.pagination{align-items:center;display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-6)}.btn-pagination{background:#fff;border:1px solid #0000001a;border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--spacing-2) var(--spacing-4);transition:all .15s ease}.btn-pagination:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-pagination:disabled{cursor:not-allowed;opacity:.4}.page-info{color:var(--color-gray-600);font-size:var(--text-sm);font-weight:500}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.payment-history-content,.payment-history-header{padding:var(--spacing-4)}.transactions-cards{display:flex;flex-direction:column;gap:var(--spacing-4)}.transaction-card{background:#fff;border:1px solid #0000000f;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a;padding:var(--spacing-4)}.card-header{align-items:flex-start;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3)}.card-title{display:flex;gap:var(--spacing-3)}.card-title h3{color:var(--color-gray-900);font-size:var(--text-base);font-weight:600;margin:0 0 var(--spacing-1) 0}.transaction-date{color:var(--color-gray-500);font-size:var(--text-xs);margin:0}.card-details{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.detail-row{align-items:center;display:flex;font-size:var(--text-sm);justify-content:space-between}.detail-label{color:var(--color-gray-600);font-weight:500}.detail-value{color:var(--color-gray-900);font-weight:600}.card-actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.btn-full{width:100%}}.analysis-page,.create-invoice-page,.dashboard-page,.invoices-page,.payment-history-page,.pricing-page,.profile-page{background:var(--color-app-bg);min-height:100vh}.create-invoice-header,.dashboard-header,.invoices-header,.payment-history-header,.pricing-header,.profile-header{background:var(--color-panel);border-bottom:1px solid var(--color-gray-200);box-shadow:none;padding:var(--spacing-5) var(--spacing-6)}.create-invoice-header-content,.dashboard-header-content,.invoices-header-content,.payment-history-header-content,.pricing-header-content,.profile-header-content{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1280px}.analysis-title,.create-invoice-title,.dashboard-title,.invoices-title,.payment-history-title,.pricing-title,.profile-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:0;line-height:var(--leading-tight);margin:0}.analysis-description,.create-invoice-subtitle,.dashboard-subtitle,.invoices-subtitle,.payment-history-subtitle,.pricing-subtitle,.profile-subtitle{color:var(--color-gray-500);font-size:var(--text-sm);line-height:var(--leading-normal);margin:var(--spacing-1) 0 0}.analysis-content,.create-invoice-content,.dashboard-content,.invoices-content,.payment-history-content,.pricing-content,.profile-content{margin:0 auto;max-width:1280px;padding:var(--spacing-6)}.content-loading-panel{align-items:center;background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--color-gray-600);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:320px;padding:var(--spacing-8)}.content-loading-panel p{font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.payment-state-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--spacing-4);min-height:300px;padding:var(--spacing-8);text-align:center}.payment-state-card,.payment-state-icon{align-items:center;justify-content:center}.payment-state-icon{background:var(--color-brand-soft);border:1px solid var(--color-brand-soft-border);border-radius:var(--radius-xl);color:var(--color-primary);display:inline-flex;height:72px;width:72px}.payment-state-icon.error{background:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error)}.payment-state-copy{max-width:520px}.payment-state-copy h2{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-2)}.payment-state-copy p{color:var(--color-gray-500);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.payment-state-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.payment-pricing-link{min-width:140px}.btn-leading-icon{flex-shrink:0}.invoice-toolbar{align-items:center;background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.invoice-toolbar h2{color:var(--color-gray-900);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0}.invoice-toolbar p{color:var(--color-gray-500);font-size:var(--text-sm);margin:var(--spacing-1) 0 0}.invoice-state-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--spacing-4);min-height:300px;padding:var(--spacing-8);text-align:center}.invoice-state-card,.invoice-state-icon{align-items:center;justify-content:center}.invoice-state-icon{background:var(--color-brand-soft);border:1px solid var(--color-brand-soft-border);border-radius:var(--radius-xl);color:var(--color-primary);display:inline-flex;height:72px;width:72px}.invoice-state-icon.error{background:var(--color-error-light);border-color:var(--color-error-border);color:var(--color-error)}.invoice-state-copy{max-width:520px}.invoice-state-copy h2{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-2)}.invoice-state-copy p{color:var(--color-gray-500);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.invoice-state-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.form-section,.invoice-card,.invoices-table-wrapper,.line-item-row{background:var(--color-panel);border-color:var(--color-gray-200)}.invoice-totals,.invoices-table thead,.line-items-header{background:var(--color-panel-muted);border-color:var(--color-gray-200)}.invoices-table tbody tr:hover,.line-item-row:hover{background:var(--color-panel-muted)}.filter-select,.form-input,.form-select,.form-textarea{background:var(--color-panel);border-color:var(--color-gray-300);color:var(--color-gray-900)}.invoice-cell code,.invoice-number{background:var(--color-panel-muted);color:var(--color-gray-700)}.invoice-cell code,.invoice-number,.invoice-totals{border:1px solid var(--color-gray-200)}.col-total,.total-row span:last-child{color:var(--color-gray-900);font-weight:var(--font-semibold)}.total-final span:last-child{color:var(--color-primary)}@media (max-width:820px){.invoice-toolbar{align-items:stretch;flex-direction:column}}.analysis-content{padding-top:var(--spacing-8)}.analysis-form-container{max-width:560px}.analysis-intro{margin-bottom:var(--spacing-6);text-align:center}.analysis-tab-icon{margin-right:var(--spacing-2)}.cost-note{color:var(--color-gray-600);font-size:var(--text-xs);margin-top:var(--spacing-2)}.analysis-card-title{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--spacing-2);margin:0 0 var(--spacing-4)}.material-row,.measurement-row{border-bottom:1px solid var(--color-gray-100);display:flex;font-size:var(--text-sm);gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-2) 0}.measurement-row.last{border-bottom:0}.material-row span,.measurement-row span{color:var(--color-gray-500)}.material-row strong,.measurement-row strong{color:var(--color-gray-900);font-weight:var(--font-medium);text-align:right}.material-group-title{border-bottom:2px solid var(--color-primary);color:var(--color-gray-700);font-size:var(--text-sm);font-weight:var(--font-semibold);margin:0 0 var(--spacing-3);padding-bottom:var(--spacing-2)}.back-button,.credits-display{display:none}.pricing-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1120px;padding:var(--spacing-4) 0}.billing-toggle{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);gap:var(--spacing-3);margin:0 auto var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);width:-webkit-fit-content;width:fit-content}.billing-option{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:var(--font-semibold)}.billing-option.active{color:var(--color-gray-900)}.save-badge{color:var(--color-success);font-size:var(--text-xs);font-weight:var(--font-bold);margin-left:var(--spacing-2)}.pricing-card{background:var(--color-panel);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible;position:relative}.pricing-card.popular{border:2px solid var(--color-primary);box-shadow:var(--shadow-glow)}.popular-plan-badge{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-4)}.pricing-card-header{margin-bottom:var(--spacing-4);text-align:left}.pricing-plan-name{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 0 var(--spacing-2)}.plan-best-for{color:var(--color-gray-500);font-size:var(--text-xs);line-height:var(--leading-normal);margin:var(--spacing-2) 0 var(--spacing-4);min-height:38px}.plan-price-block{margin-bottom:var(--spacing-3)}.plan-price{color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1}.plan-price-caption{color:var(--color-gray-500);font-size:var(--text-xs);font-size:var(--text-sm)}.plan-price-caption,.plan-savings{margin-top:var(--spacing-1)}.plan-savings{color:var(--color-success);font-size:var(--text-xs)}.plan-description{font-weight:var(--font-medium);line-height:var(--leading-normal);margin:0}.plan-allowance,.plan-description{color:var(--color-gray-700);font-size:var(--text-sm)}.plan-allowance{align-items:center;background:var(--color-brand-soft);border:1px solid var(--color-brand-soft-border);border-radius:var(--radius-md);display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3);padding:var(--spacing-3)}.plan-allowance strong{color:var(--color-primary);font-size:var(--text-xl);line-height:1}.plan-features{margin-bottom:var(--spacing-4)}.plan-feature{align-items:flex-start;color:var(--color-gray-700);display:flex;font-size:var(--text-sm);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.plan-feature-icon{flex-shrink:0;margin-top:2px}.pricing-card .card-body{padding:var(--spacing-5)}@media (max-width:820px){.create-invoice-header,.dashboard-header,.invoices-header,.payment-history-header,.pricing-header,.profile-header{padding:var(--spacing-5) var(--spacing-4) var(--spacing-4)}.create-invoice-header-content,.dashboard-header-content,.invoices-header-content,.payment-history-header-content,.pricing-header-content,.profile-header-content{align-items:stretch;flex-direction:column}.create-invoice-header .btn,.dashboard-header .btn,.invoices-header .btn{justify-content:center;width:100%}.analysis-content,.create-invoice-content,.dashboard-content,.invoices-content,.payment-history-content,.pricing-content,.profile-content{padding:var(--spacing-4)}.pricing-grid{grid-template-columns:1fr;padding:var(--spacing-4) 0}.analysis-content{padding-top:var(--spacing-6)}.analysis-intro{text-align:left}}@media (max-width:520px){.analysis-content,.create-invoice-content,.create-invoice-header,.dashboard-content,.dashboard-header,.invoices-content,.invoices-header,.payment-history-content,.payment-history-header,.pricing-content,.pricing-header,.profile-content,.profile-header{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}}.spinner{animation:spin .8s linear infinite;border-radius:50%}.spinner-sm{border-width:2px;height:16px;width:16px}.spinner-md{border-width:2.5px;height:24px;width:24px}.spinner-lg{border-width:3px;height:40px;width:40px}.spinner-primary{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary)}.spinner-white{border:3px solid #ffffff4d;border-top:3px solid var(--color-white)}.spinner-gray{border:3px solid var(--color-gray-200);border-top-color:var(--color-gray-500)}.loading-page{align-items:center;background:var(--color-gray-50);display:flex;flex-direction:column;gap:var(--spacing-4);justify-content:center;min-height:100vh}.loading-page p{color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.dark-hidden{display:block}.dark-visible{display:none}@media (prefers-color-scheme:dark){.dark-hidden{display:none}.dark-visible{display:block}}.public-layout-icon{flex-shrink:0;height:16px;width:16px}.public-layout{background-color:var(--color-app-bg);display:flex;flex-direction:column;min-height:100vh}.public-layout-content{flex:1 1;width:100%}.public-navbar{background:var(--color-panel);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--spacing-4) var(--spacing-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.public-navbar-container{align-items:center;display:flex;gap:var(--spacing-4);justify-content:space-between;margin:0 auto;max-width:1200px}.public-navbar-brand{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-3);text-decoration:none}.public-navbar-logo{height:40px;width:auto}.public-navbar-brand-name{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.2}.public-navbar-actions{align-items:center;display:flex;gap:var(--spacing-4)}.public-navbar-link{background:none;border:none;color:var(--color-gray-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:0;text-decoration:none;transition:color var(--transition-fast)}.public-navbar-link:hover{color:var(--color-primary)}.public-navbar-btn{display:inline-flex}.public-navbar-btn-mobile{display:none}.public-footer{background:var(--color-gray-900);color:var(--color-white);margin-top:auto;padding:var(--spacing-12) var(--spacing-6) var(--spacing-8)}.public-footer-container{margin:0 auto;max-width:1200px}.public-footer-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:2fr 1fr 1fr;margin-bottom:var(--spacing-8)}.public-footer-brand{align-items:center;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.public-footer-logo{height:40px;width:auto}.public-footer-brand-name{color:var(--color-white);font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1.2}.public-footer-description{color:var(--color-gray-400);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.public-footer-socials{display:flex;gap:var(--spacing-4)}.public-footer-social-link{color:var(--color-gray-400);transition:color var(--transition-fast)}.public-footer-social-link:hover{color:var(--color-white)}.public-footer-social-link svg{height:24px;width:24px}.public-footer-column-title{color:var(--color-white);font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--spacing-4)}.public-footer-links{display:flex;flex-direction:column;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.public-footer-link{background:none;border:none;color:var(--color-gray-400);cursor:pointer;font-size:var(--text-sm);padding:0;text-align:left;text-decoration:none;transition:color var(--transition-fast)}.public-footer-link:hover{color:var(--color-white)}.public-footer-bottom{align-items:center;border-top:1px solid var(--color-gray-800);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;padding-top:var(--spacing-6)}.public-footer-copyright,.public-footer-tagline{color:var(--color-gray-400);font-size:var(--text-sm)}.public-footer-tagline{align-items:center;display:flex;gap:var(--spacing-2)}.public-footer-tagline svg{color:var(--color-success);height:16px;width:16px}.legal-page{color:var(--color-gray-800);line-height:var(--leading-relaxed);margin:0 auto;max-width:900px;padding:var(--spacing-12) var(--spacing-6)}.legal-page-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-10);padding-bottom:var(--spacing-8);text-align:center}.legal-page-title{color:var(--color-gray-900);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-3)}.legal-page-updated{color:var(--color-text-secondary);font-size:var(--text-base)}.legal-page section{margin-bottom:var(--spacing-8)}.legal-page h2{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);margin-top:var(--spacing-8)}.legal-page h3{color:var(--color-gray-800);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-3);margin-top:var(--spacing-6)}.legal-page p{color:var(--color-gray-700)}.legal-page p,.legal-page ul{margin-bottom:var(--spacing-4)}.legal-page ul{padding-left:var(--spacing-6)}.legal-page li{color:var(--color-gray-700);margin-bottom:var(--spacing-2)}.legal-page strong{color:var(--color-gray-900);font-weight:var(--font-semibold)}.legal-critical-notice{background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:var(--radius-xl);margin-bottom:var(--spacing-8);padding:var(--spacing-6)}.legal-critical-notice h2{color:var(--color-error);margin-bottom:var(--spacing-3);margin-top:0}.legal-warning{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);color:#92400e;color:var(--color-warning-dark,#92400e)}.legal-success,.legal-warning{margin:var(--spacing-4) 0;padding:var(--spacing-4)}.legal-success{background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:var(--radius-lg);color:#065f46;color:var(--color-success-dark,#065f46)}.legal-back-link{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:0;text-decoration:none;transition:color var(--transition-fast)}.legal-back-link:hover{color:var(--color-primary-dark)}.legal-back-link svg{height:20px;width:20px}@media (max-width:768px){.public-navbar{padding:var(--spacing-3) var(--spacing-4)}.public-navbar-logo{height:32px}.public-navbar-brand-name{font-size:var(--text-lg)}.public-navbar-link{display:none}.public-navbar-btn{display:inline-flex}.public-navbar-btn-mobile{display:none}.public-footer-grid{gap:var(--spacing-8);grid-template-columns:1fr}.public-footer-bottom{flex-direction:column;text-align:center}.legal-page{padding:var(--spacing-8) var(--spacing-4)}.legal-page-title{font-size:var(--text-3xl)}}@media (max-width:480px){.public-navbar-brand-name{font-size:var(--text-base)}.legal-page-title{font-size:var(--text-2xl)}}.icon{flex-shrink:0;height:20px;width:20px}.free-lookup-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 50%,#0d6b7a 100%);color:var(--color-white);overflow:hidden;padding:var(--spacing-16) var(--spacing-4);position:relative;text-align:center}.free-lookup-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.free-lookup-hero>*{position:relative;z-index:1}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2) var(--spacing-4)}.hero-badge,.hero-title{color:var(--color-white)}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.1;margin-bottom:var(--spacing-4)}.hero-subtitle{color:#ffffffe6;font-size:var(--text-xl);margin-bottom:var(--spacing-6);margin-left:auto;margin-right:auto;max-width:600px}.hero-features{align-items:center;color:#ffffffd9;display:flex;flex-wrap:wrap;font-size:var(--text-base);gap:var(--spacing-4);justify-content:center}.hero-feature-item{align-items:center;display:inline-flex;gap:var(--spacing-2)}.hero-feature-divider{color:#ffffff80}.hero-feature-highlight{color:#fbbf24;font-weight:var(--font-semibold)}.free-lookup-main{flex:1 1;margin:0 auto;max-width:900px;padding:var(--spacing-8) var(--spacing-4);width:100%}.lookup-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-10);padding:var(--spacing-8)}.lookup-form{gap:var(--spacing-4)}.lookup-form,.lookup-form-group{display:flex;flex-direction:column}.lookup-form-group,.lookup-form-label{gap:var(--spacing-2)}.lookup-form-label{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold)}.lookup-form-label svg{color:var(--color-primary);height:18px;width:18px}.lookup-input{background:var(--color-panel);border:2px solid var(--color-gray-300);border-radius:var(--radius-xl);color:var(--color-gray-900);font-size:var(--text-lg);padding:var(--spacing-4) var(--spacing-5);transition:all var(--transition-fast);width:100%}.lookup-input:hover{border-color:var(--color-gray-400)}.lookup-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1da6af26;outline:none}.lookup-input::placeholder{color:var(--color-gray-400)}.lookup-input:disabled{background:var(--color-gray-100);cursor:not-allowed}.lookup-submit-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-xl);box-shadow:0 4px 14px #1da6af4d;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--spacing-2);justify-content:center;padding:var(--spacing-4) var(--spacing-6);transition:all var(--transition-fast);width:100%}.lookup-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 6px 20px #1da6af66;transform:translateY(-2px)}.lookup-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.lookup-submit-btn svg{height:24px;width:24px}.spinner{animation:spin 1s linear infinite;height:20px;width:20px}.lookup-alert{align-items:flex-start;border-radius:var(--radius-lg);display:flex;font-size:var(--text-sm);gap:var(--spacing-3);margin-top:var(--spacing-4);padding:var(--spacing-4)}.lookup-alert-error{background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error)}.lookup-alert-warning{background:var(--color-warning-light);border:1px solid var(--color-warning-border);color:var(--color-warning)}.lookup-alert svg{flex-shrink:0;height:20px;margin-top:2px;width:20px}.lookup-alert-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:var(--font-semibold);padding:0;text-decoration:none}.lookup-alert-link:hover{text-decoration:underline}.results-card{animation:slideUp .4s ease-out;background:var(--color-panel);border:1px solid var(--color-success-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.results-header{flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.results-header,.results-title{align-items:center;display:flex}.results-title{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold);gap:var(--spacing-2)}.results-title svg{color:var(--color-success);height:28px;width:28px}.results-badge{align-items:center;background:var(--color-success-light);border-radius:var(--radius-full);color:var(--color-success);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3)}.results-image-container{border:4px solid var(--color-gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-6);overflow:hidden;position:relative}.results-image{display:block;width:100%}.results-image-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--spacing-1) var(--spacing-3);position:absolute;right:var(--spacing-4);top:var(--spacing-4)}.results-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--spacing-6)}.results-stat{background:var(--color-brand-soft);border:1px solid var(--color-brand-soft-border);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.results-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.results-stat-header{align-items:center;color:var(--color-gray-600);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.results-stat-header svg{color:var(--color-primary);height:18px;width:18px}.results-stat-value{color:var(--color-gray-900);font-size:var(--text-2xl);font-weight:var(--font-bold)}.results-stat-unit{color:var(--color-gray-600);font-size:var(--text-lg);font-weight:var(--font-semibold)}.results-stat-note{align-items:center;color:var(--color-gray-500);display:flex;font-size:var(--text-xs);gap:var(--spacing-1);margin-top:var(--spacing-1)}.results-stat-note svg{height:12px;width:12px}.results-upgrade-banner{background:var(--color-info-light);border:1px solid var(--color-secondary-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.results-upgrade-banner svg{color:var(--color-info);flex-shrink:0;height:20px;margin-top:2px;width:20px}.results-upgrade-text{color:var(--color-gray-800);font-size:var(--text-sm);font-weight:var(--font-semibold)}.results-actions{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.results-btn-outline{background:#0000;border:2px solid var(--color-gray-300);border-radius:var(--radius-lg);color:var(--color-gray-700);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast)}.results-btn-outline:hover{background:var(--color-brand-soft);border-color:var(--color-primary);color:var(--color-primary)}.results-btn-primary{background:var(--color-primary);border:none;border-radius:var(--radius-lg);box-shadow:0 4px 14px #1da6af4d;color:var(--color-white);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--spacing-3) var(--spacing-5);transition:all var(--transition-fast)}.results-btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #1da6af66;transform:translateY(-2px)}.benefits-card{background:linear-gradient(135deg,var(--color-brand-soft) 0,var(--color-panel) 100%);border:1px solid var(--color-brand-soft-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.benefits-title{color:var(--color-gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-5)}.benefits-list{flex-direction:column;list-style:none;margin:0;margin-bottom:var(--spacing-6);padding:0}.benefits-item,.benefits-list{display:flex;gap:var(--spacing-3)}.benefits-item{align-items:flex-start;color:var(--color-gray-700);font-size:var(--text-base)}.benefits-item svg{color:var(--color-success);flex-shrink:0;height:20px;margin-top:2px;width:20px}.benefits-footer{border-top:1px solid var(--color-brand-soft-border);padding-top:var(--spacing-6)}.benefits-btn{background:var(--color-primary);border:none;border-radius:var(--radius-xl);box-shadow:0 4px 14px #1da6af4d;color:var(--color-white);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--spacing-4) var(--spacing-6);transition:all var(--transition-fast);width:100%}.benefits-btn:hover{background:var(--color-primary-dark);box-shadow:0 6px 20px #1da6af66;transform:translateY(-2px)}.trust-badges{margin-bottom:var(--spacing-10)}.trust-badges-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--spacing-8)}.trust-badges-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.trust-badge{text-align:center}.trust-badge-value{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-1)}.trust-badge-value.blue{color:var(--color-primary)}.trust-badge-value.green{color:var(--color-success)}.trust-badge-value.purple{color:#8b5cf6}.trust-badge-value.orange{color:#f97316}.trust-badge-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.how-it-works{margin-top:var(--spacing-12)}.how-it-works-header{margin-bottom:var(--spacing-8);text-align:center}.how-it-works-title{color:var(--color-gray-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.how-it-works-subtitle{color:var(--color-text-secondary);font-size:var(--text-lg)}.how-it-works-grid{grid-gap:var(--spacing-8);display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.how-it-works-step{text-align:center}.step-icon-wrapper{display:inline-flex;margin-bottom:var(--spacing-5);position:relative}.step-icon{align-items:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;height:80px;justify-content:center;transition:transform var(--transition-fast);width:80px}.step-icon.blue{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.step-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.step-icon.green{background:linear-gradient(135deg,var(--color-success) 0,var(--color-accent-dark) 100%)}.step-icon svg{color:var(--color-white);height:36px;width:36px}.step-number{background:#fbbf24;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#92400e;font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);position:absolute;right:-8px;top:-8px}.step-number,.step-title{font-weight:var(--font-bold)}.step-title{color:var(--color-gray-900);font-size:var(--text-xl);margin-bottom:var(--spacing-2)}.step-description{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.how-it-works-step:hover .step-icon{transform:scale(1.1)}@media (max-width:768px){.free-lookup-hero{padding:var(--spacing-10) var(--spacing-4)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.hero-features{flex-direction:column;gap:var(--spacing-2)}.hero-feature-divider{display:none}.free-lookup-main{padding:var(--spacing-4)}.lookup-card{padding:var(--spacing-5)}.lookup-input,.lookup-submit-btn{font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-4)}.benefits-card,.results-card,.trust-badges-card{padding:var(--spacing-5)}.results-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-3)}.results-title{font-size:var(--text-xl)}.results-actions,.results-grid{grid-template-columns:1fr}.results-upgrade-banner{flex-direction:column}.how-it-works-title{font-size:var(--text-2xl)}.how-it-works-grid{gap:var(--spacing-6);grid-template-columns:1fr}.trust-badges-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr)}.trust-badge-value{font-size:var(--text-2xl)}}@media (max-width:480px){.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}.hero-badge{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-3)}.benefits-card,.lookup-card,.results-card,.trust-badges-card{padding:var(--spacing-4)}.results-title{font-size:var(--text-lg)}.results-title svg{height:24px;width:24px}.how-it-works-title,.results-stat-value{font-size:var(--text-xl)}.step-icon{height:64px;width:64px}.step-icon svg{height:28px;width:28px}.trust-badges-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5f936548.css.map*/