:root{--bg:#050510;--card:#0f172a;--border:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#34d399;--accent-dim:#059669;--danger:#ef4444;--danger-dim:#7f1d1d;--nav-bg:#0a0a1f;--nav-active:#34d399;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.container{max-width:480px;margin:0 auto;padding:16px}.page-header{text-align:center;padding:16px 0 20px}.page-header h1{font-size:22px;font-weight:700}.page-header p{color:var(--text-muted);margin-top:2px;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.gauge-container{flex-direction:column;align-items:center;padding:8px 0;display:flex}.gauge-container svg{width:130px;height:130px}.gauge-value{margin-top:-4px;font-size:28px;font-weight:800}.gauge-label{color:var(--text-muted);font-size:11px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-item{align-items:center;gap:8px;display:flex}.stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.stat-icon.blue{background:#3b82f626}.stat-icon.green{background:#34d39926}.stat-label{color:var(--text-muted);font-size:11px;line-height:1.2}.stat-value{font-size:20px;font-weight:700}.call-item{border-radius:0;align-items:flex-start;gap:10px;margin-bottom:0;padding:10px;transition:background .2s;display:flex}.call-item:nth-child(odd){background:#ffffff04}.call-item:hover{background:#ffffff0d}.call-avatar{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.call-info{flex:1;min-width:0}.call-name{font-size:14px;font-weight:500}.call-meta{gap:6px;margin-top:4px;font-size:12px;display:flex}.call-duration{color:var(--text-muted)}.call-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.bottom-nav{background:var(--nav-bg);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;height:64px;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 10px;font-size:10px;transition:all .2s;display:flex}.nav-item .nav-icon{font-size:20px;line-height:1}.nav-item.active{color:var(--nav-active)}.nav-item.active .nav-icon{transform:scale(1.05)}.nav-item:active{opacity:.7}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-accent{background:var(--accent-dim);color:#fff}.btn-accent:hover{filter:brightness(1.15)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:#ffffff0a}.btn-ghost:hover{background:#ffffff14}.btn-sm{width:auto;padding:8px 14px;font-size:12px}.btn-icon{width:auto;padding:8px 12px}input,textarea,select{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;outline:none;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent-dim)}textarea{resize:vertical;min-height:80px}select option{background:var(--card);color:var(--text)}.form-group{margin-bottom:14px}.form-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.checkbox-group label{cursor:pointer;align-items:flex-start;gap:8px;padding:8px 0;display:flex}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-dim);margin-top:2px}.info-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:8px 0;transition:background .15s;display:flex}.info-row:nth-child(odd){background:#ffffff04}.info-row:last-child{border-bottom:none}.info-row:hover{background:#ffffff0d}.info-label{width:80px;color:var(--text-muted);flex-shrink:0;font-size:13px}.info-value{flex:1;font-size:14px;font-weight:500}.edit-icon{opacity:0;font-size:13px;transition:opacity .15s}.info-row:hover .edit-icon{opacity:.6}.edit-input{flex:1!important;padding:6px 8px!important;font-size:14px!important}.plans-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.plan-card{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:#ffffff05;padding:12px;transition:all .2s;position:relative}.plan-card.plan-active{border-color:var(--accent-dim);background:#34d3990f}.plan-card.plan-inactif{opacity:.5}.plan-name{margin-bottom:2px;font-size:15px;font-weight:700}.plan-price{color:var(--accent);font-size:22px;font-weight:800}.plan-minutes{color:var(--text-muted);margin-top:2px;font-size:11px}.plan-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.plan-badge-current{background:var(--accent-dim);color:#fff}.auto-renew-row{border-top:1px solid #ffffff0f;margin-top:14px;padding-top:12px}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.toggle-checkbox{display:none!important}.toggle-switch{background:#ffffff1a;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle-checkbox:checked+.toggle-switch{background:var(--accent-dim)}.toggle-checkbox:checked+.toggle-switch:after{transform:translate(20px)}.toggle-checkbox:disabled+.toggle-switch{opacity:.3;cursor:not-allowed}.toggle-text{color:var(--text);font-size:14px}.referral-code-box{border:1px dashed var(--accent);border-radius:var(--radius-sm);background:#ffffff0a;justify-content:space-between;align-items:center;margin:8px 0 16px;padding:12px 16px;display:flex}.referral-code{letter-spacing:2px;color:var(--accent);font-size:20px;font-weight:800}.gains-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.gain-item{text-align:center;border-radius:var(--radius-sm);background:#ffffff05;padding:10px}.gain-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.gain-value{font-size:20px;font-weight:800}.gain-value.accent{color:var(--accent)}.gain-value.danger{color:var(--danger)}.filleul-n1{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff08;margin-bottom:6px;padding:10px}.filleul-n1-header{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.filleul-n1-plan{color:var(--text-muted);margin-left:auto;font-size:11px}.filleul-n1-gain{color:var(--accent);margin-left:8px;font-size:13px;font-weight:700}.filleul-n2-list{border-left:1px solid var(--border);margin-top:6px;margin-left:16px;padding-left:10px}.filleul-n2{color:var(--text-muted);align-items:center;gap:6px;padding:5px 8px;font-size:13px;display:flex}.filleul-n2-plan{color:var(--text-muted);margin-left:auto;font-size:11px}.filleul-n2-gain{color:var(--accent);margin-left:6px;font-size:12px;font-weight:600}.page{display:none}.page.active{display:block}.call-history-list .call-item{border-bottom:1px solid #ffffff0a;padding:12px 0}.call-history-list .call-item:last-child{border-bottom:none}.search-bar{gap:8px;margin-bottom:16px;display:flex}.search-bar input{flex:1}.section-divider{color:var(--text-muted);padding:8px 0 4px;font-size:12px;font-weight:600}.agent-option-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;margin-bottom:8px;padding:12px;transition:all .2s}.agent-option-card:hover{background:#ffffff0a}.option-label{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.agent-input-group{margin-bottom:10px}.agent-input-group:last-child{margin-bottom:0}.agent-sub-label{color:var(--text-muted);margin-bottom:4px;font-size:11px;display:block}.agent-input,.info-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff0a;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,background .2s}.agent-input:focus,.info-input:focus{border-color:var(--accent);background:#ffffff0f}.agent-input::-moz-placeholder{color:var(--text-muted);opacity:.6}.info-input::-moz-placeholder{color:var(--text-muted);opacity:.6}.agent-input::placeholder,.info-input::placeholder{color:var(--text-muted);opacity:.6}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.refresh-btn{position:relative;overflow:hidden}.transcription-box{border:1px solid #34d39926;border-left:3px solid var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:#34d39908;margin-top:-1px;margin-bottom:4px;padding:10px 14px}.transcription-text{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.call-item-selected{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#34d3990d}.transcription-card{border-left:3px solid var(--accent)}.tx-agent{color:#fb923c;font-weight:700}.tx-appelant{color:#34d399;font-weight:700}.call-wrapper:nth-child(odd) .call-item{background:#ffffff08}.call-wrapper:nth-child(2n) .call-item{background:#ffffff03}.call-wrapper:hover .call-item{background:#ffffff0f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.fade-in{animation:.25s ease-out both fadeInUp}@media (width>=640px){.container{max-width:600px}}#root{min-height:100vh}.simulator-card{border:1px solid var(--accent);background:linear-gradient(135deg,#34d3990a,#34d39903)}.badge{background:#ffffff0d;border-radius:8px;padding:2px 8px;font-weight:600;display:inline-block}.tree-container{margin-top:20px;font-size:13px}.tree-root{background:var(--accent);color:#050510;border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.tree-root-emoji{font-size:20px}.tree-children{border-left:2px dashed #94a3b833;flex-direction:column;gap:8px;margin-left:24px;padding-left:24px;display:flex}.tree-node{margin-bottom:4px;position:relative}.tree-node-2{border-left:2px dashed #94a3b826;margin-left:12px;padding-left:24px}.tree-node-content{background:var(--card-bg,#0f172a);border:1px solid var(--border,#94a3b826);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.tree-node-content.placeholder{color:var(--text-muted);background:#94a3b80a;border-style:dashed;border-color:#94a3b84d}.tree-node-content.placeholder:hover,.tree-node-content.active{border-color:var(--accent);background:#34d3990d}.tree-node-icon{font-size:16px}.tree-node-name{flex:1;font-weight:600}.tree-node-tier{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:2px 8px;font-size:11px}.tree-node-gain{color:var(--accent);font-size:13px;font-weight:700}.tree-add-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px dashed #94a3b840;border-radius:10px;margin-top:4px;padding:8px 14px;font-size:12px;transition:all .2s}.tree-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#34d3990d}.tree-add-btn-main{margin-top:8px;font-weight:600}.pack-chooser-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pack-chooser-modal{background:var(--card-bg,#0f172a);border:1px solid var(--border,#94a3b833);border-radius:16px;width:100%;max-width:480px;padding:24px}.pack-chooser-title{text-align:center;margin-bottom:16px;font-size:16px;font-weight:700}.pack-chooser-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pack-chooser-btn{background:var(--card-bg,#0f172a);border:1px solid var(--border,#94a3b833);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;gap:4px;padding:14px;transition:all .2s;display:flex}.pack-chooser-btn:hover{border-color:var(--accent);background:#34d3990d;transform:translateY(-1px)}.pack-chooser-btn-name{font-size:14px;font-weight:700}.pack-chooser-btn-label{color:var(--text-muted);font-size:11px}.pack-chooser-btn-price{color:var(--accent);margin-top:4px;font-size:13px;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}