@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--surface-0:#0b0e13;--surface-1:#12161d;--surface-2:#1a1f28;--surface-3:#232a35;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--text-primary:#edeef0;--text-secondary:#a1a7b4;--text-tertiary:#6b7280;--text-disabled:#3e4452;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-muted:#3b82f61f;--accent-strong:#3b82f63d;--success:#22c55e;--success-muted:#22c55e1f;--warning:#eab308;--warning-muted:#eab3081a;--destructive:#ef4444;--destructive-muted:#ef44441a;--purple:#8b5cf6;--purple-muted:#8b5cf61a;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tracking-tight:-.011em;--tracking-normal:0;--tracking-wide:.01em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-normal:.2s;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 32px #00000059;--shadow-focus:0 0 0 2px var(--surface-0), 0 0 0 4px var(--accent);--color-surface-base:var(--surface-0);--color-surface-elevated:var(--surface-1);--color-surface-raised:var(--surface-2);--color-surface-glass:var(--surface-1);--color-border-subtle:var(--border-subtle);--color-border-strong:var(--border-default);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-tertiary);--color-brand-mint:var(--accent);--color-brand-mint-muted:var(--accent-muted);--color-brand-danger:var(--destructive);--color-brand-danger-muted:var(--destructive-muted);--color-brand-warning:var(--warning);--color-brand-warning-muted:var(--warning-muted);--color-brand-info:var(--purple);--color-brand-success:var(--success);--font-ui:var(--font);--font-hero:var(--font);--radius-sharp:var(--radius-sm);--radius-panel:var(--radius-lg);--radius-pill:var(--radius-full);--transition-fast:var(--duration-fast) var(--ease-out);--transition-smooth:var(--duration-normal) var(--ease-out);--shadow-float:var(--shadow-lg);--shadow-glow:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface-0);color:var(--text-secondary);font-family:var(--font);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}h1{color:var(--text-primary);letter-spacing:var(--tracking-tight);font-size:24px;font-weight:700;line-height:1.2}h2{color:var(--text-primary);letter-spacing:var(--tracking-tight);font-size:18px;font-weight:600;line-height:1.3}h3{color:var(--text-primary);letter-spacing:var(--tracking-normal);font-size:15px;font-weight:600;line-height:1.4}h4{color:var(--text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:13px;font-weight:600;line-height:1.4}button{cursor:pointer;font-family:var(--font);transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:13px;font-weight:500;line-height:1}button.btn-primary{background:var(--accent);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}button.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-.5px)}button.btn-secondary{background:var(--surface-2);color:var(--text-secondary);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border-default)}button.btn-secondary:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}button.btn-danger{background:var(--surface-2);color:var(--destructive);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border-default)}button.btn-danger:hover:not(:disabled){background:var(--destructive-muted);border-color:var(--destructive)}button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass-panel{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.badge{height:20px;padding:0 var(--sp-2);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide);white-space:nowrap;align-items:center;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.badge-mint{background:var(--accent-muted);color:var(--accent)}.badge-danger{background:var(--destructive-muted);color:var(--destructive)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-neutral{background:var(--surface-2);color:var(--text-secondary)}input,textarea,select{font-family:var(--font);color:var(--text-primary);background:var(--surface-0);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted);outline:none}input::placeholder,textarea::placeholder{color:var(--text-disabled)}.animate-pulse-mint{animation:2.5s ease-in-out infinite softPulse}@keyframes softPulse{0%,to{box-shadow:0 0 #3b82f640}50%{box-shadow:0 0 0 6px #3b82f600}}@keyframes panelIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.dot-on-call{animation:.9s ease-in-out infinite dotPulse}.pw{background:var(--surface-1);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pw-header{border-bottom:1px solid var(--border-subtle);background:var(--surface-0);justify-content:space-between;align-items:center;min-height:48px;padding:12px 16px;display:flex}.pw-header-left{align-items:center;gap:8px;display:flex}.pw-header-right{align-items:center;display:flex}.pw-header-action{font-family:var(--font);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.pw-header-action:hover{color:var(--destructive)}.pw-status-dot{width:7px;height:7px;transition:background var(--duration-normal) var(--ease-out);border-radius:50%;flex-shrink:0}.pw-status-dot--offline{background:var(--text-disabled)}.pw-status-dot--connecting{background:var(--warning);animation:1.2s ease-in-out infinite statusBlink}.pw-status-dot--online{background:var(--success)}.pw-status-dot--in-call{background:var(--accent);animation:.8s ease-in-out infinite statusBlink}.pw-status-dot--error{background:var(--destructive)}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.pw-status-text{color:var(--text-secondary);font-size:12px;font-weight:500}.pw-overlay{z-index:10;-webkit-backdrop-filter:blur(20px);background:#0b0e13e0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pw-overlay-content{text-align:center;padding:32px 24px}.pw-overlay-icon{color:var(--text-tertiary);margin-bottom:16px}.pw-overlay-content h3{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.pw-overlay-content p{color:var(--text-tertiary);margin-bottom:24px;font-size:13px;line-height:1.5}.pw-btn-connect{background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:500;display:inline-flex}.pw-btn-connect:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pw-tabs{border-bottom:1px solid var(--border-subtle);background:var(--surface-0);display:flex}.pw-tab{color:var(--text-tertiary);font-family:var(--font);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.02em;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px 8px;font-size:10px;font-weight:500;display:flex}.pw-tab:hover{color:var(--text-secondary)}.pw-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.pw-panel{animation:panelIn .18s var(--ease-out);flex-direction:column;flex:1;display:none;overflow:hidden}.pw-panel--active{display:flex}.pw-number-group{align-items:center;gap:4px;padding:12px 16px 4px;display:flex}.pw-number-input{font-family:var(--font);color:var(--text-primary);letter-spacing:.5px;text-align:center;background:0 0;border:none;outline:none;flex:1;font-size:22px;font-weight:600}.pw-number-input::placeholder{color:var(--text-disabled);letter-spacing:normal;font-size:14px;font-weight:400}.pw-btn-backspace{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.pw-btn-backspace:hover{color:var(--text-primary);background:var(--surface-2)}.pw-dialpad{grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 20px;display:grid}.pw-key{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:48px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.pw-key:hover{background:var(--surface-3);border-color:var(--border-default)}.pw-key:active{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(.97)}.pw-key .digit{font-size:17px;font-weight:600;line-height:1}.pw-key .letters{color:var(--text-tertiary);letter-spacing:1.5px;margin-top:1px;font-size:8px;font-weight:500}.pw-key:active .letters{color:#ffffffb3}.pw-btn-dial{background:var(--success);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--duration-normal) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;margin:12px auto;display:flex;box-shadow:0 2px 8px #22c55e40}.pw-btn-dial:hover{transform:scale(1.04);box-shadow:0 4px 16px #22c55e59}.pw-btn-dial:active{transform:scale(.96)}.pw-incoming{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0e13f0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pw-incoming-content{text-align:center}.pw-incoming-avatar{background:var(--surface-2);border:2px solid var(--accent);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;animation:2s ease-out infinite ringPulse;display:flex}@keyframes ringPulse{0%{box-shadow:0 0 #3b82f64d}to{box-shadow:0 0 0 16px #3b82f600}}.pw-incoming-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:11px;font-weight:500}.pw-incoming-caller{color:var(--text-primary);margin-bottom:28px;font-size:18px;font-weight:600}.pw-incoming-actions{justify-content:center;gap:32px;display:flex}.pw-btn-answer,.pw-btn-decline{cursor:pointer;width:52px;height:52px;transition:all var(--duration-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.pw-btn-answer{background:var(--success);color:#fff;box-shadow:0 2px 8px #22c55e4d}.pw-btn-answer:hover{transform:scale(1.04);box-shadow:0 4px 16px #22c55e66}.pw-btn-decline{background:var(--destructive);color:#fff;box-shadow:0 2px 8px #ef44444d}.pw-btn-decline:hover{transform:scale(1.04);box-shadow:0 4px 16px #ef444466}.pw-call-screen{flex-direction:column;flex:1;align-items:center;padding:24px 16px 16px;display:flex}.pw-call-info{text-align:center;margin-bottom:20px}.pw-call-number{font-family:var(--font);color:var(--text-primary);letter-spacing:.02em;font-size:18px;font-weight:600}.pw-call-status{color:var(--text-secondary);margin-top:4px;font-size:13px}.pw-call-status--animated{color:var(--accent);font-weight:500;animation:1.4s ease-in-out infinite pw-pulse}.pw-call-progress{margin-top:4px}.pw-sip-pipeline{justify-content:center;align-items:center;gap:0;margin-top:10px;display:flex}.pw-pipeline-step{z-index:0;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex;position:relative}.pw-pipeline-step:not(:last-child):after{content:"";background:var(--border-subtle);height:2px;transition:background .3s;position:absolute;top:5px;left:calc(50% + 6px);right:calc(6px - 50%)}.pw-pipeline-step--done:not(:last-child):after{background:var(--accent)}.pw-pipeline-dot{background:var(--surface-3);border:2px solid var(--border-default);z-index:2;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .3s;display:block;position:relative}.pw-pipeline-step--done .pw-pipeline-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.pw-pipeline-label{color:var(--text-disabled);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:500;transition:color .3s}.pw-pipeline-step--done .pw-pipeline-label{color:var(--accent)}.pw-call-timer{font-family:var(--font);color:var(--accent);letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;font-weight:600}.pw-controls{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-bottom:16px;display:flex}.pw-ctrl{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:56px;color:var(--text-secondary);font-family:var(--font);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.03em;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:9px;font-weight:500;display:flex}.pw-ctrl:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-default)}.pw-ctrl--active{background:var(--accent-muted)!important;color:var(--accent)!important;border-color:var(--accent-strong)!important}.pw-btn-hangup{background:var(--destructive);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--duration-fast) var(--ease-out);border:none;border-radius:50%;justify-content:center;align-items:center;margin:12px auto;display:flex;box-shadow:0 2px 8px #ef444440}.pw-btn-hangup:hover{transform:scale(1.04);box-shadow:0 4px 16px #ef444466}.pw-transfer{animation:panelIn .18s var(--ease-out);gap:6px;padding:8px 16px;display:flex}.pw-transfer input{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:8px 12px;font-size:13px}.pw-transfer button{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px 14px;font-size:11px}.pw-transfer button:hover{border-color:var(--accent);color:var(--accent)}.pw-mini-keypad{grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 16px;display:grid}.pw-mini-key{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:15px;font-weight:600}.pw-mini-key:hover{background:var(--surface-3);border-color:var(--border-default)}.pw-mini-key:active{background:var(--accent);color:#fff;transform:scale(.97)}.pw-volume{align-items:center;gap:10px;width:100%;padding:8px 16px;display:flex}.pw-volume-label{color:var(--text-tertiary);letter-spacing:.02em;flex-shrink:0;font-size:11px;font-weight:500}.pw-volume input[type=range]{appearance:none;background:var(--surface-3);border:none;border-radius:2px;outline:none;flex:1;height:3px}.pw-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%}.pw-device-bar{border-top:1px solid var(--border-subtle);padding:6px 16px 10px}.pw-device-select{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font);padding:8px 10px;font-size:12px}.pw-list{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex:1;padding:4px 8px 8px;overflow-y:auto}.pw-list::-webkit-scrollbar{width:4px}.pw-list::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:2px}.pw-search{padding:10px 12px 6px}.pw-search input{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:9px 12px;font-size:13px}.pw-search input::placeholder{color:var(--text-disabled)}.pw-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);align-items:center;gap:10px;padding:8px 10px;display:flex}.pw-item:hover{background:var(--surface-2)}.pw-item-icon{background:var(--surface-0);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--text-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.pw-item-icon--in{color:var(--success)}.pw-item-icon--out{color:var(--accent)}.pw-item-icon--missed{color:var(--destructive)}.pw-item-info{flex:1;min-width:0}.pw-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.pw-item-detail{color:var(--text-tertiary);margin-top:1px;font-size:11px}.pw-item-badge{border-radius:50%;flex-shrink:0;width:7px;height:7px}.pw-item-badge--online{background:var(--success)}.pw-item-badge--offline{background:var(--text-disabled)}.pw-item-call{background:var(--accent-muted);width:28px;height:28px;color:var(--accent);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pw-item-call:hover{background:var(--accent-strong);transform:scale(1.06)}.pw-empty{color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.pw-empty p{font-size:13px}@keyframes pw-pulse{0%,to{opacity:1}50%{opacity:.5}}.dl-root{background:var(--surface-0);width:100vw;height:100vh;display:flex;overflow:hidden}.dl-sidebar{background:var(--surface-1);border-right:1px solid var(--border-subtle);z-index:50;flex-direction:column;flex-shrink:0;align-items:center;width:56px;padding:0;display:flex;overflow:visible}.dl-logo{border-bottom:1px solid var(--border-subtle);letter-spacing:-.02em;width:56px;height:56px;color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.dl-logo span{color:var(--accent)}.dl-nav{flex-direction:column;flex:1;align-items:center;gap:2px;width:100%;padding:8px 0;display:flex;overflow:visible}.dl-navitem{width:40px;height:40px;color:var(--text-tertiary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:color .12s,background .12s;display:flex;position:relative}.dl-navitem:hover{color:var(--text-primary);background:var(--surface-2)}.dl-navitem.active,.dl-navitem--active{color:var(--accent);background:#3b82f624;box-shadow:inset 0 0 0 1px #3b82f647}.dl-navitem:after{content:attr(data-label);background:var(--surface-3);color:var(--text-primary);font-size:12px;font-weight:500;font-family:var(--font);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border-default);box-shadow:var(--shadow-md);z-index:200;border-radius:6px;padding:6px 10px;transition:opacity .1s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.dl-navitem:hover:after{opacity:1}.dl-nav-divider{background:var(--border-subtle);flex-shrink:0;width:28px;height:1px;margin:4px 0}.dl-user{border-top:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.dl-user-avatar{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:transform .12s;display:flex}.dl-user:hover .dl-user-avatar{transform:scale(1.06)}.dl-status-dot{border:2px solid var(--surface-1);background:var(--text-disabled);border-radius:50%;width:8px;height:8px;transition:background .3s;position:absolute;bottom:10px;right:10px}.dl-status-dot--online{background:var(--success)}.dl-status-dot--calling{background:var(--accent);animation:.8s ease-in-out infinite statusBlink}.dl-status-dot--offline{background:var(--text-disabled)}.dl-user:after{content:attr(data-label);background:var(--surface-3);color:var(--text-primary);font-size:12px;font-weight:500;font-family:var(--font);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border-default);box-shadow:var(--shadow-md);z-index:200;border-radius:6px;padding:6px 10px;transition:opacity .1s;position:absolute;bottom:12px;left:calc(100% + 10px)}.dl-user:hover:after{opacity:1}.dl-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.dl-phone-panel{border-left:1px solid var(--border-subtle);background:var(--surface-1);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.dl-search-btn{width:40px;height:40px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex;position:relative}.dl-search-btn:hover{color:var(--text-primary);background:var(--surface-2)}.dl-search-btn:after{content:"Search";background:var(--surface-3);color:var(--text-primary);font-size:12px;font-weight:500;font-family:var(--font);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border-default);box-shadow:var(--shadow-md);z-index:200;border-radius:6px;padding:6px 10px;transition:opacity .1s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.dl-search-btn:hover:after{opacity:1}.dl-search-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:flex-start;padding-top:80px;animation:.15s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.dl-search-modal{background:var(--surface-2);border:1px solid var(--border-default);width:580px;box-shadow:var(--shadow-lg);animation:modalIn .15s var(--ease-out);border-radius:14px;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(-12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dl-signout-btn{width:40px;height:40px;color:var(--text-disabled);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:10px;transition:color .12s,background .12s;display:flex;position:relative}.dl-signout-btn:hover{color:#ef4444;background:#ef44441a}.dl-signout-btn:after{content:"Sign out";background:var(--surface-3);color:var(--text-primary);font-size:12px;font-weight:500;font-family:var(--font);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid var(--border-default);box-shadow:var(--shadow-md);z-index:200;border-radius:6px;padding:6px 10px;transition:opacity .1s;position:absolute;bottom:0;left:calc(100% + 10px)}.dl-signout-btn:hover:after{opacity:1}.app-container{background:var(--surface-0);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface-1);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex}.main-content{background:var(--surface-0);flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;display:flex;overflow:hidden auto}.main-content>*{flex:auto;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:fadeIn .2s var(--ease-out) forwards}