:root{--apple-accent: #007AFF;--apple-bg: #F5F5F7;--apple-card: #FFFFFF;--apple-text: #1D1D1F;--apple-text-secondary: #86868B;--apple-border: rgba(0,0,0,.1);--apple-card-shadow: 0 8px 30px rgba(0,0,0,.04);--apple-glass: rgba(255,255,255,.72);--sidebar-bg: #E3E3E8}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--apple-bg);color:var(--apple-text);-webkit-font-smoothing:antialiased;height:100%;height:100dvh;overflow:hidden}html.scrollable-page,html.scrollable-page body{height:auto;overflow:visible}.auth-overlay{position:fixed!important;inset:0!important;background:#fff!important;z-index:10000;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif}.auth-card{width:100%;max-width:320px;text-align:center;padding:20px;background:#fff;border:none;box-shadow:none;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .6s ease}.apple-id-logo{width:100px!important;height:100px!important;margin:0 auto 24px!important;display:block!important;object-fit:contain!important}.auth-card h1{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px;color:#1d1d1f}.auth-subtitle{font-size:15px;color:#424245;line-height:1.4;margin-bottom:28px}.apple-input-wrapper{position:relative;width:100%;margin-bottom:24px}.apple-input-wrapper input{width:100%!important;padding:14px 44px 14px 16px!important;border-radius:12px!important;border:1px solid #d2d2d7!important;font-size:17px!important;background:#fff!important;color:#1d1d1f!important;outline:none!important}.apple-input-wrapper input:focus{border-color:#0071e3!important;box-shadow:0 0 0 4px #0071e31a!important}.arrow-submit-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#86868b;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.apple-button-primary{background:#0071e3;color:#fff;border:none;padding:12px 24px;border-radius:20px;font-size:15px;cursor:pointer;width:100%}.unlock-success{opacity:0!important;transform:scale(.9)!important;pointer-events:none}.card{background:var(--apple-card);border-radius:18px;padding:24px;border:1px solid var(--apple-border);box-shadow:var(--apple-card-shadow);transition:all .3s cubic-bezier(.25,.1,.25,1)}.apple-button{background:var(--apple-accent);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.apple-button:hover{background:#0062cc;transform:scale(.98)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.available,.status-dot.online{background:#34c759;box-shadow:0 0 8px #34c75980}.status-dot.busy{background:#ff3b30;box-shadow:0 0 8px #ff3b3080}.status-dot.in-call{background:#ff3b30;box-shadow:0 0 8px #ff3b3080;animation:status-pulse-red 2s infinite}.status-dot.offline{background:#86868b}@keyframes status-pulse-red{0%{transform:scale(1);box-shadow:0 0 #ff3b30b3}70%{transform:scale(1.2);box-shadow:0 0 0 6px #ff3b3000}to{transform:scale(1);box-shadow:0 0 #ff3b3000}}#call-overlay{position:fixed;inset:0;background:#000000eb;backdrop-filter:saturate(180%) blur(40px);z-index:9999;display:flex;align-items:center;justify-content:center}.call-canvas{width:95vw;height:92vh;background:#000;border-radius:32px;position:relative;overflow:hidden;box-shadow:0 30px 90px #0009;border:1px solid rgba(255,255,255,.1)}.call-controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:16px;background:#1e1e1e66;padding:12px 24px;border-radius:40px;backdrop-filter:blur(30px);z-index:100;border:1px solid rgba(255,255,255,.1)}.control-btn{width:56px;height:56px;border-radius:50%;border:none;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.1,.25,1)}.control-btn:hover{background:#ffffff40;transform:scale(1.05)}.control-btn.danger{background:#ff3b30}.control-btn.danger:hover{background:#ff453a}.control-btn.disabled{background:#ff3b30!important}.control-btn.active{background:#34c759!important}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;width:100%;height:100%;padding:24px}.video-wrapper{position:relative;background:#1c1c1e;border-radius:20px;overflow:hidden;aspect-ratio:16/9}.video-wrapper video{width:100%;height:100%;object-fit:cover}.video-wrapper.mirrored video{transform:scaleX(-1)}.participant-name{position:absolute;bottom:16px;left:16px;background:#00000080;padding:4px 12px;border-radius:8px;color:#fff;font-size:13px;backdrop-filter:blur(10px)}@media(max-width:768px){.call-canvas{width:100vw;height:100vh;border-radius:0;border:none}.call-controls{bottom:24px;gap:12px;padding:10px 16px;width:90%;justify-content:center}.control-btn{width:48px;height:48px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:12px;gap:8px}.side-panel{position:fixed;inset:0;width:100%!important;height:100%;margin:0!important;border-radius:0;z-index:500}#call-overlay.panel-open .call-canvas{display:block}#call-overlay.panel-open .video-grid{display:none}.call-message-toast{width:calc(100% - 32px);left:16px;transform:none;bottom:100px}}.hidden{display:none!important}