:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--font-sans:Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--header-height:70px;--button-height-lg:50px;--z-overlay:100;--z-fullscreen:200;--z-critical:1000;--color-bg:#f4f4f4;--color-bg-alt:#fff;--color-bg-elevated:#fff;--color-fg:#0e1116;--color-fg-muted:#4f5560;--color-border:#ececec;--color-border-strong:#9ea4ad;--color-accent:#e37222;--color-accent-soft:#eeab7b;--color-accent-strong:#c75300;--color-accent-fg:#fff;--color-notif:#ee7421;--color-danger:#a4191b;--color-danger-fg:#fff;--color-success:#0a6b2a;--color-success-fg:#fff;--focus-ring-width:3px;--focus-ring-offset:2px;--focus-ring-color:var(--color-accent);--shadow-sm:0 1px 2px #0e11160f;--shadow-md:0 4px 12px #0e111614}[data-theme=dark]{--color-bg:#0d1117;--color-bg-alt:#161b22;--color-bg-elevated:#1c2129;--color-fg:#f0f3f6;--color-fg-muted:#b6bcc4;--color-border:#30363d;--color-border-strong:#6e7681;--color-accent:#ff8c5a;--color-accent-soft:#eeab7b;--color-accent-strong:#c75300;--color-accent-fg:#0d1117;--color-notif:#ee7421;--color-danger:#ff8088;--color-danger-fg:#0d1117;--color-success:#56d364;--color-success-fg:#0d1117;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080}[data-theme=matrix]{--color-bg:#000;--color-bg-alt:#0a0a0a;--color-bg-elevated:#111;--color-fg:#00e640;--color-fg-muted:#00b232;--color-border:#00e640;--color-border-strong:#00ff48;--color-accent:#00e640;--color-accent-soft:#00e64066;--color-accent-strong:#00e640e6;--color-accent-fg:#000;--color-notif:#00e640;--color-danger:#ff3b3b;--color-danger-fg:#000;--color-success:#00ff48;--color-success-fg:#000;--shadow-sm:0 0 4px #00e6404d;--shadow-md:0 0 12px #00e64066}[data-theme=high-contrast]{--color-bg:#000;--color-bg-alt:#000;--color-bg-elevated:#0a0a0a;--color-fg:#fff;--color-fg-muted:#ccc;--color-border:#fff;--color-border-strong:#fff;--color-accent:#fff;--color-accent-soft:#ffffffb3;--color-accent-strong:#fff;--color-accent-fg:#000;--color-notif:#fff;--color-danger:#ff5050;--color-danger-fg:#000;--color-success:#50ff50;--color-success-fg:#000;--shadow-sm:0 0 0 1px #fff;--shadow-md:0 0 0 2px #fff}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0d1117;--color-bg-alt:#161b22;--color-bg-elevated:#1c2129;--color-fg:#f0f3f6;--color-fg-muted:#b6bcc4;--color-border:#30363d;--color-border-strong:#6e7681;--color-accent:#ff8c5a;--color-accent-soft:#eeab7b;--color-accent-strong:#c75300;--color-accent-fg:#0d1117;--color-notif:#ee7421;--color-danger:#ff8088;--color-danger-fg:#0d1117;--color-success:#56d364;--color-success-fg:#0d1117}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{flex-direction:column;min-height:100%;display:flex}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-primary-lg{height:var(--button-height-lg);padding:0 var(--space-5);border:1px solid var(--color-accent-soft);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-fg);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:background-color .12s,border-color .12s}.btn-primary-lg:hover,.btn-primary-lg:focus-visible,.btn-primary-lg.is-active{background:var(--color-accent);border-color:var(--color-accent)}.btn-primary-lg:active{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.btn-primary-lg[disabled]{opacity:.5;cursor:not-allowed}.btn-danger-lg{height:var(--button-height-lg);padding:0 var(--space-5);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger);color:var(--color-danger-fg);font-weight:600;font-size:var(--text-base);cursor:pointer}.btn-danger-lg:hover,.btn-danger-lg:focus-visible{filter:brightness(1.1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.keyboard-hints{gap:var(--space-3);font-size:var(--text-sm);color:var(--color-fg-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.keyboard-hints-item{align-items:center;gap:var(--space-2);display:inline-flex}.keyboard-hints-combo{min-width:var(--space-6);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elevated);color:var(--color-fg);font-family:var(--font-mono);font-size:var(--text-sm);text-align:center;line-height:var(--leading-tight);display:inline-block}.keyboard-hints-action{white-space:nowrap}@media (max-width:600px){.keyboard-hints-action{display:none}}.layout{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.layout-topbar{justify-content:flex-end;align-items:center;gap:var(--space-3);height:var(--header-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-alt);box-shadow:var(--shadow-sm);display:flex}.layout-main{padding:var(--space-5);flex-direction:column;flex:1;align-items:stretch;width:100%;max-width:960px;margin:0 auto;display:flex}.theme-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:0 0;display:inline-flex}.theme-toggle:hover{background:var(--color-bg-alt);border-color:var(--color-border-strong)}.theme-toggle-icon{font-size:var(--text-lg);line-height:1}.theme-toggle-label{font-weight:500}.login-pin{gap:var(--space-4);width:100%;max-width:360px;margin:var(--space-7) auto 0;padding:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.login-pin-title{font-size:var(--text-2xl);text-align:center;margin:0;font-weight:600}.login-pin-field{gap:var(--space-1);flex-direction:column;display:flex}.login-pin-field label{font-size:var(--text-sm);color:var(--color-fg-muted);font-weight:600}.login-pin-field input{padding:var(--space-3) var(--space-4);font-size:var(--text-lg);background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.login-pin-field input:hover{border-color:var(--color-border-strong)}.login-pin-field input[aria-invalid=true]{border-color:var(--color-danger)}.login-pin-error{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-danger-fg);background:var(--color-danger);border-radius:var(--radius-sm);margin:0}.login-pin-submit{padding:var(--space-3) var(--space-5);font-size:var(--text-lg);color:var(--color-accent-fg);background:var(--color-accent);border-radius:var(--radius-md);margin-top:var(--space-2);border:1px solid #0000;font-weight:600}.login-pin-submit:hover:not([disabled]){filter:brightness(.95)}.login-pin-submit[disabled]{opacity:.5;cursor:not-allowed}.login-pin-hint{text-align:center;font-size:var(--text-sm);color:var(--color-fg-muted);margin:0}.backoffice-modal{z-index:var(--z-overlay,100);background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;box-shadow:0 -2px 8px #00000026}.backoffice-header{border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-secondary,#f9fafb);justify-content:space-between;align-items:center;padding:1rem;display:flex}.backoffice-title{color:var(--color-text-primary,#1f2937);margin:0;font-size:1.25rem;font-weight:600}.backoffice-close-btn{width:2.5rem;height:2.5rem;color:var(--color-text-primary,#1f2937);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;font-size:1.5rem;transition:background-color .2s;display:flex}.backoffice-close-btn:hover{background-color:var(--color-bg-tertiary,#f3f4f6)}.backoffice-close-btn:active{background-color:var(--color-bg-secondary,#e5e7eb)}.backoffice-iframe{border:none;flex:1;min-height:100vh}@media (max-width:768px){.backoffice-modal{inset:0}.backoffice-header{padding:.75rem}.backoffice-title{font-size:1.125rem}.backoffice-close-btn{width:2.25rem;height:2.25rem;font-size:1.25rem}}.service-picker{flex-direction:column;gap:.75rem;display:flex}.service-picker__title{color:var(--color-text-secondary,#888);margin:0;font-size:1rem}.service-picker__list{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.service-picker__item{background:var(--color-surface,#2a2a2a);border:1px solid var(--color-border,#444);width:100%;color:var(--color-text,#f0f0f0);cursor:pointer;border-radius:6px;padding:.75rem 1rem;font-weight:500;transition:background .12s}.service-picker__item:hover,.service-picker__item:focus-visible{background:var(--color-accent,#4a90e2);outline:2px solid var(--color-focus,#fa0);outline-offset:2px}.service-picker__item--selected{background:var(--color-accent,#4a90e2);border-color:var(--color-accent,#4a90e2);color:#fff;box-shadow:0 0 0 2px var(--color-focus,#fa0)}.service-picker__item--selected:after{content:" ✓";margin-left:.4rem}.service-picker__pending,.service-picker__error,.service-picker__empty{color:var(--color-text-secondary,#888);margin:.5rem 0;font-size:.9rem}.service-picker__error{color:var(--color-error,#e74c3c)}.auth-banner{background-color:var(--bg-secondary);border-left-style:solid;border-left-width:4px;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.75rem 0;padding:.875rem 1rem;font-size:.95rem;display:flex}.auth-banner__msg{flex:auto;min-width:0}.auth-banner__action{border:1px solid var(--border-color);background:var(--bg-primary);min-height:2.5rem;color:var(--text-primary);cursor:pointer;border-radius:.375rem;flex:none;padding:.5rem 1rem;font-size:.9rem}.auth-banner__action:hover{background:var(--bg-secondary)}.auth-banner__action:focus{outline:2px solid var(--focus-color);outline-offset:2px}.auth-banner--info{border-left-color:var(--accent-color,#2563eb)}.auth-banner--warn{border-left-color:#f59e0b}.auth-banner--error{border-left-color:#dc3545}.community-view{gap:var(--space-4);flex-direction:column;display:flex}.community-view__active-service{padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated,#1e2940);border:1px solid var(--color-accent,#4a90e2);border-radius:var(--radius-md,6px);color:var(--color-fg,#f0f0f0);border-left-width:4px;justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.community-view__active-service strong{color:var(--color-accent,#4a90e2)}.community-view__active-service-clear{border:1px solid var(--color-border,#444);border-radius:var(--radius-sm,4px);color:var(--color-fg-muted,#aaa);cursor:pointer;background:0 0;padding:.25rem .75rem;font-size:.85rem}.community-view__active-service-clear:hover{background:var(--color-bg-alt,#2a3550);color:var(--color-fg,#f0f0f0)}.community-view-header{align-items:center;gap:var(--space-4);display:flex}.community-view-header h1{font-size:var(--text-2xl);margin:0}.community-view-back{padding:var(--space-2) var(--space-3);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:0 0}.community-view-back:hover{background:var(--color-bg-alt);border-color:var(--color-border-strong)}.community-view-error{color:var(--color-danger-fg);background:var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.community-view-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.community-view-list li{padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.community-view-sector-name{font-weight:600}.community-view-sector-id{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-muted)}.notify-admin-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.notify-admin-card{background:var(--color-surface,#fff);color:var(--color-on-surface,#0f172a);border:1px solid #0f172a0f;border-radius:1rem;width:100%;max-width:32rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 20px 50px -10px #0f172a66}.notify-admin-title{color:#b45309;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.notify-admin-body{color:#334155;margin:0 0 1.25rem;line-height:1.5}.notify-admin-actions{justify-content:flex-end;gap:.5rem;display:flex}.notify-admin-btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:background-color .12s,border-color .12s}.notify-admin-btn-secondary{color:#475569;background:0 0;border-color:#cbd5e1}.notify-admin-btn-secondary:hover{background:#f1f5f9}.notify-admin-btn-primary{color:#fff;background:#4338ca}.notify-admin-btn-primary:hover{background:#4f46e5}.notify-admin-btn-primary:focus-visible{outline-offset:2px;outline:2px solid #4338ca}.sos-banner{background:var(--color-critical-bg,#fef2f2);color:var(--color-critical-fg,#991b1b);z-index:var(--z-critical);border-bottom:2px solid var(--color-critical,#ef4444);justify-content:space-between;align-items:center;padding:1rem;font-weight:600;display:flex;position:fixed;inset:0 0 auto}@keyframes sosBlink{0%,49%{opacity:1}50%,to{opacity:.4}}.sos-banner--blink{animation:.6s infinite sosBlink}.sos-banner__ack{background:var(--color-critical,#ef4444);color:#fff;cursor:pointer;border:0;border-radius:4px;padding:.5rem 1rem;font-weight:600}@media (prefers-reduced-motion:reduce){.sos-banner--blink{outline:4px solid var(--color-critical,#ef4444);outline-offset:-4px;animation:none}}.active-call{z-index:var(--z-fullscreen);font-family:var(--font-sans);background:#000;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.active-call-header{padding:var(--space-5) var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid var(--color-border);color:var(--color-fg);justify-content:space-between;align-items:center;gap:var(--space-4);background:#0e1116cc;min-height:60px;display:flex}.active-call-header h1{font-size:var(--text-xl);margin:0;font-weight:700}.active-call-header p{font-size:var(--text-sm);color:var(--color-fg-muted);margin:0}.active-call-stage{background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.remote-video{object-fit:contain;background:#000;width:100%;height:100%}.remote-video-skeleton{width:100%;height:100%;color:var(--color-fg-muted);font-size:var(--text-xl);background:#111;place-items:center;font-weight:500;display:grid}.local-pip{bottom:var(--space-4);right:var(--space-4);border:2px solid var(--color-accent);border-radius:var(--radius-md);object-fit:cover;background:#000;width:160px;height:120px;position:absolute;box-shadow:0 2px 8px #00000080}.active-call-actions{padding:var(--space-5) var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:var(--space-4);background:#0e1116cc;min-height:70px;display:flex}.hangup-btn{height:var(--button-height-lg);padding:0 var(--space-6);background:var(--color-danger);color:var(--color-danger-fg);border-radius:var(--radius-md);font-size:var(--text-lg);cursor:pointer;align-items:center;gap:var(--space-3);border:none;font-weight:700;transition:box-shadow .15s ease-out;display:flex;position:relative;overflow:hidden}.hangup-btn:hover:not(.is-pressing){box-shadow:0 0 12px #a4191b66}.hangup-btn:active:not(.is-pressing){box-shadow:0 0 8px #a4191b4d}.hangup-btn.is-pressing{box-shadow:0 0 16px #a4191b99}.hangup-btn.is-pressing:before{content:"";pointer-events:none;background:#fff3;animation:.6s linear forwards hangup-fill;position:absolute;inset:0}@keyframes hangup-fill{0%{transform:translate(-100%)}to{transform:translate(0)}}.hangup-icon{font-size:1.25em;line-height:1}@media (max-width:480px){.active-call-header{padding:var(--space-4) var(--space-4)}.active-call-header h1{font-size:var(--text-lg)}.active-call-header p{font-size:var(--text-sm)}.active-call-actions{padding:var(--space-4)}.hangup-btn{font-size:var(--text-base)}.local-pip{width:120px;height:90px;bottom:var(--space-3);right:var(--space-3);border-width:1px}}@media (prefers-reduced-motion:reduce){.hangup-btn{transition:none}.hangup-btn.is-pressing:before{background:#fff6;animation:none}}[data-theme=dark] .active-call-header,[data-theme=dark] .active-call-actions{background:#14181ee6}[data-theme=matrix] .active-call-header,[data-theme=matrix] .active-call-actions{border-color:var(--color-accent);background:#001400e6}.incoming-call-banner{padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;z-index:var(--z-overlay);outline:3px solid var(--color-accent);outline-offset:0;background:#0e1116f2;place-items:center;animation:1s ease-out infinite pulse-ring;display:grid;position:fixed;inset:0}@keyframes pulse-ring{0%{box-shadow:var(--shadow-md), 0 0 0 0 #e3722266}70%{box-shadow:var(--shadow-md), 0 0 0 16px #e3722200}to{box-shadow:var(--shadow-md), 0 0 0 0 #e3722200}}.icon-tilt-shake{font-size:var(--text-3xl);margin-bottom:var(--space-4);animation:.4s linear 5 tilt-shake;display:inline-block}@keyframes tilt-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.incoming-call-name{margin:0;margin-bottom:var(--space-2);font-size:var(--text-2xl);color:var(--color-fg);font-weight:600}.incoming-call-subtitle{margin:0;margin-bottom:var(--space-3);font-size:var(--text-base);color:var(--color-fg-muted)}.incoming-call-dni{margin:0;margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-fg-muted)}.incoming-call-dni code{font-family:var(--font-mono);color:var(--color-accent);font-weight:500}.incoming-call-actions{justify-content:center;gap:var(--space-6);margin-top:var(--space-5);display:flex}.btn-accept,.btn-reject{height:var(--button-height-lg);padding:0 var(--space-5);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-base);cursor:pointer;outline:var(--focus-ring-width) solid transparent;outline-offset:var(--focus-ring-offset);border:none;transition:all .15s ease-in-out}.btn-accept{background:var(--color-success);color:var(--color-success-fg)}.btn-accept:focus-visible{outline-color:var(--focus-ring-color)}.btn-accept:hover:not(:disabled){background:color-mix(in srgb, var(--color-success) 85%, #000)}.btn-accept:active:not(:disabled){transform:scale(.98)}.btn-accept:disabled{opacity:.6;cursor:not-allowed}.btn-reject{background:var(--color-danger);color:var(--color-danger-fg)}.btn-reject:focus-visible{outline-color:var(--focus-ring-color)}.btn-reject:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 85%, #000)}.btn-reject:active:not(:disabled){transform:scale(.98)}.btn-reject:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.incoming-call-banner,.icon-tilt-shake{animation:none}.btn-accept,.btn-reject{transition:none}}@media (max-width:480px){.incoming-call-banner{margin:var(--space-4)}.incoming-call-actions{gap:var(--space-4);flex-direction:column}.btn-accept,.btn-reject{width:100%}}.property-view{gap:var(--space-4);flex-direction:column;display:flex}.property-view-header{align-items:center;gap:var(--space-4);display:flex}.property-view-header h1{font-size:var(--text-2xl);margin:0}.property-view-back{padding:var(--space-2) var(--space-3);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:0 0}.property-view-back:hover{background:var(--color-bg-alt);border-color:var(--color-border-strong)}.property-view-search{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.property-view-search:hover{border-color:var(--color-border-strong)}.property-view-hint{font-size:var(--text-sm);color:var(--color-fg-muted);margin:0}.property-view-error{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-danger-fg);background:var(--color-danger);border-radius:var(--radius-sm);margin:0}.property-view-results{padding:var(--space-2);gap:var(--space-2);background:var(--color-bg-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-wrap:wrap;max-height:60vh;margin:0;list-style:none;display:flex;overflow-y:auto}.property-view-residents{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.property-view-result{justify-content:center;align-items:center;gap:var(--space-1);width:115px;height:115px;padding:var(--space-2);background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-accent-strong);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;transition:background-color .12s,border-color .12s,transform 80ms;display:flex}.property-view-result:hover,.property-view-result:focus-visible{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.property-view-result:active{transform:scale(.97)}.property-view-result-name{font-weight:700;font-size:var(--text-base);word-break:break-word;line-height:var(--leading-tight)}.property-view-result-id{font-family:var(--font-mono);font-size:var(--text-sm);opacity:.85}.property-view-empty{color:var(--color-fg-muted);padding:var(--space-3);font-style:italic}.property-view-residents li{gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.property-view-resident-name{font-weight:600}.property-view-resident-mobile{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-fg-muted)}.selector{gap:var(--space-6);padding:var(--space-5) 0;flex-direction:column;display:flex}.selector-title{font-size:var(--text-2xl);text-align:center;margin:0;font-weight:600}.selector-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.selector-card{align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .1s;display:flex}.selector-card:hover,.selector-card:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.selector-card-icon{font-size:var(--text-3xl);line-height:1}.selector-card-title{font-size:var(--text-xl);font-weight:600}.selector-card-desc{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:var(--leading-normal);max-width:28ch}.stock-row{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:background-color .2s,box-shadow .2s;display:flex}.stock-row:hover{background-color:#00000005;box-shadow:0 2px 4px #0000001a}.stock-row__info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.stock-row__name{color:var(--text-primary);word-break:break-word;font-weight:600}.stock-row__counter{color:var(--text-secondary);font-family:monospace;font-size:.875rem}.stock-row__actions{flex-wrap:nowrap;flex-shrink:0;gap:.5rem;display:flex}.stock-row__btn{border:1px solid var(--border-color);background-color:var(--bg-primary);min-width:2.5rem;min-height:2.5rem;color:var(--text-primary);cursor:pointer;border-radius:.25rem;padding:.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.stock-row__btn:hover:not(:disabled){color:#fff;background-color:#007bff;border-color:#0056b3}.stock-row__btn:focus{outline:2px solid var(--focus-color);outline-offset:2px}.stock-row__btn:disabled{opacity:.5;cursor:not-allowed}.stock-row__btn--edit{white-space:nowrap;min-width:auto;padding:.5rem 1rem}@media (max-width:480px){.stock-row{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.stock-row__info{order:1}.stock-row__actions{order:2;justify-content:flex-start}.stock-row__btn{min-width:unset;flex:1}}.stock-view{background-color:var(--bg-primary);height:100%;color:var(--text-primary);flex-direction:column;padding:1rem;display:flex}.stock-view__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.stock-view__title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.stock-view__close{cursor:pointer;min-width:2.5rem;min-height:2.5rem;color:var(--text-secondary);background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;transition:background-color .2s,color .2s;display:flex}.stock-view__close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.stock-view__close:focus{outline:2px solid var(--focus-color);outline-offset:2px}.stock-view__status,.stock-view__error{border-radius:.5rem;margin:0;padding:1rem}.stock-view__status{background-color:var(--bg-secondary);color:var(--text-secondary);text-align:center}.stock-view__error{color:#dc3545;background-color:#dc35451a;border-left:4px solid #dc3545;padding:1rem}.stock-list{flex-direction:column;flex:1;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.stock-view__tabs{border-bottom:1px solid var(--border-color);gap:.25rem;margin-bottom:1rem;display:flex}.stock-view__tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:3px solid #0000;min-height:2.75rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;transition:color .2s,border-color .2s}.stock-view__tab:hover{color:var(--text-primary)}.stock-view__tab:focus{outline:2px solid var(--focus-color);outline-offset:2px}.stock-view__tab--active{color:var(--text-primary);border-bottom-color:var(--accent-color,#2563eb)}@media (max-width:480px){.stock-view{padding:.75rem}.stock-view__header{margin-bottom:1rem}.stock-view__title{font-size:1.25rem}}.edit-stock-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-stock-modal{background-color:var(--bg-primary);border-radius:.5rem;width:100%;max-width:400px;padding:2rem;animation:.15s ease-out slideUp;box-shadow:0 8px 24px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-stock-modal__title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.edit-stock-modal__subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.875rem}.edit-stock-modal__form{flex-direction:column;gap:1.25rem;display:flex}.edit-stock-modal__field{flex-direction:column;gap:.5rem;display:flex}.edit-stock-modal__label{color:var(--text-primary);font-size:.95rem;font-weight:600}.edit-stock-modal__input{border:1px solid var(--border-color);color:var(--text-primary);background-color:var(--bg-secondary);border-radius:.25rem;padding:.75rem;font-family:monospace;font-size:1rem;transition:border-color .2s,box-shadow .2s}.edit-stock-modal__input:focus{border-color:var(--focus-color);outline:none;box-shadow:0 0 0 3px #007bff40}.edit-stock-modal__input:disabled{opacity:.6;cursor:not-allowed}.edit-stock-modal__error{color:#dc3545;background-color:#dc35451a;border-left:3px solid #dc3545;border-radius:.25rem;margin:0;padding:.75rem;font-size:.875rem}.edit-stock-modal__actions{justify-content:flex-end;gap:.75rem;display:flex}.edit-stock-modal__btn{border:1px solid var(--border-color);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;min-height:2.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.edit-stock-modal__btn:focus{outline:2px solid var(--focus-color);outline-offset:2px}.edit-stock-modal__btn:disabled{opacity:.5;cursor:not-allowed}.edit-stock-modal__btn--cancel{background-color:var(--bg-secondary);color:var(--text-primary)}.edit-stock-modal__btn--cancel:hover:not(:disabled){background-color:var(--border-color)}.edit-stock-modal__btn--submit{color:#fff;background-color:#007bff;border-color:#0056b3}.edit-stock-modal__btn--submit:hover:not(:disabled){background-color:#0056b3;border-color:#003d82}@media (max-width:480px){.edit-stock-modal{max-width:100%;padding:1.5rem}.edit-stock-modal__title{font-size:1.125rem}.edit-stock-modal__actions{flex-direction:column}.edit-stock-modal__btn{width:100%}}@media (prefers-reduced-motion:reduce){.edit-stock-modal-overlay,.edit-stock-modal{animation:none}}.theme-field-test-controls{gap:var(--space-1,4px);margin-right:var(--space-3,12px);align-items:center;display:inline-flex}.theme-field-test-btn{height:28px;padding:0 var(--space-2,8px);background:var(--color-bg-elevated,#fff);color:var(--color-fg,#111);border:1px solid var(--color-border,#ccc);border-radius:var(--radius-sm,4px);font-size:var(--text-xs,12px);cursor:pointer;font-weight:500;transition:background .12s}.theme-field-test-btn:hover{background:var(--color-bg-hover,#f4f4f4)}.theme-field-test-btn.is-active{background:var(--color-accent,#e37222);color:var(--color-accent-fg,#fff);border-color:var(--color-accent,#e37222)}.theme-field-test-btn:focus-visible{outline:2px solid var(--color-focus,var(--color-accent));outline-offset:2px}.connection-indicator{background:var(--color-bg-elevated,#f3f4f6);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .625rem;font-size:.875rem;display:inline-flex}.connection-indicator__dot{border-radius:50%;flex-shrink:0;width:.625rem;height:.625rem}.connection-indicator__dot--green{background:var(--color-success,#22c55e)}.connection-indicator__dot--yellow{background:var(--color-warning,#f59e0b);animation:1.5s ease-in-out infinite pulse}.connection-indicator__dot--red{background:var(--color-critical,#ef4444);animation:1s ease-in-out infinite pulse}.connection-indicator__pending{background:var(--color-bg,#fff);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 .4rem;font-size:.75rem;font-weight:600}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.connection-indicator__dot--yellow,.connection-indicator__dot--red{animation:none}}.logs-panel{flex-direction:column;height:100%;min-height:0;display:flex}.logs-panel__virtuoso{flex:1;min-height:0}.logs-empty{color:var(--color-fg-muted,#6b7280);justify-content:center;align-items:center;padding:1.5rem 1rem;font-style:italic;display:flex}.log-row{border:0;border-bottom:1px solid var(--color-border,#e5e7eb);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.5rem;padding:.5rem .75rem;display:grid}.log-row:hover{background:var(--color-bg-elevated,#f3f4f6)}.log-row time{font-variant-numeric:tabular-nums;color:var(--color-fg-muted,#6b7280);font-size:.8125rem}.log-row__title{font-weight:500}.log-row__sub{color:var(--color-fg-muted,#6b7280);grid-column:2;font-size:.875rem}.log-row--warn{border-left:3px solid var(--color-warning,#f59e0b)}.log-row--critical{border-left:3px solid var(--color-critical,#ef4444);background:var(--color-critical-bg,#ef44440f)}.permanent-logout-guard{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-bg-elevated);max-width:28rem;color:var(--color-fg);box-shadow:var(--shadow-md)}.permanent-logout-guard::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009}.permanent-logout-guard h2{margin:0 0 var(--space-3) 0;font-size:var(--text-lg);color:var(--color-accent-strong)}.permanent-logout-guard p{margin:0 0 var(--space-5) 0;line-height:var(--leading-normal)}.permanent-logout-guard__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.permanent-logout-guard__cancel{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg);cursor:pointer;font-weight:600}.permanent-logout-guard__cancel:hover,.permanent-logout-guard__cancel:focus-visible{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.guard-sidebar{width:var(--sidebar-w,320px);border-left:1px solid var(--color-border,#e5e7eb);background:var(--color-bg,#fff);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.guard-sidebar__header{border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.guard-sidebar__logout{border:1px solid var(--color-border,#e5e7eb);font:inherit;cursor:pointer;color:inherit;background:0 0;border-radius:4px;padding:.25rem .625rem}.guard-sidebar__logout:hover{background:var(--color-bg-elevated,#f3f4f6)}.guard-sidebar__logs{flex:1;min-height:0;overflow:hidden}.guard-layout{flex-direction:row;height:100%;min-height:0;display:flex}.guard-layout__main{flex:1;min-width:0;overflow:auto}