:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}:root{--color-primary:oklch(45% .12 145);--color-primary-hover:oklch(40% .13 145);--color-primary-light:oklch(55% .1 145);--color-primary-subtle:oklch(96% .02 145);--color-surface:#f8f9fa;--color-surface-raised:#fff;--color-surface-overlay:#0006;--color-ink:oklch(15% 0 0);--color-ink-muted:oklch(45% 0 0);--color-ink-subtle:oklch(60% 0 0);--color-border:oklch(90% 0 0);--color-border-strong:oklch(82% 0 0);--color-danger:oklch(55% .18 25);--color-danger-hover:oklch(48% .2 25);--color-danger-subtle:oklch(95% .03 25);--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 60px #00000026;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--z-drawer:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}body{min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:oklch(78% 0 0);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:oklch(65% 0 0)}.PhoneInput{gap:var(--space-2);display:flex}.PhoneInputCountry{padding:0 var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);align-items:center;display:flex}.PhoneInputCountryIcon{width:20px;height:14px}.PhoneInputCountrySelectArrow{display:none}.PhoneInputInput{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface-raised);transition:border-color var(--duration-fast);flex:1;line-height:1.5}.PhoneInputInput:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px oklch(45% .12 145/.12)}::selection{color:var(--color-ink);background:oklch(45% .12 145/.2)}.header{padding:var(--space-3) var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:64px;display:flex}.header-left{align-items:center;gap:var(--space-3);display:flex}.header-logo{height:32px}.header-title{font-family:var(--font-sans);color:var(--color-ink);font-size:18px;font-weight:600}.header-logout-btn{color:var(--color-ink-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) ease;background:0 0;font-weight:500}.header-logout-btn:hover{background:var(--color-surface-hover);color:var(--color-ink)}.toolbar{align-items:center;gap:12px;padding:16px 24px;display:flex}.toolbar-search{width:280px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--color-ink-subtle);position:absolute;left:12px}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out);outline:none;padding:8px 12px 8px 36px}.search-input:focus{border-color:var(--color-primary)}.toolbar-filter{width:200px}.filter-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;outline:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.filter-button:focus-visible{border-color:var(--color-primary)}.filter-popover{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:var(--trigger-width)}.filter-listbox{outline:none;padding:4px}.filter-item{font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);outline:none;padding:8px 12px}.filter-item[data-focused]{background:var(--color-primary-subtle);color:var(--color-primary)}.toolbar-new-button{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none;outline:none;margin-left:auto;padding:8px 16px}.toolbar-new-button:hover{background:var(--color-primary-hover)}.toolbar-new-button[data-focus-visible]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary)}@media (width<=768px){.toolbar{flex-wrap:wrap;padding:12px 0}.toolbar-search{order:1;width:100%}.toolbar-filter{flex:1;order:2;min-width:140px}.toolbar-new-button{flex:none;order:3;margin-left:auto}}.status-badge{white-space:nowrap;letter-spacing:.01em;border-radius:4px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.status-badge--por-visitar{color:oklch(35% .04 260);background-color:oklch(92% .01 260)}.status-badge--visitado{color:oklch(35% .08 240);background-color:oklch(92% .03 240)}.status-badge--interesado{color:oklch(32% .09 145);background-color:oklch(92% .04 145)}.status-badge--rechazado{color:oklch(38% .12 25);background-color:oklch(92% .04 25)}.status-badge--re-visitar{color:oklch(35% .1 55);background-color:oklch(92% .04 55)}.status-badge--adquirido{color:oklch(45% .18 80);background-color:oklch(93% .16 85)}.table-container{padding:0 var(--space-6);overflow-x:auto}.prospect-table{table-layout:fixed;border-collapse:collapse;width:max-content;min-width:100%;font-family:var(--font-sans);font-size:var(--text-sm);text-align:left}.prospect-table th{color:var(--color-ink-muted);border-bottom:1px solid var(--color-border-strong);cursor:default;outline:none;padding:8px 12px;font-weight:500}.prospect-table th[data-allows-sorting]{cursor:pointer}.col-header-content{align-items:center;gap:4px;display:flex}.prospect-table td{border-bottom:1px solid var(--color-border);color:var(--color-ink);padding:8px 12px}.prospect-row{cursor:pointer;transition:background var(--duration-fast) var(--ease-out);outline:none}.prospect-row:hover{background:var(--color-surface-raised)}.prospect-row:nth-child(2n){background:#00000005}.prospect-row:nth-child(2n):hover{background:var(--color-surface-raised)}.prospect-row[data-focused]{outline:2px solid var(--color-primary);outline-offset:-2px}.cell-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-col-complejo{width:280px}.table-col-dueno{width:180px}.table-col-numero{width:160px}.table-col-url{text-align:center;width:60px}.table-col-estado{width:120px}.table-col-notas,.table-col-credenciales{text-align:center;width:60px}.table-col-fecha{width:100px}.icon-link,.icon-btn{color:var(--color-ink-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-link:hover,.icon-btn:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.icon-btn-colorful{color:#b45309;background:#fef3c7}.icon-btn-colorful:hover{color:#92400e;background:#fde68a}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-ink-muted);font-family:var(--font-sans)}.prospect-desktop-only{display:block}.prospect-mobile-only{display:none}@media (width>=769px){.prospect-mobile-only{display:none}}@media (width<=768px){.table-container{overflow-x:visible}.prospect-desktop-only{display:none}.prospect-mobile-only{gap:var(--space-3);flex-direction:column;width:100%;padding:0;display:flex}.prospect-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);outline:none;flex-direction:column;display:flex}.prospect-card:hover,.prospect-card:focus-visible{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.prospect-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.prospect-card-title{font-size:var(--text-base);color:var(--color-ink);word-break:break-word;margin:0;font-weight:600;line-height:1.3}.prospect-card-body{gap:var(--space-2);flex-direction:column;display:flex}.prospect-card-field{font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.field-label{color:var(--color-ink-muted);font-weight:500}.field-value{color:var(--color-ink);text-align:right;font-weight:400}.prospect-card-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex}.card-action-link,.card-action-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink-subtle);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast), border-color var(--duration-fast);font-weight:500;text-decoration:none;display:inline-flex}.card-action-link:hover,.card-action-btn:hover{color:var(--color-primary);background:var(--color-primary-subtle);border-color:var(--color-primary)}}.drawer-overlay{background:var(--color-surface-overlay,#0006);z-index:var(--z-drawer);justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-modal{background:var(--color-surface);width:420px;height:100%;box-shadow:var(--shadow-xl);animation:slideIn var(--duration-normal) var(--ease-out);outline:none}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-dialog{outline:none;flex-direction:column;height:100%;display:flex}.drawer-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.drawer-header h2{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-ink);margin:0;font-weight:600}.close-btn{cursor:pointer;color:var(--color-ink-muted);background:0 0;border:none;font-size:24px}.drawer-form{flex-direction:column;flex:1;display:flex;overflow:hidden}.drawer-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.field{gap:var(--space-1);font-family:var(--font-sans);flex-direction:column;display:flex}.field label{font-size:var(--text-sm);color:var(--color-ink-muted)}.field input,.drawer-textarea,.drawer-select-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);background:var(--color-surface);outline:none}.field input:focus,.drawer-textarea:focus,.drawer-select-btn:focus-visible{border-color:var(--color-primary)}.drawer-textarea{resize:vertical;min-height:80px}.drawer-select-btn{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.drawer-popover{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:var(--trigger-width)}.drawer-listbox{padding:var(--space-1);outline:none}.drawer-listbox-item{padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);outline:none}.drawer-listbox-item[data-focused]{background:var(--color-primary-subtle);color:var(--color-primary)}.phone-field-wrapper{align-items:center;gap:var(--space-2);display:flex}.phone-prefix{font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-ink-muted);padding:var(--space-2) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);white-space:nowrap;line-height:1.5}.phone-input{flex:1;align-items:center;display:flex}.phone-input input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;flex:1}.phone-input input:focus{border-color:var(--color-primary)}.drawer-footer-wrapper{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3);flex-direction:row;display:flex}.drawer-footer{justify-content:flex-end;gap:var(--space-3);margin-left:auto;display:flex}.btn-ghost{padding:var(--space-2) var(--space-4);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);background:0 0}.btn-primary{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);border:none}.btn-delete{padding:var(--space-2) var(--space-4);background:var(--color-danger-subtle);color:var(--color-danger);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);border:none;align-self:flex-start}@media (width<=768px){.drawer-modal{width:100%;max-width:none}}.modal-overlay{background:var(--color-surface-overlay,#0006);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notes-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:60vh;box-shadow:var(--shadow-lg);outline:none;flex-direction:column;display:flex}.notes-dialog{outline:none;flex-direction:column;max-height:60vh;display:flex}.notes-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.notes-header h2{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-ink);margin:0;font-weight:600}.notes-close-icon{cursor:pointer;color:var(--color-ink-muted);background:0 0;border:none;font-size:24px}.notes-body{padding:var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink);white-space:pre-wrap;flex:1;overflow-y:auto}.notes-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.notes-close-btn{padding:var(--space-2) var(--space-4);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);background:0 0}.credentials-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);outline:none;flex-direction:column;display:flex;overflow-y:auto}.credentials-dialog{padding:var(--space-6)}.credentials-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.credentials-title{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--color-ink);gap:var(--space-1);flex-direction:column;margin:0;font-weight:700;display:flex}.credentials-subtitle{font-size:var(--text-sm);color:var(--color-ink-subtle);font-weight:500}.credentials-actions-top{align-items:center;gap:var(--space-3);display:flex}.credentials-form{gap:var(--space-4);flex-direction:column;display:flex}.credentials-field{gap:var(--space-2);flex-direction:column;display:flex}.credentials-field label,.phone-input-wrapper label{font-size:var(--text-sm);color:var(--color-ink);font-weight:500}.credentials-field input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);transition:all var(--duration-fast) ease;outline:none}.credentials-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.credentials-actions-bottom{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.credentials-view{gap:var(--space-4);background:var(--color-surface-subtle);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);flex-direction:column;display:flex}.credentials-pair{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.credentials-pair:last-child{border-bottom:none;padding-bottom:0}.credentials-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink-muted);font-weight:600}.credentials-value{font-size:var(--text-base);color:var(--color-ink);font-weight:500}@media (width<=768px){.credentials-dialog{padding:var(--space-4)}}.delete-overlay{background:var(--color-surface-overlay,#0006);z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);outline:none}.delete-dialog{outline:none;flex-direction:column;display:flex}.delete-header{padding:var(--space-5) var(--space-5) 0;align-items:center;gap:var(--space-3);display:flex}.warning-icon{color:var(--color-danger)}.delete-header h2{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-ink);margin:0;font-weight:600}.delete-body{padding:var(--space-4) var(--space-5);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-ink-muted)}.delete-footer{padding:var(--space-4) var(--space-5);justify-content:flex-end;gap:var(--space-3);border-top:1px solid var(--color-border);display:flex}.delete-btn-cancel{padding:var(--space-2) var(--space-4);color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);background:0 0}.delete-btn-confirm{padding:var(--space-2) var(--space-4);background:var(--color-danger);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:var(--text-sm);border:none}.login-container{background:var(--color-surface);background-image:radial-gradient(circle at 50% -20%, var(--color-primary-subtle) 0%, transparent 50%);min-height:100dvh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl), 0 0 0 1px #00000005;padding:var(--space-8);animation:slideUpFade var(--duration-normal) var(--ease-spring)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:48px;height:48px;margin-bottom:var(--space-4)}.login-header h1{font-size:var(--text-2xl);color:var(--color-ink);margin:0 0 var(--space-2) 0;letter-spacing:-.02em;font-weight:700}.login-header p{color:var(--color-ink-subtle);font-size:var(--text-sm);margin:0}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-error{background:var(--color-danger-subtle);color:var(--color-danger);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;font-weight:500}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-field label{font-size:var(--text-sm);color:var(--color-ink);font-weight:500}.login-field input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-surface);transition:all var(--duration-fast) ease;outline:none}.login-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.login-field [data-invalid]{border-color:var(--color-danger)}.login-submit-btn{margin-top:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;transition:all var(--duration-fast) ease;border:none;justify-content:center;align-items:center;font-weight:600;display:flex}.login-submit-btn:hover:not([data-disabled]){background:var(--color-primary-hover);transform:translateY(-1px)}.login-submit-btn[data-disabled]{opacity:.7;cursor:not-allowed}.login-submit-btn[data-focus-visible]{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-primary);outline:none}@media (width<=480px){.login-card{padding:var(--space-6);box-shadow:none;background:0 0;border:none}.login-container{background-image:radial-gradient(circle at 50% 0%, var(--color-primary-subtle) 0%, transparent 60%);align-items:flex-start;padding-top:10vh}}.app{max-width:1800px;min-height:100dvh;padding:0 var(--space-4);background:var(--color-surface);flex-direction:column;margin:0 auto;display:flex}@media (width<=768px){.app{padding:0 var(--space-3)}}.app-main{padding-bottom:var(--space-8);flex-direction:column;flex:1;min-width:0;display:flex}.loading-state{justify-content:center;align-items:center;gap:var(--space-4);color:var(--color-ink-muted);font-family:var(--font-sans);font-size:var(--text-base);padding:var(--space-10);flex-direction:column;flex:1;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{padding:var(--space-10);color:var(--color-danger);font-family:var(--font-sans);font-size:var(--text-base);flex:1;justify-content:center;align-items:center;display:flex}