*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f5;--card-bg:#fff;--text:#333;--text-muted:#999;--primary:#1976d2;--success:#4caf50;--danger:#f44336}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.header{background:var(--primary);color:#fff;z-index:10;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header h1{font-size:18px;font-weight:600}.status-dot{background:#f44336;border-radius:50%;width:10px;height:10px}.status-dot.online{background:#4caf50}.content{flex:1;padding:12px 12px 70px}.tab-bar{z-index:10;background:#fff;border-top:1px solid #e0e0e0;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 0;font-size:13px;font-weight:600}.tab-bar button.active{color:var(--primary);font-weight:600}.lead-feed{flex-direction:column;gap:8px;display:flex}.lead-card{background:var(--card-bg);border-left:4px solid #ccc;border-radius:10px;padding:12px;box-shadow:0 1px 3px #00000014}.lead-card.taken{opacity:.6}.lead-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lead-card__status{font-size:14px;font-weight:600}.lead-card__time{color:var(--text-muted);font-size:12px}.lead-card__id{font-size:15px;font-weight:500}.lead-card__phone{margin-top:4px;font-size:14px}.badge{border-radius:4px;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.badge--dup{color:#e65100;background:#fff3e0}.badge--repeat{color:#2e7d32;background:#e8f5e9}.lead-card__taken{color:var(--success);margin-top:8px;font-size:13px;font-weight:500}.lead-card__actions{gap:8px;margin-top:10px;display:flex}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;text-decoration:none;display:block}.btn--take{background:var(--success);color:#fff}.btn--crm{color:var(--primary);background:#e3f2fd}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state p:first-child{margin-bottom:8px;font-size:18px}.hint{font-size:13px}.login-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-page h1{color:var(--primary);margin-bottom:16px;font-size:24px}.login-page code{background:#e3f2fd;border-radius:4px;padding:2px 6px}.status-page{padding:16px}.status-card{text-align:center;background:#fff;border-radius:12px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #00000014}.status-card__name{margin-bottom:12px;font-size:20px;font-weight:600}.status-badge{border-radius:20px;margin-bottom:8px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.status-badge.active{color:#2e7d32;background:#e8f5e9}.status-badge.break{color:#e65100;background:#fff3e0}.status-badge.step{color:#6a1b9a;background:#f3e5f5}.duty-badge{color:#1565c0;background:#e3f2fd;border-radius:12px;margin:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.break-counter{color:var(--text-muted);margin-top:8px;font-size:13px}.status-actions{flex-direction:column;gap:10px;display:flex}.btn--break{color:#e65100;background:#fff3e0;border:1px solid #ffcc80}.btn--step{color:#6a1b9a;background:#f3e5f5;border:1px solid #ce93d8}.btn--return{background:var(--success);color:#fff}.duty-info{text-align:center;color:var(--text-muted);margin-top:16px;font-size:14px}.header-duty{color:#fffc;align-items:center;gap:5px;margin-left:16px;font-size:11px;display:inline-flex}.menu-page{padding:16px}.menu-section__header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:600;display:flex}.btn-refresh{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:4px 8px;font-size:18px}.my-lead-card{background:#fff;border-left:4px solid #4caf50;border-radius:10px;margin-bottom:8px;padding:12px;box-shadow:0 1px 3px #00000014}.my-lead-card.stale{border-left-color:#f44336}.my-lead-card__row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.my-lead-card__id{font-size:15px;font-weight:600}.my-lead-card__time{color:var(--text-muted);font-size:13px}.my-lead-card__time.stale{color:#f44336;font-weight:600}.my-lead-card__phone{color:var(--text);font-size:14px}.stale-warning{color:#f44336;margin-top:4px;font-size:12px;font-weight:600}.supervisor-page{padding:16px}.supervisor-card{background:var(--primary);color:#fff;text-align:center;border-radius:12px;margin-bottom:16px;padding:20px}.supervisor-card__title{opacity:.8;text-transform:uppercase;letter-spacing:1px;font-size:12px}.supervisor-card__value{margin:6px 0;font-size:22px;font-weight:700}.supervisor-card__sub{opacity:.8;font-size:13px}.supervisor-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.manager-row{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #00000012}.manager-row__info{align-items:center;gap:8px;display:flex}.manager-row__name{font-size:15px;font-weight:500}.manager-row__right{align-items:center;gap:8px;display:flex}.manager-status{font-size:13px;font-weight:600}.break-pills{color:var(--text-muted);background:#f0f0f0;border-radius:10px;padding:2px 8px;font-size:11px}.aibot-row{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:14px;display:flex;box-shadow:0 1px 3px #00000012}.toggle-btn{cursor:pointer;border:none;border-radius:20px;padding:6px 18px;font-size:14px;font-weight:600}.toggle-btn.on{background:var(--success);color:#fff}.toggle-btn.off{color:#666;background:#e0e0e0}.btn--transfer{color:var(--primary);background:#e3f2fd}.modal-overlay{z-index:100;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:80vh;padding:20px;overflow-y:auto}.modal__title{text-align:center;margin-bottom:16px;font-size:16px;font-weight:600}.modal-manager-btn{cursor:pointer;text-align:left;background:#f5f5f5;border:none;border-radius:10px;width:100%;margin-bottom:8px;padding:14px;font-size:15px;display:block}.modal-manager-btn:active{background:#e0e0e0}.modal-cancel-btn{color:#f44336;cursor:pointer;background:0 0;border:none;width:100%;margin-top:8px;padding:14px;font-size:15px;font-weight:600;display:block}.settings-page{padding:12px}.settings-section{background:#fff;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.settings-section__title{color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0;padding:14px 16px 10px;font-size:13px;font-weight:700}.sound-option{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;display:flex}.sound-option:last-child{border-bottom:none}.sound-option--active{background:#e3f2fd}.sound-option__left{flex-direction:column;gap:2px;display:flex}.sound-option__name{color:#212121;font-size:15px;font-weight:500}.sound-option__desc{color:#9e9e9e;font-size:12px}.sound-option__check{color:#1976d2;font-size:18px;font-weight:700}.sound-option__play{color:#bbb;font-size:14px}.settings-hint{text-align:center;color:#bbb;padding:8px;font-size:12px}.sound-option--custom{cursor:default;align-items:center}.sound-option__custom-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.sound-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.sound-btn--upload{color:#fff;background:#1976d2;font-size:18px;font-weight:700}.sound-btn--play{color:#1976d2;background:#e3f2fd}.sound-btn--delete{color:#c62828;background:#ffebee;font-size:13px}.activity-page{flex-direction:column;height:100%;display:flex}.activity-header{justify-content:space-between;align-items:center;padding:10px 14px 6px;display:flex}.activity-title{color:#333;font-size:14px;font-weight:500}.activity-refresh{color:#1976d2;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.activity-loading,.activity-empty,.activity-error{text-align:center;color:#aaa;padding:40px 20px;font-size:15px}.activity-error{color:#e53935}.call-list{flex:1;overflow-y:auto}.call-row{background:#fff;border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:10px;padding:10px 14px;display:flex}.call-row--in .call-row__icon{color:#43a047}.call-row--out .call-row__icon{color:#1976d2}.call-row__icon{min-width:24px;padding-top:2px;font-size:20px}.call-row__info{flex:1;min-width:0}.call-row__name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.call-row__phone{color:#888;margin-top:1px;font-size:12px}.call-row__meta{gap:10px;margin-top:3px;display:flex}.call-row__date{color:#aaa;font-size:12px}.call-row__dur{color:#888;font-size:12px;font-weight:500}.call-row__audio{width:100%;height:36px;margin-top:8px}.call-row__play{cursor:pointer;color:#1976d2;background:0 0;border:1px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:14px;display:flex}.call-row__play--active{background:#e3f2fd;border-color:#1976d2}.login-page{background:#f5f5f5;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:360px;padding:32px 24px;box-shadow:0 4px 20px #0000001a}.login-logo{text-align:center;margin-bottom:8px;font-size:48px}.login-title{text-align:center;color:#212121;margin:0 0 4px;font-size:22px;font-weight:700}.login-sub{text-align:center;color:#888;margin:0 0 28px;font-size:14px}.login-form{flex-direction:column;gap:14px;display:flex}.login-field{flex-direction:column;gap:5px;display:flex}.login-label{color:#555;font-size:13px;font-weight:600}.login-input{border:1.5px solid #e0e0e0;border-radius:10px;outline:none;padding:12px 14px;font-size:16px;transition:border-color .15s}.login-input:focus{border-color:#1976d2}.login-error{color:#e53935;text-align:center;padding:4px 0;font-size:13px}.login-success{color:#43a047;text-align:center;padding:20px 0;font-size:16px;font-weight:600}.login-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:10px;margin-top:4px;padding:14px;font-size:16px;font-weight:600}.login-btn:disabled{cursor:default;background:#90caf9}.login-change-link{color:#1976d2;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:16px;padding:6px;font-size:14px;display:block}.call-date-sep{color:#999;align-items:center;gap:8px;padding:8px 14px 4px;font-size:12px;font-weight:500;display:flex}.call-date-sep:before,.call-date-sep:after{content:"";background:#e0e0e0;flex:1;height:1px}.call-row--missed .call-row__name{color:#e53935}.call-row__missed{color:#e53935;font-size:12px;font-weight:500}.call-player{margin-top:10px;padding:8px 0 2px}.call-player__bar{appearance:none;cursor:pointer;accent-color:#1976d2;background:#e0e0e0;border-radius:2px;outline:none;width:100%;height:4px}.call-player__row{align-items:center;gap:4px;margin-top:6px;display:flex}.call-player__time{color:#888;min-width:32px;font-size:11px}.call-player__time:last-child{text-align:right}.call-player__btns{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.call-player__btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px}.call-player__btn--play{color:#fff;background:#1976d2;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.call-player__speed{color:#555;cursor:pointer;background:#f0f0f0;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 0 4px 8px;font-size:22px;line-height:1}.refresh-btn{color:#fff;cursor:pointer;opacity:.85;background:0 0;border:none;align-items:center;margin-left:auto;padding:4px 8px 4px 0;line-height:1;transition:opacity .15s;display:flex}.refresh-btn:active{opacity:.5}.drawer-wrap{z-index:100;position:fixed;inset:0}.drawer-overlay{background:#00000073;position:absolute;inset:0}.drawer{background:#fff;flex-direction:column;width:260px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-2px 0 12px #00000026}.drawer-header{color:#333;border-bottom:1px solid #f0f0f0;padding:20px 20px 12px;font-size:18px;font-weight:700}.drawer-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f5f5f5;align-items:center;gap:14px;width:100%;padding:16px 20px;font-size:16px;display:flex}.drawer-item--active{color:#1976d2;background:#e3f2fd;font-weight:600}.drawer-item__icon{text-align:center;width:28px;font-size:20px}.drawer-item__label,.drawer-spacer{flex:1}.drawer-item--logout{color:#e53935;border-top:1px solid #f0f0f0;border-bottom:none}.tab-notif-btn,.tab-feed-btn{position:relative}.tab-badge{color:#fff;background:#f44336;border-radius:10px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:8px}.notif-page{flex-direction:column;height:100%;padding:8px 0;display:flex;overflow-y:auto}.notif-empty{text-align:center;color:#aaa;padding:60px 20px;font-size:15px}.notif-card{background:#fff;border-left:4px solid #1976d2;border-radius:10px;margin:4px 12px;padding:12px 14px;box-shadow:0 1px 3px #00000012}.notif-card__header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.notif-card__title{color:#333;flex:1;font-size:14px;font-weight:600}.notif-card__time{color:#aaa;white-space:nowrap;font-size:11px}.notif-card__body{color:#555;white-space:pre-line;font-size:13px;line-height:1.5}.notif-toolbar{justify-content:space-between;align-items:center;padding:8px 14px 4px;display:flex}.notif-toolbar__count{color:#888;font-size:13px}.notif-toolbar__clear{color:#e53935;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px}.notif-card__icon{flex-shrink:0;margin-right:6px;font-size:16px}.notif-card__actions{gap:8px;margin-top:8px;display:flex}.notif-btn{cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500}.notif-btn--read{color:#2e7d32;background:#e8f5e9}.notif-btn--delete{color:#c62828;background:#fce4ec}.activity-filters{flex-direction:column;gap:6px;padding:4px 14px 8px;display:flex}.activity-count{color:#888;background:#f0f0f0;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:12px}.filter-row{align-items:center;gap:6px;display:flex}.filter-btn{color:#555;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;padding:4px 12px;font-size:12px}.filter-btn.active{color:#1976d2;background:#e3f2fd;border-color:#1976d2;font-weight:600}.filter-select{color:#555;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;flex:1;min-width:0;padding:4px 8px;font-size:12px}.call-row__arrow{font-size:20px}.call-row__mobile-badge{color:#fff;vertical-align:top;background:#ff9800;border-radius:3px;margin-left:2px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;display:inline-block}.call-row__deal{color:#1976d2;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.call-row__actions{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.call-row__transcript-btn{cursor:pointer;color:#888;background:0 0;border:1px solid #e0e0e0;border-radius:50%;width:28px;height:28px;font-size:11px;font-weight:700}.call-row__transcript-btn.active{color:#ff9800;background:#fff3e0;border-color:#ff9800}.call-row__transcript{color:#444;white-space:pre-wrap;background:#fafafa;border-radius:6px;max-height:200px;margin-top:8px;padding:8px;font-size:12px;line-height:1.5;overflow-y:auto}.call-status-badge{vertical-align:middle;border-radius:8px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.badge--ok{color:#2e7d32;background:#e8f5e9}.badge--warn{color:#f57f17;background:#fff8e1}.badge--err{color:#c62828;background:#ffebee}.badge--info{color:#1565c0;background:#e3f2fd}.rec-status{padding:8px 0}.rec-status__row{border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.rec-status__val{color:#555;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-weight:500;overflow:hidden}.rec-dot{font-weight:600}.rec-dot--on{color:#43a047}.rec-dot--off{color:#e53935}.rec-toggles{padding:8px 0}.rec-toggle{cursor:pointer;border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.rec-toggle input[type=checkbox]{accent-color:#1976d2;width:18px;height:18px}.rec-battery-warn{background:#fff3e0;border-left:3px solid #ff9800;border-radius:8px;margin:8px 0;padding:10px 12px}.rec-battery-warn__title{color:#e65100;margin-bottom:6px;font-size:13px;font-weight:600}.rec-battery-warn__text{color:#555;white-space:pre-line;margin-bottom:8px;font-size:12px;line-height:1.6}.rec-battery-warn__btn{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:6px;padding:6px 16px;font-size:13px}.rec-logs-btn{color:#555;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;width:100%;margin-top:8px;padding:6px 12px;font-size:12px}.rec-logs{background:#1a1a2e;border-radius:8px;margin-top:8px;overflow:hidden}.rec-logs__header{color:#aaa;background:#16213e;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.rec-logs__header button{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:16px}.rec-logs__text{color:#81c784;white-space:pre-wrap;word-break:break-all;max-height:300px;margin:0;padding:8px 12px;font-size:10px;overflow-y:auto}.lead-subtabs{border-bottom:1px solid #f0f0f0;gap:0;padding:8px 14px 4px;display:flex}.lead-subtab{color:#888;cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:14px;font-weight:500;transition:color .2s,border-color .2s}.lead-subtab--active{color:#1976d2;border-bottom-color:#1976d2}.sound-custom-divider{color:#aaa;text-transform:uppercase;letter-spacing:.5px;padding:10px 0 4px;font-size:11px}.custom-sounds-empty{color:#aaa;text-align:center;padding:12px 0;font-size:13px}.custom-sounds-add{color:#1976d2;cursor:pointer;text-align:center;background:#f5f5f5;border:1px dashed #ccc;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:14px}.custom-sounds-add:active{background:#e8e8e8}.sound-option__left--btn{text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:0}.accordion-header{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 0;display:flex}.accordion-header__left{flex:1;min-width:0}.accordion-header__title{color:#333;font-size:14px;font-weight:600}.accordion-header__value{color:#1976d2;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.accordion-arrow{color:#888;flex-shrink:0;margin-left:8px;font-size:10px;transition:transform .2s}.accordion-arrow--open{transform:rotate(180deg)}.accordion-body{padding-bottom:4px}.rec-path-row{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.rec-path-label{color:#555;min-width:140px;font-size:13px}.rec-path-input{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;flex:1;min-width:0;padding:6px 10px;font-size:12px}.rec-path-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#1976d2;border:none;border-radius:6px;padding:6px 14px;font-size:13px}