:root{--bg:#f4f6fb;--bg-soft:#edf3ff;--bg-glow-1:#2399ff33;--bg-glow-2:#1bb87c2e;--card:#fff;--card-soft:#f8fbff;--line:#d6dfec;--text:#10243f;--muted:#5f7089;--primary:#0d8d63;--primary-hover:#0a7653;--danger:#c02828;--accent:#1488e8;--button-secondary-bg:#f4f7fc;--button-secondary-bg-hover:#e7eef9;--sidebar-bg-start:#132a4a;--sidebar-bg-end:#0e1e37;--sidebar-text:#edf4ff;--modal-backdrop:#0d192e99;--shadow:0 18px 40px #0b1d351f}html[data-theme=dark]{--bg:#0f1626;--bg-soft:#131e33;--bg-glow-1:#417aff38;--bg-glow-2:#23c99329;--card:#151f31;--card-soft:#1a2740;--line:#293a59;--text:#e7efff;--muted:#9cb0d0;--primary:#2bc486;--primary-hover:#3ad698;--danger:#ef5c5c;--accent:#56adff;--button-secondary-bg:#1a2842;--button-secondary-bg-hover:#223353;--sidebar-bg-start:#0d1526;--sidebar-bg-end:#0a1222;--sidebar-text:#e9f2ff;--modal-backdrop:#050a14bd;--shadow:0 18px 40px #00000061}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-size:clamp(13px,.3vw + 11px,16px)}body{background:radial-gradient(circle at 0% 0%, var(--bg-glow-1) 0%, transparent 40%), radial-gradient(circle at 100% 10%, var(--bg-glow-2) 0%, transparent 32%), linear-gradient(160deg, var(--bg) 0%, var(--bg-soft) 100%);color:var(--text);margin:0;font-family:Poppins,Nunito Sans,Segoe UI,sans-serif;line-height:1.4;transition:background .25s,color .25s;overflow-x:hidden}a{color:inherit}.auth-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:linear-gradient(180deg, var(--card) 0%, var(--card-soft) 100%);border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);border-radius:20px;padding:1.4rem}.auth-card h1{margin:0 0 .25rem}.auth-card p{color:var(--muted);margin:0 0 1rem}.auth-brand{align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.auth-brand-logo-shell{border:1px solid var(--line);background:linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--card-soft) 65%, #fff 35%) 100%);border-radius:18px;flex:0 0 74px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 6px 16px #08142d1f}.auth-brand-logo{object-fit:cover;border-radius:12px;width:60px;height:60px}.auth-brand-title{font-size:1.05rem;font-weight:800;line-height:1.1;display:block}.auth-brand-subtitle{color:var(--muted);margin:.1rem 0 0;font-size:.86rem}.auth-card input,.auth-card select,.auth-card textarea{background:color-mix(in srgb, var(--card) 94%, transparent);color:var(--text)}html[data-theme=dark] .auth-card input,html[data-theme=dark] .auth-card select,html[data-theme=dark] .auth-card textarea{color:#e7efff;background:#1a2842;border-color:#314a70}html[data-theme=dark] .auth-card input::placeholder{color:#9cb0d0}html[data-theme=dark] .auth-card input:-webkit-autofill{-webkit-text-fill-color:#e7efff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #1a2842}html[data-theme=dark] .auth-card input:-webkit-autofill:hover{-webkit-text-fill-color:#e7efff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #1a2842}html[data-theme=dark] .auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#e7efff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #1a2842}.auth-theme-row{justify-content:flex-end;margin-bottom:.45rem;display:flex}.support-fab{z-index:30;color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.55rem;width:auto;padding:.7rem .95rem .7rem .75rem;text-decoration:none;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 16px 34px #128c7e52}.support-fab:hover{filter:brightness(1.05)}.support-fab:focus-visible{outline-offset:2px;outline:3px solid #25d36647}.support-fab-icon{background:#ffffff29;border-radius:999px;flex:0 0 2rem;place-items:center;width:2rem;height:2rem;display:grid}.support-fab-icon svg{width:1.15rem;height:1.15rem}.support-fab-label{letter-spacing:.2px;text-transform:lowercase;font-size:.92rem;font-weight:700}@media (width<=480px){.support-fab{padding:.65rem .85rem .65rem .7rem;bottom:.75rem;right:.75rem}.support-fab-label{font-size:.88rem}}.app-shell{grid-template-columns:clamp(225px,17vw,280px) 1fr;align-items:start;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, var(--sidebar-bg-start) 0%, var(--sidebar-bg-end) 100%);color:var(--sidebar-text);flex-direction:column;gap:.85rem;height:100vh;padding:.9rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.sidebar-close,.mobile-menu-btn{color:#fff;background:#ffffff29;border:none;border-radius:10px;padding:.5rem .75rem;display:none}.brand{letter-spacing:.2px;font-size:1.1rem;font-weight:800;text-decoration:none}.role-tag{color:#9db3d1;margin:0;font-size:.82rem}.unit-box{background:#ffffff0f;border:1px solid #fff3;border-radius:12px;gap:.4rem;padding:.45rem;display:grid}.unit-photo{aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff29;border-radius:10px;width:100%}.unit-photo-fallback{text-align:center;color:#cfd8e8;background:#ffffff0f;place-items:center;gap:.2rem;padding:.5rem;font-size:.72rem;line-height:1.25;display:grid}.unit-photo-fallback strong{color:#e4ecfb;font-size:.8rem}.unit-photo-fallback small{color:#9db3d1;font-size:.65rem}.unit-name{color:#f4f7ff;margin:0;font-size:.84rem;font-weight:600}.nav-list{gap:.45rem;display:grid}.nav-link{color:color-mix(in srgb, var(--sidebar-text) 84%, transparent);border-radius:10px;padding:.6rem .7rem;text-decoration:none;transition:background .2s,color .2s}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff29}.nav-link.disabled{opacity:.45;pointer-events:none}.content{width:100%;max-width:none;min-height:100vh;margin:0;padding:.95rem}.content-header h1{letter-spacing:.2px;margin-top:0;margin-bottom:.85rem;font-size:clamp(1.7rem,2.3vw,2.9rem)}.content-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;display:flex}.content-header-row h1{margin:0}.header-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.theme-toggle-row{background:color-mix(in srgb, var(--card) 82%, transparent);border:1px solid var(--line);border-radius:999px;width:auto;padding:.35rem .45rem .35rem .7rem;box-shadow:0 8px 18px #0f1f351a}.theme-toggle-row span:first-child{color:var(--muted);font-size:.84rem;font-weight:600}.header-link-btn{width:auto;padding-inline:.9rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.card,.panel{background:linear-gradient(180deg, var(--card) 0%, var(--card-soft) 100%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:.95rem;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 22px 42px #0b1d3529}.card p{color:var(--primary);margin:0;font-size:1.8rem;font-weight:700}.stack{gap:.6rem;display:grid}.stack-lg{gap:1rem;display:grid}.row-2{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}input,select,textarea,button{border:1px solid var(--line);width:100%;max-width:100%;font:inherit;border-radius:12px;padding:.56rem .65rem;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s}input[type=checkbox],input[type=radio]{width:16px;max-width:16px;height:16px;accent-color:var(--accent);border-radius:4px;flex:none;padding:0}input,select,textarea{background:color-mix(in srgb, var(--card) 94%, transparent);color:var(--text)}select option{background:var(--card);color:var(--text)}img{max-width:100%;display:block}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0ea5e924}textarea{resize:vertical;min-height:90px}button{cursor:pointer;border-color:var(--line);background:var(--button-secondary-bg);color:var(--text);font-weight:600}button:hover{background:var(--button-secondary-bg-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}.primary-btn{background:linear-gradient(135deg, var(--primary) 0%, color-mix(in srgb, var(--primary) 82%, #fff) 100%);color:#fff;border:none}.primary-btn:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, color-mix(in srgb, var(--primary-hover) 84%, #fff) 100%);box-shadow:0 12px 24px color-mix(in srgb, var(--primary) 40%, transparent)}.danger-btn{background:linear-gradient(135deg, var(--danger) 0%, color-mix(in srgb, var(--danger) 80%, #fff) 100%);color:#fff;border:none}.danger-btn:hover{box-shadow:0 12px 24px color-mix(in srgb, var(--danger) 36%, transparent)}.sidebar .danger-btn{margin-top:auto}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;width:100%;overflow-x:auto}.mobile-compact-table{overflow-x:visible}table{border-collapse:collapse;width:100%;min-width:620px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem;font-size:.95rem}tbody tr:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.actions-cell{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.actions-cell>button,.actions-cell>.primary-btn,.actions-cell>.danger-btn{width:auto;min-width:112px}.action-link{border:1px solid var(--line);border-radius:10px;width:auto;padding:.5rem .65rem;text-decoration:none;display:inline-block}.source-actions{justify-content:center}.helper-box{border:1px dashed var(--line);background:color-mix(in srgb, var(--card-soft) 70%, transparent);border-radius:12px;gap:.2rem;padding:.8rem;display:grid}.auth-apk-box{margin-top:.8rem}.auth-apk-box .action-link{text-align:center}.error-text{color:var(--danger);margin:0}.muted-text{color:var(--muted);margin:0}.ops-section{gap:.85rem}.ops-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.ops-section-header h2{margin:0 0 .25rem}.ops-section-subtitle{max-width:72ch}.ops-section-meta{margin-top:.25rem;font-size:.88rem}.ops-section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.ops-more-btn{text-align:center;width:auto;min-width:120px}.ops-filter-bar{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 95%, #fff) 0%, var(--card-soft) 100%);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem;padding:.75rem;display:grid}.ops-filter-bar label{color:var(--muted);gap:.35rem;font-size:.88rem;display:grid}.ops-filter-bar select,.ops-filter-bar input{width:100%}.communications-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem;display:grid}.communication-card{align-content:start;gap:.55rem;min-width:0;overflow:hidden}.communication-title{overflow-wrap:anywhere;margin:0;font-size:1.02rem;line-height:1.25}.communication-content{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;margin:0}.communication-image{object-fit:cover;border:1px solid var(--line);background:color-mix(in srgb, var(--card-soft) 85%, transparent);border-radius:12px;width:100%;height:180px}.urgent-chip{color:#fff;background:linear-gradient(135deg,#de3f34 0%,#c2281f 100%);border-radius:999px;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.checkbox-line{align-items:center;gap:.5rem;display:flex}.checkbox-line input[type=checkbox]{width:auto}.camera-video{border:1px solid var(--line);object-fit:cover;background:#000;border-radius:12px;width:min(100%,420px);min-height:180px;max-height:280px;margin:0 auto}.camera-freeze-preview{border:1px solid var(--line);object-fit:cover;border-radius:12px;width:min(100%,420px);min-height:180px;max-height:280px;margin:0 auto}.apartment-select-box{gap:.35rem;width:min(100%,420px);display:grid}.apartment-select{text-overflow:ellipsis;width:100%;max-width:420px;padding-right:2.2rem}.toggle-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.toggle-switch{width:52px;height:30px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background:color-mix(in srgb, var(--line) 84%, #fff);border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0003}.toggle-switch input:checked+.slider{background:var(--primary)}.toggle-switch input:checked+.slider:before{transform:translate(22px)}.switch-attendance{justify-content:space-between;gap:.75rem;width:100%}.switch-attendance-label{font-weight:700}.dashboard-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--card) 88%, var(--primary) 12%), var(--card));border:1px solid color-mix(in srgb, var(--line) 72%, var(--primary) 28%)}.dashboard-hero-copy{gap:.35rem;display:grid}.section-eyebrow,.dashboard-card-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-size:.78rem}.dashboard-hero-meta{color:var(--muted);align-items:center;gap:.5rem;display:inline-flex}.dashboard-live-dot{background:var(--primary);border-radius:999px;width:.7rem;height:.7rem;animation:1.8s infinite pulse-live;box-shadow:0 0 #2bc48659}.dashboard-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.dashboard-action-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--card) 0%, var(--card-soft) 100%);box-shadow:var(--shadow);border-radius:16px;gap:.3rem;padding:.95rem;text-decoration:none;transition:transform .18s,border-color .18s;display:grid}.dashboard-action-card span{color:var(--muted);font-size:.92rem}.dashboard-action-card:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line));transform:translateY(-2px)}.guard-dashboard .dashboard-card-label{font-size:.7rem}.guard-dashboard .dashboard-card h3{font-size:1.45rem}.guard-dashboard .dashboard-card p{font-size:.84rem}.guard-live-backdrop{z-index:120}.guard-live-modal{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, var(--primary) 8%), var(--card));width:min(460px,100vw - 1.5rem);animation:.18s ease-out modal-pop}.guard-live-modal h3{margin:0}.guard-live-modal p{color:var(--muted);margin:0}@keyframes pulse-live{0%{box-shadow:0 0 #2bc48659}70%{box-shadow:0 0 0 10px #2bc48600}to{box-shadow:0 0 #2bc48600}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ops-toggle-switch{width:52px;height:30px;display:inline-block;position:relative}.ops-toggle-switch input{opacity:0;width:0;height:0}.ops-toggle-switch .slider{cursor:pointer;background:#d0d9e8;border-radius:999px;transition:all .2s;position:absolute;inset:0}.ops-toggle-switch .slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0003}.ops-toggle-switch input:checked+.slider{background:#0a7a56}.ops-toggle-switch input:checked+.slider:before{transform:translate(22px)}.qr-feedback-text{color:#0a5f44;margin:0;font-weight:600}.qr-preview-box .actions-cell{justify-content:center}.qr-share-preview{border:1px solid #d3ddec;border-radius:16px;width:min(100%,360px);margin:0 auto;box-shadow:0 10px 26px #0f1f3524}.warning-banner{color:#8a4b00;background:#fff7e5;border:1px solid #f0c36d;border-radius:12px;margin-bottom:.85rem;padding:.65rem .75rem}.warning-banner.danger{color:#8f1f1f;background:#fff1f1;border-color:#efacac}.chat-surface{border:1px solid color-mix(in srgb, var(--line) 65%, #1f8be8 35%);background:radial-gradient(circle at 100% 0%, #1877f224 0%, transparent 40%), linear-gradient(180deg, color-mix(in srgb, var(--card) 95%, #fff) 0%, var(--card-soft) 100%);border-radius:20px;width:100%;max-width:1220px;margin-inline:auto}.chat-surface-header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.chat-surface-header h3,.chat-surface-header h2{margin:0}.chat-filters{grid-template-columns:1fr 220px;gap:.65rem;display:grid}.chat-shell{grid-template-columns:minmax(230px,300px) minmax(0,820px);justify-content:start;align-items:start;gap:.95rem;display:grid}.chat-dock{flex-wrap:nowrap;align-items:stretch;gap:.7rem;width:100%;max-width:820px;min-height:430px;max-height:430px;padding-bottom:.2rem;display:flex;overflow:auto hidden}.chat-dock-empty{border:1px dashed color-mix(in srgb, var(--line) 76%, var(--primary) 24%);background:linear-gradient(180deg, color-mix(in srgb, var(--card-soft) 72%, #fff) 0%, var(--card) 100%);text-align:center;border-radius:16px;place-items:center;width:100%;min-height:430px;max-height:430px;padding:1rem;display:grid}.chat-sidebar{gap:.9rem;display:grid}.chat-sidebar-block{border:1px solid color-mix(in srgb, var(--line) 72%, #1f8be8 28%);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 92%, #f3f8ff 8%) 0%, var(--card-soft) 100%);border-radius:14px;gap:.45rem;padding:.8rem;display:grid;box-shadow:0 14px 28px #0f1f3521}.chat-sidebar-scroll{gap:.45rem;max-height:350px;padding-right:.2rem;display:grid;overflow-y:auto}.chat-contact-item{text-align:left;border:1px solid color-mix(in srgb, var(--line) 78%, #1f8be8 22%);background:linear-gradient(180deg, color-mix(in srgb, var(--card) 90%, #f8fbff 10%) 0%, var(--card) 100%);border-radius:13px;justify-content:space-between;align-items:center;gap:.7rem;width:100%;padding:.66rem .72rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.chat-contact-item:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--line));transform:translateY(-1px);box-shadow:0 10px 22px #0f1f351f}.chat-contact-item.active{border-color:color-mix(in srgb, var(--primary) 48%, var(--line));background:color-mix(in srgb, var(--primary) 12%, var(--card))}.chat-contact-main{gap:.15rem;min-width:0;display:grid}.chat-contact-main strong,.chat-contact-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-unread-pill{color:#fff;background:linear-gradient(135deg,#1877f2 0%,#0f5eca 100%);border-radius:999px;justify-content:center;align-items:center;min-width:1.45rem;height:1.45rem;padding:0 .38rem;font-size:.72rem;font-weight:700;display:inline-flex}.chat-window{border:1px solid color-mix(in srgb, var(--line) 62%, #1877f2 38%);background:radial-gradient(circle at 50% 0%, #1877f21f 0%, transparent 45%), linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--card-soft) 86%, #fff 14%) 100%);border-radius:14px;flex-direction:column;flex:none;width:min(330px,100%);min-width:260px;height:430px;display:flex;overflow:hidden;box-shadow:0 18px 34px #0f1f352b}.chat-window.is-active{box-shadow:0 22px 40px #0f1f353d}.chat-window.is-minimized{height:auto;min-height:auto}.chat-window-header{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1877f2 0%,#1268d1 54%,#0f5eca 100%);justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem .72rem;display:flex}.chat-window-title{gap:.1rem;min-width:0;display:grid}.chat-window-title strong,.chat-window-title small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-window-title small{color:#ffffffdb}.chat-window-actions{align-items:center;gap:.3rem;display:inline-flex}.chat-window-icon-btn{color:#fff;background:#fff3;border:none;border-radius:8px;width:1.7rem;height:1.7rem;font-size:1.05rem;line-height:1}.chat-window-icon-btn:hover{background:#ffffff57}.chat-window-thread{background:radial-gradient(circle at 100% 0,#1877f212 0%,#0000 30%),linear-gradient(#f8fbff 0%,#eff4fb 100%);flex-direction:column;flex:1;gap:.56rem;padding:.68rem;display:flex;overflow-y:auto}.chat-line{flex-direction:column;gap:.22rem;max-width:82%;display:flex}.chat-line.mine{align-self:flex-end;align-items:flex-end}.chat-line.theirs{align-self:flex-start;align-items:flex-start}.chat-line-meta{color:#5a6b85;font-size:.72rem}.chat-line p{white-space:pre-wrap;word-break:break-word;border-radius:16px;margin:0;padding:.5rem .7rem}.chat-line.mine p{color:#fff;background:linear-gradient(135deg,#1877f2 0%,#0f5eca 100%);border-top-right-radius:6px}.chat-line.theirs p{color:#13253f;background:#fff;border:1px solid #d8e2f1;border-top-left-radius:6px}.chat-window-composer{background:linear-gradient(#fff 0%,#f5f9ff 100%);border-top:1px solid #aecdeb;padding:.6rem}.chat-composer textarea{resize:none;min-height:64px}.chat-composer-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (width<=980px){.chat-shell{grid-template-columns:1fr;justify-content:stretch}.chat-filters{grid-template-columns:1fr}.chat-dock{flex-flow:column;align-items:stretch;max-width:100%;min-height:auto;max-height:none;overflow:hidden auto}.chat-window{width:100%;min-width:0;height:470px}.chat-dock-empty{min-height:260px;max-height:none}}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:.28rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-pill.is-open{background:color-mix(in srgb, var(--primary) 20%, var(--card));color:var(--primary)}.status-pill.is-closed{background:color-mix(in srgb, var(--line) 35%, var(--card));color:var(--muted)}.camera-box{gap:.6rem;display:grid}.camera-video{border:1px solid var(--line);border-radius:10px;width:100%;max-width:420px}.modal-backdrop{background:var(--modal-backdrop);z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(180deg, var(--card) 0%, var(--card-soft) 100%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;width:min(560px,100%);max-height:90dvh;padding:1rem;overflow-y:auto}.profile-grid{grid-template-columns:1fr 320px;align-items:start}.profile-photo-wrap{aspect-ratio:1;border:1px dashed var(--line);border-radius:12px;place-items:center;width:100%;display:grid;overflow:hidden}.profile-photo{object-fit:cover;width:100%;height:100%}.profile-photo-clickable,.table-photo-thumb{cursor:pointer}.table-photo-thumb{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:46px;min-width:46px;height:46px;margin:0 auto}.image-modal{place-items:center;width:min(760px,100%);display:grid}.image-modal-photo{object-fit:contain;border-radius:14px;max-width:100%;max-height:80dvh}.area-photos-grid{grid-template-columns:repeat(auto-fill,minmax(180px,180px));justify-content:flex-start;gap:.7rem;display:grid}.area-photo-card{border:1px solid var(--line);border-radius:12px;gap:.5rem;padding:.5rem;display:grid}.area-photo{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);cursor:pointer;border-radius:10px;width:100%}.image-carousel-modal{width:min(980px,100%)}.image-carousel-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.image-carousel-stage{place-items:center;width:100%;min-height:320px;display:grid;position:relative}.image-carousel-photo{object-fit:contain;border:1px solid var(--line);background:color-mix(in srgb, var(--card-soft) 60%, transparent);border-radius:12px;width:100%;max-height:72dvh}.carousel-arrow{border:1px solid var(--line);background:color-mix(in srgb, var(--card) 88%, transparent);z-index:2;border-radius:999px;width:42px;height:42px;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow.left{left:.55rem}.carousel-arrow.right{right:.55rem}.carousel-arrow span{font-size:1.45rem;line-height:1}.vehicles-table-wrap{overflow-x:visible}.vehicles-table{table-layout:fixed;min-width:0}.vehicles-table th,.vehicles-table td{white-space:normal;overflow-wrap:anywhere}.panel .unit-photo{aspect-ratio:16/7;object-fit:cover;border:1px solid #cdd8e6;border-radius:16px;width:min(980px,100%);max-height:300px;margin:.35rem auto;box-shadow:0 12px 30px #0f1f351f}.pool-schedule-box{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 8%, var(--card-soft))}.pool-schedule-box h3,.pool-schedule-box p,.pool-schedule-box strong,.pool-schedule-box label,.pool-schedule-box small{color:var(--text)}.pool-schedule-box>p{color:var(--muted);margin-top:-.3rem}.pool-day-row{background:color-mix(in srgb, var(--card) 60%, transparent);border-radius:10px;grid-template-columns:120px 170px 1fr 1fr;align-items:center;gap:.5rem;padding:.4rem .55rem;display:grid}.pool-day-row input[type=checkbox]{width:auto;accent-color:var(--accent)}.toggle-switch{background:#d9e1ec;border:1px solid #b8c3d3;border-radius:999px;width:54px;height:30px;padding:2px;position:relative}.toggle-switch .toggle-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;display:block;transform:translate(0);box-shadow:0 2px 8px #0f1f3533}.toggle-switch.active{background:#8be0bf;border-color:#52b98f}.toggle-switch.active .toggle-knob{transform:translate(24px)}td input,td select{width:100%}.sidebar-backdrop{display:none}@media (width<=920px){.app-shell{display:block}.sidebar{z-index:30;width:min(86vw,320px);height:100dvh;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-110%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#0812226b;display:block;position:fixed;inset:0}.sidebar-close,.mobile-menu-btn{width:auto;display:inline-flex}.mobile-menu-btn{background:linear-gradient(180deg, var(--sidebar-bg-start) 0%, var(--sidebar-bg-end) 100%);margin-bottom:.7rem}.content-header-row{align-items:flex-start}.theme-toggle-row{width:auto}.row-2,.profile-grid{grid-template-columns:1fr}table{min-width:600px}.content{padding:.78rem}.pool-day-row{grid-template-columns:1fr}}@media (width<=640px){.auth-card,.card,.panel,.modal-card{padding:.75rem}.brand{font-size:1.05rem}.role-tag{font-size:.75rem}.nav-link{padding:.55rem .6rem}.card p{font-size:clamp(1.4rem,6vw,1.8rem)}table{min-width:500px}th,td{padding:.45rem;font-size:.88rem}.mobile-compact-table table{min-width:0}.mobile-compact-table thead{display:none}.mobile-compact-table tbody,.mobile-compact-table tr,.mobile-compact-table td{width:100%;display:block}.mobile-compact-table tbody{gap:.65rem;display:grid}.mobile-compact-table tr{border:1px solid var(--line);background:color-mix(in srgb, var(--card-soft) 92%, transparent);border-radius:12px;overflow:hidden}.mobile-compact-table td{border-bottom:1px solid var(--line);grid-template-columns:minmax(120px,44%) 1fr;align-items:center;gap:.55rem;padding:.48rem .58rem;display:grid}.mobile-compact-table td:last-child{border-bottom:none}.mobile-compact-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.35px;color:var(--muted);font-size:.78rem;font-weight:700}.mobile-compact-table td[colspan]{grid-template-columns:1fr}.mobile-compact-table td[colspan]:before{display:none}.mobile-compact-table td.actions-cell{grid-template-columns:1fr}.mobile-compact-table td.actions-cell:before{margin-bottom:.25rem}.mobile-compact-table td.actions-cell>button,.mobile-compact-table td .actions-cell>button{width:100%}.mobile-compact-table .table-photo-thumb{margin:0}}@media (width<=420px){.content{padding:.65rem}.stack,.stack-lg{gap:.5rem}.modal-backdrop{padding:.55rem}.camera-video{max-width:100%}}@media (width>=1500px){.content{width:100%;padding:1.1rem 1.25rem}.cards-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}.panel,.card{padding:1.25rem}}@media (width>=2200px){.content{width:min(2100px,100%)}.app-shell{grid-template-columns:clamp(280px,16vw,360px) 1fr}}