@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/telefon/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/telefon/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/telefon/assets/poppins-latin-500-normal-C8OXljZJ.woff2) format("woff2"),url(/telefon/assets/poppins-latin-500-normal-DGXqpDMm.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/telefon/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/telefon/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/telefon/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(/telefon/assets/poppins-latin-700-normal-BVuQR_eA.woff) format("woff")}:root{color-scheme:dark;font-family:Poppins,Segoe UI,sans-serif;font-synthesis:none;--bg: #0d1017;--surface: #131720;--surface-raised: #1b202b;--surface-hover: #262c39;--border: #343c4b;--input-border: #6f788b;--text: #f5f4f4;--text-muted: #acb4c3;--pink: #fc0174;--pink-soft: #ff82b9;--pink-tint: #341629;--brand-purple: #520071;--success: #85ddb5;--warning: #f4c46f;--danger: #ffa6ac;--danger-surface: #982d42;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-5: 25px;--space-6: 30px;--space-8: 40px;--space-10: 50px;--space-12: 60px;--radius-control: 8px;--radius-panel: 12px;--ease-out: cubic-bezier(.23, 1, .32, 1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-size:15px;line-height:1.55}button,input,select{font:inherit}button,input,select,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.43}button,a,input,select{border-radius:var(--radius-control)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--pink-soft);outline-offset:4px}button:active:not(:disabled){transform:scale(.98)}button{transition:transform .12s var(--ease-out)}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{max-width:70ch}input,select{min-height:48px;min-width:0;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--input-border);padding:var(--space-2) var(--space-3)}input::placeholder{color:var(--text-muted);opacity:1}input:-webkit-autofill{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--surface-raised) inset}select{text-overflow:ellipsis;padding-right:var(--space-6)}select:disabled{opacity:.55;cursor:not-allowed}.button{min-height:48px;display:inline-flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:14px;font-weight:600;border:1px solid transparent}.primary{background:var(--pink);color:#130810}.primary:hover:not(:disabled){background:#ff398f}.secondary{background:var(--surface-raised);border-color:var(--input-border);color:var(--text)}.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.danger{background:var(--danger-surface);color:#fff;border-color:#d56b80}.danger:hover:not(:disabled){background:#b1364e}.full{width:100%}.icon-button{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border:0;color:var(--text-muted);background:transparent;padding:var(--space-2)}.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.eyebrow{color:var(--text-muted);font-size:12px;letter-spacing:.11em;font-weight:500}.brand{display:flex;align-items:center;gap:var(--space-3);width:fit-content}.brand-symbol{display:flex;align-items:center;gap:4px;height:40px}.brand-symbol i{display:block;width:5px;background:var(--pink);border-radius:2px;height:18px;transform:skewY(-24deg)}.brand-symbol i:nth-child(2){height:34px}.brand-symbol i:nth-child(3){height:25px}.brand strong{font-size:33px;line-height:1.1;letter-spacing:-.055em;font-weight:700}.brand-dot{color:var(--pink)}.brand small{display:block;font-size:12px;letter-spacing:.26em;color:var(--text-muted);line-height:1.8}.brand-small strong{font-size:28px}.brand-small .brand-symbol{height:35px}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{color:var(--text);font-weight:500;font-size:13px}.login-page{min-height:100dvh;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5)}.login-card{width:100%;max-width:470px;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--pink);border-radius:var(--radius-panel);box-shadow:0 25px 100px #0004}.login-heading{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-8) 0 var(--space-6)}.login-heading h1{font-size:29px;font-weight:600;letter-spacing:-.025em;line-height:1.3}.login-heading h1 span{color:var(--text-muted)}.login-heading p{color:var(--text-muted);font-size:14px}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-form .primary{justify-content:space-between;margin-top:var(--space-1)}.login-note{display:flex;gap:var(--space-2);color:var(--text-muted);font-size:12px;border-top:1px solid var(--border);margin-top:var(--space-6);padding-top:var(--space-5)}.login-note svg{flex-shrink:0;margin-top:2px}.login-footer{display:flex;gap:var(--space-3);font-size:12px;color:var(--text-muted)}.error-message{display:flex;gap:var(--space-2);color:var(--danger);font-size:13px}.error-message svg{flex-shrink:0;margin-top:3px}.loading-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-6);color:var(--text-muted)}.loading-frame{width:280px;display:grid;gap:var(--space-3)}.skeleton{height:45px;border-radius:var(--radius-control);background:var(--surface-raised);width:70%}.skeleton.long{width:100%}.skip-link{position:absolute;z-index:20;top:-100px;left:20px;padding:var(--space-3);background:var(--pink);color:var(--bg)}.skip-link:focus{top:10px}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100dvh;max-width:1800px;margin:0 auto}.sidebar{display:flex;flex-direction:column;gap:var(--space-10);background:#10131b;padding:var(--space-6) var(--space-4) 0;border-right:1px solid var(--border)}.sidebar>.brand{margin-left:var(--space-2)}.sidebar nav{display:flex;flex-direction:column;gap:var(--space-2)}.nav-item{position:relative;min-height:48px;width:100%;display:flex;align-items:center;gap:var(--space-3);background:transparent;border:0;color:var(--text-muted);padding:var(--space-2) var(--space-3);font-size:14px;text-align:left}.nav-item:hover{background:var(--surface-raised);color:var(--text)}.nav-item.selected{background:var(--pink-tint);color:var(--text)}.nav-item.selected:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:2px;background:var(--pink)}.nav-item.selected svg{color:var(--pink-soft)}.nav-dot,.label-dot,.small-dot,.footer-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warning);flex-shrink:0}.nav-dot{margin-left:auto;background:var(--success)}.count{margin-left:auto;font-size:12px;color:var(--text-muted)}.mobile-audio{display:none}.sidebar-bottom{margin-top:auto}.workspace-note{padding:var(--space-4) var(--space-2) var(--space-6);color:var(--text-muted);font-size:12px;letter-spacing:.06em}.workspace-note .label-dot{margin-right:var(--space-2);background:var(--pink)}.workspace-note p{font-size:17px;letter-spacing:-.01em;line-height:1.6;color:var(--text);margin-top:var(--space-3)}.user-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-5) 0;border-top:1px solid var(--border)}.avatar{display:flex;width:35px;height:35px;border-radius:50%;background:#332139;color:#efc7ff;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.user-name{min-width:0;flex:1}.user-name strong{display:block;font-size:13px;overflow-wrap:anywhere}.user-name small{font-size:12px;color:var(--text-muted)}.user-row .icon-button{min-width:35px;width:35px;min-width:44px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-bottom:1px solid var(--border)}.topbar .eyebrow{display:block;margin-bottom:var(--space-1);font-size:12px}.topbar h1{font-size:23px;font-weight:600;letter-spacing:-.02em}.connection-status{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:12px;text-align:right}.connection-status>span{width:7px;height:7px;border-radius:50%;background:var(--warning);flex-shrink:0}.connection-status.is-ready>span{background:var(--success)}.connection-status.is-ready{color:var(--success)}main#main-content{padding:var(--space-6) var(--space-8);flex:1}.notice-area{display:flex;flex-direction:column;gap:var(--space-3)}.notice{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.notice>svg{flex-shrink:0}.notice strong{display:block;font-size:13px;margin-bottom:var(--space-1);font-weight:500}.notice p{color:var(--text-muted);font-size:12px;line-height:1.6;max-width:58ch}.notice-symbol{display:flex;justify-content:center;align-items:center;background:#292034;color:#ddb3ee;width:40px;height:40px;border-radius:var(--radius-control);flex-shrink:0}.notice.error{color:var(--danger);background:#2b1720;border-color:#714050}.notice.error p{color:var(--danger);flex:1;font-size:13px}.notice.error .icon-button{color:var(--danger)}.status-tag{font-size:12px;color:var(--warning);border:1px solid #6d582d;padding:var(--space-1) var(--space-2);border-radius:5px;margin-left:auto;white-space:nowrap}.reconnect{align-self:flex-start}.work-grid{display:grid;grid-template-columns:minmax(330px,1fr) 290px;gap:var(--space-5);margin-top:var(--space-5);align-items:start}.main-panel{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel)}.panel-heading{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.panel-heading .eyebrow{font-size:12px;letter-spacing:.08em}.panel-heading h2{font-size:17px;line-height:1.4;font-weight:500;margin-top:var(--space-1)}.panel-icon{color:var(--text-muted)}.dialer{width:100%;max-width:410px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-4)}.number-label{font-size:12px;color:var(--text-muted)}.number-input{display:flex;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--input-border);margin-top:var(--space-1)}.number-input:focus-within{border-bottom-color:var(--pink-soft)}.number-input input{font-size:24px;font-weight:400;letter-spacing:-.025em;font-variant-numeric:tabular-nums;border:0;padding-left:0;background:transparent;border-radius:0;min-height:60px}.number-input input::placeholder{font-size:21px}.number-input input:focus-visible{outline-offset:0;outline-width:1px}.dial-help{font-size:12px;color:var(--text-muted);margin-top:var(--space-2)}.dial-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:var(--space-5) 0 var(--space-4)}.dial-key{min-height:65px;padding:var(--space-1);background:var(--surface-raised);border:1px solid var(--border);color:var(--text);display:flex;flex-direction:column;justify-content:center;align-items:center}.dial-key:hover{background:var(--surface-hover);border-color:var(--input-border)}.dial-key span{font-size:23px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}.dial-key small{font-size:12px;color:var(--text-muted);letter-spacing:.12em;line-height:1.5}.call-button{width:100%;min-height:52px;font-size:15px}.dialer-footnote{display:flex;align-items:center;justify-content:center;gap:var(--space-1);color:var(--text-muted);font-size:12px;padding:var(--space-4) 0 var(--space-1);text-align:center}.dialer-footnote svg{flex-shrink:0}.right-panel{display:flex;flex-direction:column;gap:var(--space-5)}.line-section{border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--space-4);background:var(--surface)}.section-label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted)}.section-label h2{font-size:15px;font-weight:500;color:var(--text)}.line-brand{width:25px;height:25px;display:inline-flex;justify-content:center;align-items:center;background:var(--surface-hover);border-radius:5px;color:var(--text);font-size:17px;font-weight:500}.small-dot{margin-left:auto}.small-dot.ready,.footer-dot.ready{background:var(--success)}dl{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0;font-size:12px}dl>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1) var(--space-2)}dt{color:var(--text-muted)}dd{margin:0;text-align:right}.line-note{font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:var(--space-3)}.device-section{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-1)}.device-section>p{font-size:12px;color:var(--text-muted);line-height:1.65}.device-section select{font-size:12px;min-height:44px}.device-section .field{gap:var(--space-1)}.device-section .field label{font-size:12px;color:var(--text-muted)}.device-section .button{font-size:12px;min-height:44px;padding-left:var(--space-2);padding-right:var(--space-2)}.audio-test{display:grid;grid-template-columns:30px 1fr;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-1)}.test-icon{color:var(--pink-soft)}.audio-test h3{font-size:13px;font-weight:500;margin-bottom:var(--space-1)}.audio-test p{color:var(--text-muted);font-size:12px;line-height:1.65}.audio-test .button{grid-column:1 / -1;margin-top:var(--space-1)}.device-section .inline-success{display:flex;align-items:center;gap:var(--space-1);color:var(--success);font-size:12px}.availability-note{display:flex;gap:var(--space-2);padding:0 var(--space-1);color:var(--text-muted)}.availability-note svg{flex-shrink:0;margin-top:2px}.availability-note p{font-size:12px}.workspace-footer{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-8);border-top:1px solid var(--border);color:var(--text-muted);font-size:12px}.workspace-footer>span:last-child{display:flex;align-items:center;gap:var(--space-2)}.call-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.call-avatar{display:flex;align-items:center;justify-content:center;background:var(--pink-tint);color:var(--pink-soft);border:1px solid #743050;width:75px;height:75px;border-radius:50%}.call-avatar.active{color:var(--success);background:#182e27;border-color:#387059}.call-number{font-size:25px;line-height:1.3;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.call-state{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.call-display p{font-size:13px;color:var(--text-muted)}.mute-button.muted{border-color:var(--warning);color:var(--warning)}.call-actions{display:flex;gap:var(--space-2);margin-top:var(--space-5)}.call-actions>button{flex:1}.tone-digits{text-align:center;color:var(--text-muted);font-size:12px;overflow-wrap:anywhere}.history-note{font-size:12px;padding:var(--space-4) var(--space-6);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-10) var(--space-6) var(--space-12)}.empty-icon{width:75px;height:75px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-raised);color:var(--text-muted)}.empty-state h3{font-size:19px;font-weight:500}.empty-state p{font-size:13px;color:var(--text-muted);max-width:32ch}.history-list{margin:0;padding:0 var(--space-5) var(--space-5);list-style:none}.history-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.history-direction{color:var(--text-muted)}.history-person{display:flex;flex:1;min-width:0;flex-direction:column;gap:var(--space-1)}.history-person strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.history-person span,.history-list time{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.mobile-device-panel{padding:var(--space-5)}.audio-view .main-panel{display:none}.audio-view{grid-template-columns:minmax(0,700px)}.audio-view .right-panel{display:flex}@media(min-width:1440px){.work-grid{grid-template-columns:minmax(350px,1fr) 320px;gap:var(--space-6)}.dialer{max-width:440px}.dial-key{min-height:70px}}@media(max-width:1279px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:var(--space-3);padding-right:var(--space-3)}.work-grid{grid-template-columns:minmax(310px,1fr) 260px;gap:var(--space-4)}.topbar,main#main-content{padding-left:var(--space-5);padding-right:var(--space-5)}.panel-heading{padding-left:var(--space-4);padding-right:var(--space-4)}.user-name small,.status-tag{display:none}}@media(max-width:1023px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.sidebar{padding-left:var(--space-2);padding-right:var(--space-2)}.brand-small strong{font-size:24px}.brand-small .brand-symbol{display:none}.nav-item{gap:var(--space-2);font-size:12px;padding:var(--space-2)}.work-grid{grid-template-columns:1fr}.right-panel{display:none}.mobile-audio{display:flex}.audio-view .main-panel{display:none}.audio-view .right-panel{display:flex;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.dialer{max-width:430px}.topbar{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.connection-status,.workspace-note{font-size:12px}.workspace-note p{font-size:15px}.device-section>p,.audio-test p{font-size:14px}.device-section select{font-size:14px}}@media(max-width:639px){body{font-size:16px}.app-shell{display:block}.sidebar{display:grid;grid-template-columns:1fr auto;gap:var(--space-4) var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border-right:0;border-bottom:1px solid var(--border)}.sidebar>.brand{margin:0}.brand-small strong{font-size:26px}.brand-small .brand-symbol{display:flex}.sidebar nav{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:row;gap:var(--space-2)}.nav-item{justify-content:center;min-height:48px;flex:1;font-size:12px;gap:var(--space-1);padding:var(--space-2) var(--space-1)}.nav-item svg{width:17px;height:17px}.nav-item.selected:before{bottom:0;top:auto;left:25%;width:50%;height:2px}.nav-item .count{display:none}.sidebar-bottom{grid-column:2;grid-row:1;margin:0}.workspace-note,.user-name{display:none}.user-row{padding:0;border:0;gap:var(--space-1)}.topbar{padding:var(--space-5) var(--space-4);min-height:auto}.topbar h1{font-size:24px}.topbar .eyebrow{display:none}main#main-content{padding:var(--space-4)}.notice{align-items:flex-start;gap:var(--space-2);padding:var(--space-3)}.notice-symbol{display:none}.notice strong,.notice p,.notice.error p{font-size:16px}.notice.error>svg{margin-top:var(--space-1)}.notice.error .icon-button{min-width:44px;padding:var(--space-1)}.work-grid{margin-top:var(--space-4)}.panel-heading{min-height:80px;padding:var(--space-4)}.panel-heading h2{font-size:16px}.panel-heading .eyebrow{font-size:12px;letter-spacing:.05em}.panel-icon{display:none}.dialer{padding:var(--space-5) var(--space-4) var(--space-3)}.number-input input{font-size:23px}.number-input input::placeholder{font-size:19px}.dial-key{min-height:65px}.dialer-footnote{font-size:16px;gap:var(--space-2);align-items:flex-start}.dialer-footnote svg{margin-top:2px}.workspace-footer{padding:var(--space-4);font-size:12px;flex-direction:column;gap:var(--space-1)}.workspace-footer>span:first-child{display:none}.workspace-footer>span:last-child{justify-content:space-between}.audio-view .right-panel{padding:var(--space-4)}.device-section>p,.audio-test p,.line-note,.availability-note p{font-size:16px}.device-section select{font-size:16px}.device-section .field label,.device-section .button,.audio-test h3,.line-section dd,.line-section dt{font-size:14px}.device-section .button{min-height:48px}.history-note{padding:var(--space-4);font-size:16px}.empty-state{padding:var(--space-8) var(--space-4)}.empty-state p{font-size:16px}.history-list{padding-left:var(--space-3);padding-right:var(--space-3)}.history-list li{gap:var(--space-2)}.history-person strong{font-size:14px}.history-list time{display:none}.call-number{font-size:23px}.login-card{padding:var(--space-6) var(--space-5)}.login-heading h1{font-size:27px}.login-heading p,.login-form input,.login-note,.error-message{font-size:16px}.login-page{padding-top:var(--space-5);padding-bottom:var(--space-5)}}@media(prefers-reduced-motion:reduce){button{transition:none}button:active:not(:disabled){transform:none}}
