*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}:root{--bg:#0a0a0f;--bg-card:#13131a;--bg-hover:#1a1a24;--border:#ffffff14;--text:#e2e8f0;--text-muted:#64748b;--accent:#6366f1;--accent-glow:#6366f14d;--success:#22c55e;--success-glow:#22c55e4d;--danger:#ef4444;--danger-glow:#ef44444d;--warning:#f59e0b;--sans:"Segoe UI", system-ui, sans-serif}html,body,#root{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;width:100%;height:100%;overflow:hidden}@media (width<=600px){html,body,#root{touch-action:auto;height:auto;min-height:100%;overflow:auto}}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:var(--sans);border:none;outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font-family:var(--sans);outline:none}.login-screen{background:radial-gradient(ellipse at 50% 0%, #6366f11f 0%, transparent 60%), var(--bg);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:24px;width:100%;max-width:380px;padding:48px 40px;box-shadow:0 32px 80px #00000080}.login-logo{justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.login-logo-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%}.login-logo-text{letter-spacing:4px;color:var(--accent);text-transform:uppercase;font-size:22px;font-weight:700}.login-card h1{letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:600}.login-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{text-align:left;flex-direction:column;gap:8px;display:flex}.login-form label span{color:var(--text-muted);letter-spacing:.5px;font-size:13px;font-weight:500}.login-form input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:14px 16px;font-size:17px;transition:border-color .2s}.login-form input:focus{border-color:var(--accent)}.login-form input::placeholder{color:var(--text-muted)}.login-error{color:var(--danger);text-align:left;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;padding:10px 14px;font-size:13px}.login-btn{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow);border-radius:12px;margin-top:8px;padding:15px;font-size:16px;font-weight:600;transition:all .2s}.login-btn:hover:not(:disabled){box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.login-screen{align-items:stretch}.login-card{box-shadow:none;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;max-width:100%;padding:48px 24px;display:flex}}.login-link-btn{color:#ffffff8c;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;width:100%;margin-top:16px;padding:10px;font-size:13px;text-decoration:underline;transition:color .2s}.login-link-btn:hover{color:#ffffffd9}.login-code-input{text-align:center;letter-spacing:7px;font-variant-numeric:tabular-nums;font-size:24px!important}.login-notice{color:#e2e8f0d9;text-align:center;background:#94a3b81f;border:1px solid #94a3b840;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.login-link-btn:disabled{opacity:.45;cursor:default;text-decoration:none}.welcome-screen{background:var(--bg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.6s welcome-fade-in;display:flex;position:relative;overflow:hidden}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.welcome-screen:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 40%,#6366f114 0%,#0000 70%);position:absolute;inset:0}.welcome-content{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex}.welcome-greeting{color:var(--text-muted);letter-spacing:.04em;font-size:22px;font-weight:300;animation:.5s .1s both welcome-slide-up}.welcome-name{color:var(--text);letter-spacing:-2px;font-size:64px;font-weight:200;line-height:1;animation:.5s .2s both welcome-slide-up}.welcome-unit{color:var(--text-muted);margin-bottom:32px;font-size:16px;animation:.5s .3s both welcome-slide-up}@keyframes welcome-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.welcome-items{flex-direction:column;gap:10px;min-width:280px;animation:.5s .4s both welcome-slide-up;display:flex}.welcome-item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:14px 20px;transition:border-color .2s;display:flex}.welcome-item-warning{border-color:#f59e0b40}.welcome-item-accent{border-color:#6366f140}.welcome-item-danger{border-color:#ef444440}.welcome-item-success{border-color:#22c55e40}.welcome-item-icon{flex-shrink:0;font-size:20px}.welcome-item-text{color:var(--text);font-size:15px;font-weight:500}.welcome-progress-bar{background:#ffffff0f;width:100%;height:3px;position:absolute;bottom:0;left:0}.welcome-progress-fill{background:var(--accent);height:100%;box-shadow:0 0 8px var(--accent-glow);transition:width 30ms linear}.welcome-hint{color:var(--text-muted);letter-spacing:.06em;opacity:.5;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=600px){.welcome-name{letter-spacing:-1px;font-size:clamp(40px,13vw,64px)}.welcome-greeting{font-size:18px}.welcome-items{min-width:unset;width:calc(100% - 48px)}}.incoming-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.incoming-card{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;flex-direction:column;align-items:center;gap:16px;min-width:340px;padding:48px 56px;display:flex;box-shadow:0 40px 100px #000000b3}.call-avatar-wrap{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.call-ring{background:var(--accent);opacity:0;border-radius:50%;width:100px;height:100px;position:absolute}.ringing .call-ring{animation:2s ease-out infinite ripple}.ringing .ring-2{animation-delay:.65s}.ringing .ring-3{animation-delay:1.3s}@keyframes ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.call-avatar{background:var(--accent);width:100px;height:100px;box-shadow:0 0 0 12px var(--accent-glow);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:42px;display:flex;position:relative}.ended-avatar{background:var(--bg-hover);width:80px;height:80px;box-shadow:none;border:1px solid var(--border);font-size:34px}.ring-preview-wrap{aspect-ratio:4/3;border:1px solid var(--border);background:#111;border-radius:18px;width:300px;max-width:calc(100vw - 96px);position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080}.ring-preview-placeholder{opacity:.5;justify-content:center;align-items:center;font-size:56px;display:flex;position:absolute;inset:0}.ring-preview-video{width:100%;height:100%;position:relative}.ring-preview-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0000008c;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.ring-live-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite countPulse}.incoming-title{color:var(--text);margin-top:8px;font-size:26px;font-weight:600}.incoming-subtitle{color:var(--text-muted);font-size:15px}.incoming-timer{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:99px;padding:4px 14px;font-size:14px}.incoming-actions{gap:14px;margin-top:8px;display:flex}.btn-reject,.btn-answer{border-radius:50px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-reject{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted)}.btn-reject:hover{color:var(--danger);background:#ef444426;border-color:#ef444466}.btn-answer{background:var(--success);color:#fff;box-shadow:0 4px 20px var(--success-glow)}.btn-answer:hover{box-shadow:0 8px 28px var(--success-glow);transform:translateY(-2px)}.auto-close-badge{background:var(--bg-hover);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;animation:1s ease-in-out infinite countPulse;display:inline-flex}@keyframes countPulse{0%,to{opacity:1}50%{opacity:.4}}.call-video-screen{background:#000;width:100%;height:100%;position:relative}.remote-video{width:100%;height:100%}.local-video-pip{background:#222;border:2px solid #ffffff26;border-radius:12px;width:130px;height:96px;position:absolute;bottom:140px;right:24px;overflow:hidden;box-shadow:0 4px 20px #00000080}.call-video-ui{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.call-video-top{pointer-events:auto;justify-content:center;padding:24px;display:flex}.call-timer-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--success);font-variant-numeric:tabular-nums;letter-spacing:1px;background:#0009;border:1px solid #ffffff1f;border-radius:99px;padding:6px 18px;font-size:15px;font-weight:600}.call-video-bottom{pointer-events:auto;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;display:flex}.open-door-btn{color:#4ade80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22c55e26;border:1px solid #22c55e66;border-radius:14px;width:100%;max-width:320px;padding:15px 20px;font-size:17px;font-weight:600;transition:all .2s}.open-door-btn:hover{background:#22c55e40;border-color:#22c55eb3;transform:translateY(-1px)}.door-opened-banner{color:#4ade80;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22c55e33;border:1px solid #22c55e80;border-radius:14px;width:100%;max-width:320px;padding:14px 20px;font-size:17px;font-weight:600;animation:.3s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.end-btn{background:var(--danger);color:#fff;box-shadow:0 4px 20px var(--danger-glow);border-radius:50px;padding:13px 40px;font-size:16px;font-weight:600;transition:all .2s}.end-btn:hover{box-shadow:0 8px 28px var(--danger-glow);transform:translateY(-2px)}@media (width<=600px){.incoming-card{min-width:unset;width:calc(100vw - 40px);padding:40px 24px}.incoming-title{font-size:22px}.incoming-actions{gap:10px;width:100%}.btn-reject,.btn-answer{flex:1;padding:18px 16px;font-size:17px}.local-video-pip{width:96px;height:72px;bottom:110px;right:16px}.open-door-btn,.door-opened-banner{max-width:100%}.end-btn{padding:15px 32px}}.outgoing-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.outgoing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:28px;flex-direction:column;align-items:center;gap:16px;min-width:340px;padding:48px 56px;display:flex;box-shadow:0 40px 100px #000000b3}.outgoing-preview-wrap{background:#111;border-radius:16px;flex-shrink:0;width:280px;height:210px;position:relative;overflow:hidden}.outgoing-preview-video{width:100%;height:100%}.outgoing-preview-overlay{background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.outgoing-call-avatar{background:var(--accent);color:#fff;width:100px;height:100px;box-shadow:0 0 0 12px var(--accent-glow);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:42px;font-weight:700;display:flex;position:relative}.outgoing-call-avatar--ended{background:var(--bg-hover);width:80px;height:80px;box-shadow:none;border:1px solid var(--border);color:var(--text-muted);font-size:34px}.outgoing-title{color:var(--text);margin-top:8px;font-size:26px;font-weight:600}.outgoing-subtitle{color:var(--text-muted);font-size:15px}.outgoing-timer{color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:99px;padding:4px 14px;font-size:14px}.outgoing-cam-denied{color:var(--text-muted);text-align:center;max-width:260px;font-size:12px;line-height:1.4}.btn-cancel{color:var(--danger);background:#ef44441a;border:1px solid #ef44444d;border-radius:50px;margin-top:8px;padding:14px 36px;font-size:16px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}@media (width<=600px){.outgoing-card{min-width:unset;width:calc(100vw - 40px);padding:40px 24px}.outgoing-preview-wrap{width:100%;height:180px}.outgoing-title{font-size:22px}.btn-cancel{width:100%}}.camera-overlay{z-index:100;background:#000;display:flex;position:fixed;inset:0}.camera-left{background:#0a0a0a;flex:1;position:relative;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%}.camera-status-overlay{color:#ffffff73;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:15px;display:flex;position:absolute;inset:0}.camera-spinner{border:3px solid #ffffff14;border-top-color:#fff6;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.camera-offline-icon{opacity:.25;font-size:52px}.camera-live-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:1.5px;background:#ef4444d1;border:1px solid #ffffff1f;border-radius:99px;padding:5px 13px;font-size:12px;font-weight:700;animation:2s ease-in-out infinite livePulse;position:absolute;top:20px;left:20px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.65}}.camera-right{background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;width:320px;padding:32px 28px;display:flex}.camera-right-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.camera-right-title{flex-direction:column;gap:6px;display:flex}.camera-right-title h2{color:var(--text);margin:0;font-size:22px;font-weight:600}.camera-right-title span{color:var(--text-muted);font-size:13px}.camera-close-btn{background:var(--bg-hover);border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.camera-close-btn:hover{color:var(--danger);background:#ef444426;border-color:#ef444459}.camera-door-section{flex-direction:column;gap:10px;margin-top:auto;display:flex}.camera-door-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:500}.camera-door-btn{color:#4ade80;text-align:center;background:#22c55e1a;border:1px solid #22c55e59;border-radius:16px;width:100%;padding:16px 20px;font-size:17px;font-weight:600;transition:all .2s}.camera-door-btn:hover{background:#22c55e33;border-color:#22c55e99;transform:translateY(-1px);box-shadow:0 6px 20px #22c55e26}.camera-door-btn:active{transform:translateY(0)}.camera-door-opened{color:#4ade80;text-align:center;background:#22c55e1f;border:1px solid #22c55e66;border-radius:16px;width:100%;padding:16px 20px;font-size:17px;font-weight:600;animation:.3s fadeInUp}.camera-divider{background:var(--border);height:1px;margin:28px 0}.camera-info-rows{flex-direction:column;gap:16px;display:flex}.camera-info-row{align-items:center;gap:12px;display:flex}.camera-info-icon{background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.camera-info-text{flex-direction:column;gap:2px;display:flex}.camera-info-text strong{color:var(--text);font-size:13px;font-weight:600}.camera-info-text span{color:var(--text-muted);font-size:12px}@media (width<=600px){.camera-overlay{flex-direction:column}.camera-left{flex:none;width:100%;height:56vw;min-height:200px}.camera-right{border-left:none;border-top:1px solid var(--border);flex:1;width:100%;padding:20px;overflow-y:auto}.camera-right-header{margin-bottom:16px}.camera-divider{margin:16px 0}.camera-door-section{margin-top:0}}.home-screen{background:var(--bg);flex-direction:column;width:100%;height:100%;display:flex}.home-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.home-identity{align-items:center;gap:12px;display:flex}.home-avatar{background:var(--accent);color:#fff;width:44px;height:44px;box-shadow:0 0 0 3px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.home-name{color:var(--text);font-size:15px;font-weight:600}.home-unit{color:var(--text-muted);margin-top:2px;font-size:12px}.logout-btn{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.logout-btn:hover{color:var(--danger);background:#ef444426;border-color:#ef44444d}.dashboard-grid{flex:1;grid-template-rows:minmax(min-content,1fr) minmax(min-content,1fr) minmax(min-content,.8fr) minmax(min-content,.65fr);grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid;overflow-y:auto}.tile{background:var(--bg-card);border:1px solid var(--border);text-align:left;cursor:default;border-radius:22px;flex-direction:column;justify-content:space-between;gap:clamp(8px,1.6vh,14px);min-height:min-content;padding:clamp(12px,2.2vh,28px) 28px;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden}button.tile{cursor:pointer}button.tile:hover:not(:disabled){border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 10px 28px #00000059}button.tile:active:not(:disabled){transform:translateY(0)}button.tile:disabled{cursor:default}button.tile:disabled:hover{border-color:var(--border);box-shadow:none;transform:none}.tile-clock{background:linear-gradient(135deg,#13131a 0%,#1a1a2e 100%);flex-direction:row;grid-column:1/3;justify-content:space-between;align-items:flex-end;padding:20px 28px}.clock-main{flex-direction:column;display:flex}.clock-time{letter-spacing:-3px;color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(44px,9vh,80px);font-weight:100;line-height:1}.clock-date{color:var(--text-muted);text-transform:capitalize;letter-spacing:.02em;margin-top:6px;font-size:clamp(12px,1.6vh,16px)}.clock-weather{flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:4px;display:flex}.weather-emoji{font-size:clamp(24px,4vh,36px);line-height:1}.weather-temp{color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(22px,3.5vh,32px);font-weight:200;line-height:1}.weather-desc{color:var(--text-muted);letter-spacing:.02em;font-size:13px}.tile-icon-wrap{background:var(--bg-hover);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(44px,7.4vh,56px);height:clamp(44px,7.4vh,56px);font-size:clamp(22px,3.6vh,28px);display:flex}.tile-icon-cargo{background:#f59e0b1f}.tile-icon-door{background:#6366f126}.tile-icon-call{background:#22c55e1f}.tile-icon-announce{background:#6366f11a}.tile-icon-success{background:#22c55e33}.tile-icon-fail{background:#ef444433}.tile-value-fail{color:#fca5a5}.tile-icon-guest{background:#fbbf241f}.tile-info{flex-direction:column;gap:4px;display:flex}.tile-label{color:var(--text);font-size:17px;font-weight:600}.tile-value{color:var(--text-muted);font-size:13px;line-height:1.4}.tile-value-warning{color:var(--warning)}.tile-value-accent{color:var(--accent)}.tile-dot{border-radius:50%;width:10px;height:10px;position:absolute;top:22px;right:22px}.tile-dot-warning{background:var(--warning);box-shadow:0 0 10px var(--warning);animation:2s ease-in-out infinite pulse-dot}.tile-dot-accent{background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.tile-door:hover:not(:disabled){border-color:#6366f166;box-shadow:0 10px 28px #6366f133}.tile-door-active{border-color:#22c55e66!important;box-shadow:0 10px 28px #22c55e26!important}.tile-door-failed{border-color:#ef444473!important;box-shadow:0 10px 28px #ef444426!important}.tile-call:hover{border-color:#22c55e4d;box-shadow:0 10px 28px #22c55e1a}.tile-dues{flex-direction:row;grid-area:3/2/auto/3;justify-content:flex-start;align-items:center;gap:16px;padding:20px 24px}.tile-support{flex-direction:row;grid-area:3/3/auto/4;justify-content:flex-start;align-items:center;gap:16px;padding:20px 24px}.tile-support:hover{border-color:#a855f74d;box-shadow:0 10px 28px #a855f71a}.tile-icon-support{background:#a855f71f}.tile-dues:hover{border-color:#6366f14d;box-shadow:0 10px 28px #6366f11a}.tile-icon-dues{background:#6366f11f}.tile-icon-dues-overdue{background:#ef44441f}.tile-value-success{color:var(--success)}.tile-value-danger{color:var(--danger)}@media (width<=600px){.home-screen{height:auto;min-height:100%}.home-header{z-index:10;padding:10px 14px;position:sticky;top:0}.home-avatar{width:36px;height:36px;font-size:14px}.home-name{font-size:14px}.home-unit{font-size:11px}.logout-btn{padding:6px 12px;font-size:12px}.dashboard-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;overflow:visible}.tile{border-radius:16px;gap:10px;padding:14px}.tile-icon-wrap{border-radius:12px;width:44px;height:44px;font-size:22px}.tile-label{font-size:14px}.tile-value{font-size:12px}.tile-clock{grid-area:auto/1/auto/3;padding:16px 18px}.clock-time{letter-spacing:-2px;font-size:clamp(34px,10vw,52px)}.clock-date{font-size:12px}.weather-temp,.weather-emoji{font-size:clamp(20px,6vw,28px)}.tile-guest,.tile-dues,.tile-support{grid-area:auto}.tile-camera{grid-area:auto/1/auto/3}.overlay{align-items:flex-end;padding:0}.overlay-panel{border-radius:24px 24px 0 0;max-width:100%;max-height:88vh}.guest-active-inner{flex-direction:column;align-items:center;gap:16px}.guest-pin-display{text-align:center;font-size:32px}.guest-actions{justify-content:center}}.tile-dot-danger{background:var(--danger);animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 10px #ef444480}.tile-guest{flex-direction:row;grid-area:3/1/auto/2;justify-content:flex-start;align-items:center;gap:16px;padding:20px 24px}.tile-guest:hover{border-color:#fbbf244d;box-shadow:0 10px 28px #fbbf241a}.tile-value-guest-pin{letter-spacing:.14em;color:#fbbf24;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.tile-dot-guest{background:#fbbf24;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 10px #fbbf2499}.tile-camera{background:linear-gradient(135deg,#0d1117 0%,#0d1a0d 100%);flex-direction:row;grid-area:4/1/auto/4;justify-content:flex-start;align-items:center;gap:16px;padding:20px 28px}.tile-camera:hover{border-color:#22c55e4d;box-shadow:0 10px 28px #22c55e14}.tile-icon-camera{background:#22c55e1f}.overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.overlay-panel{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;animation:.2s slide-up;display:flex;overflow:hidden}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.overlay-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.overlay-header h2{color:var(--text);font-size:20px;font-weight:600}.overlay-close{background:var(--bg-hover);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.overlay-close:hover{color:var(--danger);background:#ef444426;border-color:#ef44444d}.search-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:14px;flex-shrink:0;margin:0 24px 16px;padding:14px 18px;font-size:15px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-results{flex:1;padding:0 24px 24px;overflow-y:auto}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-track{background:0 0}.search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.search-result-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item-concierge .result-unit{color:#38bdf8;font-weight:600}.result-avatar-concierge{font-size:22px;background:#38bdf8e6!important;box-shadow:0 0 0 3px #38bdf840!important}.result-avatar{background:var(--accent);color:#fff;width:44px;height:44px;box-shadow:0 0 0 3px var(--accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.result-info{flex-direction:column;flex:1;gap:3px;display:flex}.result-name{color:var(--text);font-size:15px;font-weight:600}.result-unit{color:var(--text-muted);font-size:13px}.call-btn{color:var(--accent);background:#6366f11f;border:1px solid #6366f14d;border-radius:10px;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.call-btn:hover{background:#6366f138;border-color:#6366f180;transform:translateY(-1px)}.history-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:4px 0 8px;font-size:11px;font-weight:600}.result-avatar-history{box-shadow:none;opacity:.85}.result-avatar-missed{background:var(--danger)!important}.result-avatar-answered{background:var(--success)!important}.result-avatar-rejected{background:#ffffff26!important}.history-time{color:var(--text-muted);flex-shrink:0;font-size:12px}.empty-state{color:var(--text-muted);justify-content:center;align-items:center;padding:48px 0;font-size:15px;display:flex}.announce-list{flex-direction:column;flex:1;gap:10px;padding:8px 24px 24px;display:flex;overflow-y:auto}.announce-list::-webkit-scrollbar{width:4px}.announce-list::-webkit-scrollbar-track{background:0 0}.announce-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.announce-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.announce-pinned{background:#6366f10d;border-color:#6366f14d}.announce-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.announce-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.announce-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.announce-tag-warning{color:var(--warning);background:#f59e0b26}.announce-tag-info{color:var(--accent);background:#6366f126}.announce-tag-danger{color:var(--danger);background:#ef444426}.announce-title{color:var(--text);font-size:15px;font-weight:600}.announce-pin{flex-shrink:0;font-size:14px}.announce-body{color:var(--text-muted);font-size:14px;line-height:1.5}.announce-date{color:var(--text-muted);font-size:12px}.cargo-list{flex-direction:column;flex:1;gap:10px;padding:8px 24px 24px;display:flex;overflow-y:auto}.cargo-list::-webkit-scrollbar{width:4px}.cargo-list::-webkit-scrollbar-track{background:0 0}.cargo-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cargo-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;padding:16px 20px;display:flex}.cargo-carrier-icon{flex-shrink:0;font-size:28px}.cargo-info{flex-direction:column;flex:1;gap:3px;display:flex}.cargo-carrier{color:var(--text);font-size:15px;font-weight:600}.cargo-note{color:var(--text-muted);font-size:13px}.cargo-date{color:var(--text-muted);font-size:12px}.ack-btn{color:var(--success);white-space:nowrap;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:10px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s}.ack-btn:hover{background:#22c55e38;border-color:#22c55e80;transform:translateY(-1px)}.dues-body{flex-direction:column;gap:16px;padding:0 24px 24px;display:flex}.dues-list{flex-direction:column;gap:8px;max-height:340px;display:flex;overflow-y:auto}.dues-list::-webkit-scrollbar{width:4px}.dues-list::-webkit-scrollbar-track{background:0 0}.dues-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.dues-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dues-card-paid{opacity:.6}.dues-card-overdue{background:#ef444408;border-color:#ef444440}.dues-card-pending{border-color:#f59e0b40}.dues-period{color:var(--text);font-size:14px;font-weight:600}.dues-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.dues-amount{color:var(--text);font-size:15px;font-weight:600}.dues-late{color:var(--danger);font-size:12px;font-weight:400}.dues-status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.dues-status-paid{color:var(--success);background:#22c55e1f}.dues-status-pending{color:var(--warning);background:#f59e0b1f}.dues-status-overdue{color:var(--danger);background:#ef44441f}.dues-iban-box{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:5px;padding:16px 20px;display:flex}.dues-iban-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:600}.dues-iban-bank{color:var(--text);font-size:14px;font-weight:600}.dues-iban-holder{color:var(--text-muted);font-size:13px}.dues-iban-number{color:var(--accent);letter-spacing:.04em;margin-top:4px;font-size:14px;font-weight:600}.support-new-btn{color:#a855f7;background:#a855f71f;border:1px solid #a855f74d;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.support-new-btn:hover{background:#a855f738}.support-list{flex-direction:column;flex:1;gap:10px;padding:0 24px 24px;display:flex;overflow-y:auto}.support-list::-webkit-scrollbar{width:4px}.support-list::-webkit-scrollbar-track{background:0 0}.support-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.support-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.support-card-top{justify-content:space-between;align-items:center;display:flex}.support-category{color:var(--text);text-transform:capitalize;font-size:13px;font-weight:600}.support-status{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.support-status-open{color:var(--warning);background:#f59e0b1f}.support-status-in_progress{color:var(--accent);background:#6366f11f}.support-status-pending_confirmation{color:var(--success);background:#22c55e1f}.support-status-closed{color:var(--text-muted);background:#ffffff0f}.support-status-resolved{color:var(--success);background:#22c55e1f}.support-desc{color:var(--text-muted);font-size:14px;line-height:1.5}.support-date{color:var(--text-muted);font-size:12px}.support-form{flex-direction:column;gap:20px;min-height:0;padding:0 24px 24px;display:flex;overflow-y:auto}.support-form-section{flex-direction:column;gap:10px;display:flex}.support-form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.support-category-picker{flex-wrap:wrap;gap:8px;display:flex}.support-cat-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;padding:10px 16px;font-size:14px;transition:all .2s}.support-cat-btn:hover{color:var(--text);border-color:#a855f74d}.support-cat-btn-active{color:#a855f7;background:#a855f71a;border-color:#a855f766;font-weight:600}.support-scope-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.support-scope-btn{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;transition:all .2s;display:flex}.support-scope-btn:hover{border-color:#a855f74d}.support-scope-btn-active{background:#a855f71a;border-color:#a855f766}.support-scope-label{color:var(--text-muted);font-size:15px;font-weight:600}.support-scope-btn-active .support-scope-label{color:#a855f7}.support-scope-hint{color:var(--text-muted);opacity:.75;font-size:12px;line-height:1.3}.support-confirm-hint{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2440;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.45}.support-urgent-toggle{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:14px;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.support-urgent-toggle-active{background:#ef444414;border-color:#ef444466}.support-urgent-box{border:1.5px solid var(--border);color:#f87171;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:14px;display:flex}.support-urgent-toggle-active .support-urgent-box{background:#ef444426;border-color:#ef444499}.support-urgent-text{flex-direction:column;gap:3px;display:flex}.support-urgent-title{color:var(--text-muted);font-size:15px;font-weight:600}.support-urgent-toggle-active .support-urgent-title{color:#f87171}.support-urgent-hint{color:var(--text-muted);opacity:.75;font-size:12px;line-height:1.4}.support-emergency-numbers{background:#ef44440f;border:1px solid #ef444440;border-radius:14px;padding:14px 16px}.support-emergency-title{color:#f87171;margin-bottom:12px;font-size:13px;font-weight:600;line-height:1.4}.support-emergency-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.support-emergency-btn{background:var(--bg);border:1px solid #ef44444d;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;text-decoration:none;display:flex}.support-emergency-num{color:#f87171;letter-spacing:.5px;font-size:18px;font-weight:700}.support-emergency-label{color:var(--text-muted);text-align:center;font-size:10px}.support-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);resize:none;box-sizing:border-box;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.support-textarea::placeholder{color:var(--text-muted)}.support-textarea:focus{border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.support-submit-btn{color:#a855f7;width:100%;box-shadow:0 -12px 16px -8px var(--bg-card), 0 0 0 6px var(--bg-card);background:#a855f71f;border:1px solid #a855f759;border-radius:14px;padding:16px;font-size:15px;font-weight:600;transition:all .2s;position:sticky;bottom:0}.support-submit-btn:hover:not(:disabled){background:#a855f733;border-color:#a855f78c;transform:translateY(-1px)}.support-submit-btn:disabled{opacity:.45}.guest-body{flex-direction:column;gap:24px;padding:0 24px 24px;display:flex}.guest-active{background:#fbbf240f;border:1px solid #fbbf2433;border-radius:18px;padding:20px}.guest-active-inner{align-items:center;gap:24px;display:flex}.guest-qr-wrap{background:#0000004d;border:1px solid #fbbf2426;border-radius:14px;flex-shrink:0;padding:12px}.guest-active-info{flex-direction:column;flex:1;gap:10px;display:flex}.guest-pin-display{letter-spacing:.18em;color:#fbbf24;font-variant-numeric:tabular-nums;font-size:40px;font-weight:200;line-height:1}.guest-expires{color:var(--text-muted);font-size:13px;line-height:1.5}.guest-actions{gap:8px;margin-top:4px;display:flex}.guest-btn{border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.guest-btn-new{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf244d}.guest-btn-new:hover:not(:disabled){background:#fbbf2438;border-color:#fbbf2480}.guest-btn-revoke{color:var(--danger);background:#ef44441a;border:1px solid #ef444440}.guest-btn-revoke:hover{background:#ef44442e;border-color:#ef444466}.guest-btn-share{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2459;width:100%;margin-bottom:8px;font-size:15px;font-weight:600}.guest-btn-share:hover{background:#fbbf2433;border-color:#fbbf248c}.guest-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.guest-empty-icon{font-size:36px}.guest-duration-section{flex-direction:column;gap:10px;display:flex}.guest-duration-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.guest-duration-picker{gap:8px;display:flex}.guest-duration-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);border-radius:12px;flex:1;padding:10px 0;font-size:12px;font-weight:500;transition:all .2s}.guest-duration-btn:hover{color:var(--text);border-color:#fbbf244d}.guest-duration-btn-active{color:#fbbf24;background:#fbbf241a;border-color:#fbbf2466;font-weight:600}.guest-error{color:#fca5a5;text-align:center;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:13px}.guest-generate-btn{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:14px;width:100%;padding:16px;font-size:15px;font-weight:600;transition:all .2s}.guest-generate-btn:hover:not(:disabled){background:#fbbf2433;border-color:#fbbf248c;transform:translateY(-1px)}.guest-generate-btn:disabled{opacity:.5}