@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#f5f5f7;--bg-sidebar:#fff;--bg-content:#fff;--bg-card:#fff;--bg-input:#f5f5f7;--border-color:#e5e5ea;--apple-blue:#007aff;--apple-blue-bg:#007aff14;--apple-blue-text:#007aff;--apple-gray:#86868b;--apple-gray-light:#f5f5f7;--apple-dark:#1d1d1f;--text-main:#1d1d1f;--text-muted:#86868b;--text-disabled:#aeaeb2;--success:#34c759;--warning:#ff9500;--danger:#ff3b30;--sidebar-width:290px;--pill-radius:12px;--panel-radius:20px;--shadow-apple:0 8px 30px #0000000a;--shadow-hover:0 12px 40px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--apple-dark);letter-spacing:-.01em;font-weight:600}.app-container{background-color:var(--bg-main);width:100vw;height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;padding:24px 16px;display:flex}.brand{border-bottom:1px solid #f2f2f7;align-items:center;gap:12px;margin-bottom:16px;padding:4px 12px 20px;display:flex}.brand-icon{background-color:var(--apple-dark);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-name{color:var(--apple-dark);font-size:19px;font-weight:700}.search-box{margin-bottom:24px;position:relative}.search-box input{background-color:var(--apple-gray-light);width:100%;color:var(--text-main);border:none;border-radius:10px;padding:10px 16px 10px 36px;font-size:13.5px;transition:all .2s}.search-box input:focus{background-color:#e5e5ea;outline:none}.search-box .search-icon{color:var(--text-disabled);position:absolute;top:11px;left:12px}.sidebar-section{flex-direction:column;margin-bottom:28px;display:flex}.sidebar-section-header{color:var(--text-disabled);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:0 12px 8px;font-size:11px;font-weight:700;display:flex}.add-section-btn{color:var(--apple-gray);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:background-color .15s;display:flex}.add-section-btn:hover{background-color:var(--apple-gray-light);color:var(--apple-dark)}.nav-list{flex-direction:column;gap:2px;list-style:none;display:flex}.nav-item{border-radius:var(--pill-radius);color:var(--text-main);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background-color:var(--apple-gray-light)}.nav-item.active{background-color:var(--apple-gray-light);color:var(--apple-blue-text);font-weight:600}.nav-item-meta{color:var(--text-disabled);border:1px solid var(--border-color);background-color:#fff;border-radius:6px;margin-left:auto;padding:2px 6px;font-family:monospace;font-size:11px}.nav-item.active .nav-item-meta{border-color:#007aff33}.sidebar-footer{background-color:var(--apple-gray-light);border-radius:14px;margin-top:auto;padding:14px}.jio-status-card{font-size:12px}.jio-status-title{color:var(--apple-dark);align-items:center;gap:6px;font-weight:600;display:flex}.jio-status-dot{background-color:var(--success);border-radius:50%;width:7px;height:7px;display:inline-block}.jio-status-code{border:1px solid var(--border-color);color:var(--apple-blue);background-color:#fff;border-radius:6px;margin-top:6px;padding:3px 6px;font-family:monospace;font-size:11px;display:inline-block}.main-content{background-color:var(--bg-main);flex-direction:column;flex-grow:1;height:100vh;padding:16px 16px 16px 0;display:flex;overflow:hidden}.content-wrapper{background-color:var(--bg-content);border-radius:var(--panel-radius);box-shadow:var(--shadow-apple);border:1px solid var(--border-color);flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background-color:var(--bg-content);justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.header-title h1{align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.header-subtitle{color:var(--text-muted);margin-left:10px;font-family:monospace;font-size:12px;font-weight:400}.header-actions{align-items:center;gap:12px;display:flex}.scroll-container{flex-grow:1;padding:32px;overflow-y:auto}.chat-workspace{grid-template-columns:360px 1fr;height:100%;display:grid;overflow:hidden}.thread-list-panel{border-right:1px solid var(--border-color);background-color:var(--bg-content);flex-direction:column;height:100%;display:flex;overflow-y:auto}.thread-item{cursor:pointer;border-bottom:1px solid #f2f2f7;flex-direction:column;gap:6px;padding:18px 24px;transition:all .15s;display:flex}.thread-item:hover{background-color:var(--apple-gray-light)}.thread-item.active{background-color:var(--apple-blue-bg)}.thread-header{justify-content:space-between;align-items:center;display:flex}.thread-title{color:var(--apple-dark);font-size:14px;font-weight:600}.thread-time{color:var(--text-muted);font-size:11px}.thread-body{color:var(--apple-gray);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.thread-meta{justify-content:space-between;align-items:center;margin-top:4px;font-size:12px;display:flex}.chat-message-pane{background-color:#fafafa;flex-direction:column;height:100%;padding:24px;display:flex;overflow:hidden}.message-bubble-list{flex-direction:column;flex-grow:1;gap:16px;padding:10px 0;display:flex;overflow-y:auto}.message-node{gap:12px;max-width:80%;display:flex}.message-node.caller{align-self:flex-start}.message-node.ai{flex-direction:row-reverse;align-self:flex-end}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:flex}.avatar-caller{background-color:var(--border-color);color:var(--text-main)}.avatar-ai{background-color:var(--apple-blue);color:#fff}.message-bubble{border-radius:18px;padding:12px 16px;font-size:13.5px;line-height:1.5}.message-node.caller .message-bubble{color:#000;background-color:#e5e5ea;border-top-left-radius:4px}.message-node.ai .message-bubble{background-color:var(--apple-blue);color:#fff;border-top-right-radius:4px}.message-sender{color:var(--text-muted);margin-bottom:3px;font-size:11px;font-weight:500}.message-node.ai .message-sender{text-align:right}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--apple-blue);color:#fff}.btn-primary:hover{background-color:#0066d6}.btn-secondary{color:var(--apple-dark);background-color:#f2f2f7}.btn-secondary:hover{background-color:#e5e5ea}.btn-danger{color:var(--danger);background-color:#ff3b3014;border-color:#ff3b3026}.btn-danger:hover{background-color:#ff3b3026}.form-group{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.form-label{color:var(--text-muted);font-size:13px;font-weight:500}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);color:var(--text-main);background-color:#fff;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--apple-blue);outline:none;box-shadow:0 0 0 3px #007aff26}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-apple);border-radius:16px;justify-content:space-between;align-items:center;padding:24px;display:flex}.stat-value{color:var(--apple-dark);margin-top:4px;font-size:26px;font-weight:700}.stat-label{color:var(--apple-gray);font-size:13px;font-weight:500}.stat-icon{background-color:var(--apple-gray-light);width:40px;height:40px;color:var(--apple-dark);border-radius:50%;justify-content:center;align-items:center;display:flex}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:32px;display:grid}@media (width<=1000px){.charts-grid{grid-template-columns:1fr}}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-apple);border-radius:16px;padding:24px}.chart-title{color:var(--apple-dark);margin-bottom:20px;font-size:16px;font-weight:600}.svg-chart-container{width:100%;height:200px}.audio-player-card{background-color:var(--apple-gray-light);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:12px 18px;display:flex}.play-pause-btn{background-color:var(--apple-dark);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.audio-progress-bar{background-color:var(--border-color);border-radius:2px;flex-grow:1;height:4px;position:relative}.audio-progress-fill{background-color:var(--apple-blue);border-radius:2px;height:100%}.audio-time{color:var(--apple-gray);font-family:monospace;font-size:11px}.details-summary-panel{background-color:var(--apple-gray-light);color:var(--apple-dark);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;padding:16px;font-size:13.5px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-color);background-color:#fff;border-radius:18px;width:100%;max-width:480px;padding:28px;animation:.2s cubic-bezier(.16,1,.3,1) modalEnter;box-shadow:0 10px 40px #0000001a}.close-btn{color:var(--text-disabled);cursor:pointer;background:0 0;border:none}.close-btn:hover{color:var(--apple-dark)}.billing-table-container{border:1px solid var(--border-color);box-shadow:var(--shadow-apple);background-color:#fff;border-radius:14px;margin-top:16px;overflow:hidden}.billing-table{border-collapse:collapse;text-align:left;width:100%}.billing-table th{color:var(--apple-gray);text-transform:uppercase;background-color:var(--apple-gray-light);border-bottom:1px solid var(--border-color);letter-spacing:.05em;padding:14px 20px;font-size:12px;font-weight:600}.billing-table td{color:var(--apple-dark);border-bottom:1px solid var(--border-color);padding:14px 20px;font-size:13.5px}.billing-table tr:last-child td{border-bottom:none}.billing-table tr:hover{background-color:#00000003}.space-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px;display:grid}.space-card{border:1px solid var(--border-color);box-shadow:var(--shadow-apple);background-color:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:20px;transition:transform .15s,box-shadow .15s;display:flex}.space-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.space-card-title{color:var(--apple-dark);font-size:15px;font-weight:600}.badge{border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background-color:#34c7591a}.badge-secondary{background-color:var(--apple-gray-light);color:var(--apple-gray);border:1px solid var(--border-color)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#00000040}