:root{color:#18302a;font-synthesis:none;--bg:#f2f6f3;--surface:#fbfdfb;--surface-strong:#fff;--surface-soft:#eaf2ee;--text:#18302a;--muted:#6b7c76;--line:#dce6e1;--primary:#326c5b;--primary-hover:#285a4c;--primary-soft:#dcece6;--lavender:#e9e5f3;--lavender-text:#5f5477;--danger:#a84f55;--danger-soft:#f6e5e6;--success:#27705b;--shadow:0 24px 70px #1d3c3217;background:#f2f6f3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e8f1ed;--bg:#101816;--surface:#17221f;--surface-strong:#1c2925;--surface-soft:#202f2a;--text:#e8f1ed;--muted:#9aaba5;--line:#2d3d38;--primary:#78ad9c;--primary-hover:#8cbdad;--primary-soft:#203d35;--lavender:#302c3d;--lavender-text:#c7bcde;--danger:#e08b90;--danger-soft:#432a2c;--success:#79bea8;--shadow:0 28px 80px #00000040;background:#101816}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;line-height:1.04}h2{letter-spacing:-.025em}.eyebrow{color:var(--primary);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800}.brand{letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1rem;font-weight:800;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.icon-button{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.center-screen{place-items:center;min-height:100vh;display:grid}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:19px;height:19px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.button{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:.8rem 1.05rem;font-weight:750;transition:transform .18s,background .18s,opacity .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{background:var(--primary);color:#fff;box-shadow:0 10px 25px color-mix(in srgb, var(--primary) 25%, transparent)}:root[data-theme=dark] .button.primary{color:#10241e}.button.primary:hover:not(:disabled){background:var(--primary-hover)}.button.secondary,.button.ghost{background:var(--surface-soft);color:var(--text);border:1px solid var(--line)}.button.success{background:var(--success);color:#fff}.button.danger-soft{background:var(--danger-soft);color:var(--danger)}.button.full{width:100%}.button.large{padding:1rem 1.2rem;font-size:1rem}label{color:var(--text);gap:.42rem;font-size:.78rem;font-weight:700;display:grid}label>span{color:var(--muted);font-weight:500}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface-strong);border-radius:12px;outline:none;padding:.78rem .85rem;transition:border .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}input:disabled,textarea:disabled{opacity:.55}textarea{resize:vertical}.form-error,.success-banner{border-radius:12px;padding:.85rem 1rem;font-size:.85rem}.form-error{color:var(--danger);background:var(--danger-soft)}.success-banner{color:var(--success);background:var(--primary-soft);margin-bottom:1rem}.auth-page{background:radial-gradient(circle at 18% 24%, #c4ddd2a6, transparent 31%), radial-gradient(circle at 60% 90%, #dcd3ea8c, transparent 32%), var(--bg);grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);min-height:100vh;display:grid}.floating-header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:1.8rem 2.2rem auto}.auth-story{align-self:end;max-width:780px;padding:8rem 8vw 10vh}.auth-story h1{max-width:620px;margin:1rem 0 1.25rem;font-size:clamp(3rem,6vw,6.8rem);font-weight:650}.auth-story>p{max-width:550px;color:var(--muted);font-size:1.12rem;line-height:1.7}.trust-line{color:var(--primary);align-items:center;gap:.55rem;margin-top:2rem;font-size:.85rem;font-weight:700;display:inline-flex}.auth-card{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);width:min(430px,100% - 3rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;place-self:center;padding:2.4rem}.auth-card h2{margin:.55rem 0 .5rem;font-size:1.75rem}.auth-card p{color:var(--muted);font-size:.9rem;line-height:1.5}.auth-card form{gap:1rem;margin-top:2rem;display:grid}.visitor-page{background:radial-gradient(circle at 50% -10%, #c4ddd29e, transparent 38%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.visitor-header{justify-content:space-between;align-items:center;width:min(100% - 2rem,760px);margin:1.2rem auto;display:flex}.visitor-card{background:var(--surface);border:1px solid var(--line);width:min(100% - 2rem,540px);box-shadow:var(--shadow);border-radius:30px;margin:auto;padding:clamp(1.25rem,5vw,2.25rem)}.visitor-loading{min-height:380px;color:var(--muted);place-content:center;justify-items:center;gap:1rem;display:grid}.origin-block{border-bottom:1px solid var(--line);align-items:center;gap:1rem;padding-bottom:1.35rem;display:flex}.origin-icon{background:var(--lavender);width:52px;height:52px;color:var(--lavender-text);border-radius:16px;flex:none;place-items:center;display:grid}.origin-block h1{margin:.28rem 0 .12rem;font-size:1.45rem}.origin-block p{color:var(--muted);margin:0;font-size:.88rem}.visitor-ready{text-align:center;padding-top:2rem}.soft-illustration{width:88px;height:88px;color:var(--primary);background:var(--primary-soft);border-radius:28px;place-items:center;margin:0 auto 1.4rem;display:grid;position:relative;transform:rotate(-3deg)}.soft-illustration svg{transform:rotate(3deg)}.pulse-dot{background:#e19273;border-radius:50%;width:12px;height:12px;position:absolute;top:9px;right:9px;box-shadow:0 0 0 5px #e1927333}.visitor-ready h2{margin-bottom:.6rem;font-size:1.7rem}.visitor-ready>p{max-width:390px;color:var(--muted);margin:0 auto 1.2rem;line-height:1.55}.privacy-note{color:var(--primary);align-items:center;gap:.45rem;margin-bottom:1.25rem;font-size:.78rem;font-weight:700;display:inline-flex}.turnstile-slot{justify-content:center;min-height:1px;margin-bottom:.75rem;display:flex}.permission-row{color:var(--muted);justify-content:center;gap:1.4rem;margin-top:1rem;font-size:.72rem;display:flex}.permission-row span{align-items:center;gap:.35rem;display:flex}.call-stage{padding-top:1.25rem}.video-frame{background:#14201d;border-radius:22px;min-height:340px;position:relative;overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.video-overlay{color:#edf5f1;background:radial-gradient(circle,#42695c99,#111e1aeb);place-content:center;justify-items:center;gap:.65rem;display:grid;position:absolute;inset:0}.video-overlay small{color:#aebfb9}.ring-loader{border:2px solid #ffffff1f;border-top-color:#9bc6b8;border-radius:50%;width:68px;height:68px;margin-bottom:.7rem;animation:1.4s linear infinite spin}.live-pill{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1815b8;border-radius:999px;align-items:center;gap:.4rem;padding:.38rem .58rem;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:14px;left:14px}.live-pill>span{background:#8fd5b8;border-radius:50%;width:7px;height:7px}.call-origin{color:var(--muted);justify-content:center;align-items:center;gap:.42rem;margin:1rem 0;font-size:.78rem;display:flex}.hangup-button{color:var(--danger);background:var(--danger-soft);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.45rem;margin:0 auto;padding:.7rem 1rem;font-weight:750;display:flex}.call-result{text-align:center;place-content:center;justify-items:center;min-height:330px;display:grid}.call-result>span{border-radius:24px;place-items:center;width:74px;height:74px;margin-bottom:1.2rem;display:grid}.call-result svg{width:35px;height:35px}.call-result.success>span{color:var(--success);background:var(--primary-soft)}.call-result.danger>span{color:var(--danger);background:var(--danger-soft)}.call-result.neutral>span{color:var(--lavender-text);background:var(--lavender)}.call-result h2{margin-bottom:.45rem}.call-result p{color:var(--muted)}.visitor-footer{text-align:center;color:var(--muted);padding:1.2rem;font-size:.7rem}.app-layout{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;height:100vh;padding:1.4rem 1.15rem;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 .55rem}.sidebar nav{gap:.35rem;margin-top:2.7rem;display:grid}.sidebar nav a,.sidebar-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:.7rem;padding:.72rem .78rem;font-size:.84rem;font-weight:700;text-decoration:none;display:flex}.sidebar nav a.active{color:var(--text);background:var(--surface-soft)}.sidebar-actions{gap:.25rem;margin-top:auto;display:grid}.workspace{min-width:0;padding:2.2rem clamp(1.2rem,4vw,4rem) 4rem}.workspace-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.7rem;display:flex}.workspace-header h1{margin:.4rem 0 .45rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:620}.workspace-header p{max-width:620px;color:var(--muted)}.availability-control{align-items:center;gap:.65rem;display:flex}.availability-control select{width:150px;padding:.55rem .7rem}.status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:.3rem .58rem;font-size:.68rem;font-weight:800;display:inline-flex}.status-available,.status-authorized{color:var(--success);background:var(--primary-soft)}.status-away,.status-queued{color:#8a672d;background:#f5ecd8}:root[data-theme=dark] .status-away,:root[data-theme=dark] .status-queued{color:#dfbd79;background:#3b3324}.status-offline,.status-expired{color:var(--muted);background:var(--surface-soft)}.status-ringing{color:var(--lavender-text);background:var(--lavender)}.status-busy{color:#33709d;background:#e0edf6}:root[data-theme=dark] .status-busy{color:#9ecae8;background:#263847}.status-denied{color:var(--danger);background:var(--danger-soft)}.sound-banner{text-align:left;border:1px solid color-mix(in srgb, var(--lavender-text) 20%, var(--line));width:100%;color:var(--lavender-text);background:var(--lavender);cursor:pointer;border-radius:14px;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.sound-banner>span:nth-child(2){display:grid}.sound-banner small{opacity:.8}.sound-banner>span:last-child{margin-left:auto;font-weight:800}.operation-grid{grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);align-items:stretch;gap:1rem;display:grid}.live-panel,.record-panel,.history-section,.admin-section{border:1px solid var(--line);background:var(--surface);border-radius:20px;box-shadow:0 10px 35px #1c393009}.live-panel{min-height:535px;overflow:hidden}.empty-operation{text-align:center;place-content:center;justify-items:center;height:100%;min-height:535px;padding:2rem;display:grid}.empty-operation>span{width:78px;height:78px;color:var(--primary);background:var(--primary-soft);border-radius:26px;place-items:center;display:grid}.empty-operation h2{margin:1.2rem 0 .45rem}.empty-operation p{max-width:360px;color:var(--muted);line-height:1.5}.incoming-call{text-align:center;background:radial-gradient(circle at 50% 25%, var(--primary-soft), transparent 38%);flex-direction:column;justify-content:center;align-items:center;min-height:535px;padding:2rem;display:flex}.incoming-icon{width:84px;height:84px;color:var(--primary);background:var(--surface-strong);border:1px solid var(--line);box-shadow:0 0 0 12px color-mix(in srgb, var(--primary-soft) 70%, transparent);border-radius:50%;place-items:center;margin-bottom:1.5rem;animation:1.8s ease-in-out infinite breathe;display:grid}@keyframes breathe{50%{box-shadow:0 0 0 20px color-mix(in srgb, var(--primary-soft) 35%, transparent)}}.incoming-call h2{margin:.55rem 0 .4rem;font-size:2.1rem}.entrance-name{align-items:center;gap:.4rem;margin:0 0 .2rem;font-weight:750;display:flex}.incoming-call>small{color:var(--muted)}.incoming-time{color:var(--muted);align-items:center;gap:.4rem;margin:1.5rem 0;font-size:.78rem;display:flex}.incoming-actions{gap:.7rem;display:flex}.active-call{flex-direction:column;height:100%;min-height:535px;display:flex}.operator-video{background:#14201d;flex:1;min-height:470px;position:relative;overflow:hidden}.operator-video video{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute}.video-waiting{color:#9fb0aa;place-content:center;justify-items:center;gap:.7rem;display:grid;position:absolute;inset:0}.video-caption{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1714b3;border-radius:12px;padding:.65rem .8rem;display:grid;position:absolute;bottom:1rem;left:1rem}.video-caption small{opacity:.72}.call-toolbar{min-height:62px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 1rem;font-size:.76rem;display:flex}.call-toolbar span{align-items:center;gap:.42rem;display:flex}.record-panel{padding:1.3rem}.panel-heading,.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-heading{margin-bottom:1.25rem}.panel-heading h2,.section-heading h2{margin:.35rem 0 0;font-size:1.25rem}.panel-heading>svg{color:var(--primary)}.record-panel form{gap:.78rem;display:grid}.decision-actions{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.3rem;display:grid}.history-section{margin-top:1rem;padding:1.3rem}.section-heading>span{color:var(--muted);font-size:.75rem}.table-wrap{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.8rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:.7rem .8rem;font-size:.68rem}td{border-bottom:1px solid var(--line);padding:.82rem}tbody tr:last-child td{border-bottom:0}.empty-cell{text-align:center;color:var(--muted);padding:2rem}.metric-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;display:grid}.metric{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:auto 1fr;column-gap:.9rem;padding:1.2rem;display:grid}.metric>span{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:15px;grid-row:1/3;place-items:center;display:grid}.metric strong{font-size:1.65rem;line-height:1}.metric small{color:var(--muted)}.admin-section{margin-top:1rem;padding:1.3rem}.button-row{flex-wrap:wrap;gap:.55rem;display:flex}.building-focus{border:1px solid var(--line);background:linear-gradient(135deg, var(--surface-strong), var(--primary-soft));border-radius:17px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1.15rem;display:flex}.building-focus h3{margin-bottom:.25rem}.building-focus p{color:var(--muted);margin:0;font-size:.82rem}.apartment-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;margin-top:1rem;display:grid}.apartment-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:17px;padding:1rem}.apartment-title{align-items:center;gap:.75rem;display:flex}.apartment-title h3{margin:0 0 .15rem}.apartment-title p,.resident-line{color:var(--muted);margin:0;font-size:.74rem}.apartment-facts{color:var(--muted);gap:1rem;margin:.9rem 0;font-size:.7rem;display:flex}.apartment-facts span{align-items:center;gap:.3rem;display:flex}.resident-line{border-top:1px solid var(--line);justify-content:space-between;padding:.5rem 0;display:flex}.resident-line strong{color:var(--text)}.resident-line>span{gap:.15rem;min-width:0;display:grid}.resident-line small{color:var(--muted)}.card-actions{gap:.5rem;margin-top:.8rem;display:flex}.card-actions button{color:var(--primary);background:var(--primary-soft);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:.35rem;padding:.45rem .6rem;font-size:.7rem;font-weight:750;display:inline-flex}.card-actions .danger-link,.icon-danger{color:var(--danger);background:var(--danger-soft)}.icon-danger{cursor:pointer;border:0;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;margin-left:auto;display:grid}.check-line{grid-template-columns:auto 1fr;align-items:center;gap:.55rem;display:flex}.check-line input{width:auto}.import-preview{border:1px solid var(--line);background:var(--primary-soft);border-radius:14px;gap:.35rem;margin:1rem 0;padding:1rem;font-size:.8rem;display:grid}.modal>div>p{color:var(--muted);font-size:.82rem;line-height:1.5}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.7rem;margin-top:1rem;display:grid}.entity-card{border:1px solid var(--line);background:var(--surface-strong);border-radius:15px;align-items:center;gap:.8rem;padding:.9rem;display:flex}.entity-card-stack{flex-direction:column;align-items:stretch}.entity-main{align-items:center;gap:.8rem;display:flex}.entity-main>div,.entity-card>div{flex:1;min-width:0}.entity-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 .25rem;font-size:.9rem;overflow:hidden}.entity-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.74rem;overflow:hidden}.entity-icon,.avatar{width:42px;height:42px;color:var(--lavender-text);background:var(--lavender);border-radius:13px;flex:none;place-items:center;display:grid}.avatar{font-size:.72rem;font-weight:850}.table-action{color:var(--primary);background:var(--primary-soft);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.72rem;font-weight:750;display:inline-flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09110f8c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);border-radius:22px;padding:1.7rem;position:relative}.modal-close{width:32px;height:32px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border:0;border-radius:50%;position:absolute;top:1rem;right:1rem}.modal form{gap:1rem;display:grid}.modal h2{margin:.45rem 0 .8rem}.qr-modal{text-align:center}.qr-modal img{border-radius:15px;width:min(100%,310px);margin:.6rem auto 1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=980px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-card{margin:7rem auto 2rem}.app-layout{grid-template-columns:76px minmax(0,1fr)}.sidebar{align-items:center;padding-inline:.7rem}.sidebar .brand>span:last-child,.sidebar nav a{font-size:0}.sidebar nav a,.sidebar-actions button{justify-content:center;width:46px}.sidebar-actions button{font-size:0}.operation-grid{grid-template-columns:1fr}.record-panel{min-height:auto}}@media (width<=680px){.app-layout{display:block}.sidebar{z-index:10;border-top:1px solid var(--line);border-right:0;flex-direction:row;justify-content:center;width:100%;height:66px;padding:.55rem 1rem;position:fixed;inset:auto 0 0}.sidebar .brand,.sidebar-actions{display:none}.sidebar nav{margin:0;display:flex}.sidebar nav a{flex-direction:column;gap:.15rem;width:auto;padding:.45rem .75rem;font-size:.62rem}.workspace{padding:1.2rem 1rem 5.5rem}.workspace-header{display:block}.workspace-header h1{font-size:2.25rem}.availability-control{margin-top:1rem}.metric-grid{grid-template-columns:1fr}.visitor-card{border-radius:24px}.video-frame{min-height:300px}.live-panel,.empty-operation,.incoming-call,.active-call{min-height:460px}.operator-video{min-height:395px}.section-heading{align-items:flex-start}.section-heading .button{padding:.7rem;font-size:0}.section-heading .button svg{margin:0}.building-focus{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}