*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;color:#333}.container{display:grid;grid-template-columns:250px 1fr;grid-template-rows:60px 1fr;min-height:100vh}.header{grid-column:1 / -1;background:#2c3e50;color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a}.header h1{font-size:24px}.user-menu{display:flex;gap:15px;align-items:center}.sidebar{background:#34495e;padding:20px 0;grid-row:2}.sidebar ul{list-style:none}.sidebar a{display:block;padding:12px 20px;color:#fff;text-decoration:none;transition:background .3s}.sidebar a:hover,.sidebar a.active{background:#2c3e50}.content{grid-column:2;grid-row:2;padding:20px;overflow-y:auto}.content h2{margin-bottom:20px;color:#2c3e50}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center}.stat-card h3{color:#3498db;font-size:32px;margin-bottom:10px}.stat-card p{color:#7f8c8d}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a}thead{background:#34495e;color:#fff}th,td{padding:12px;text-align:left;border-bottom:1px solid #ecf0f1}tr:hover{background:#f9f9f9}button{background:#3498db;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px;margin-right:5px}button:hover{background:#2980b9}button.btn-danger{background:#e74c3c}button.btn-danger:hover{background:#c0392b}.badge{padding:4px 10px;border-radius:12px;font-size:12px;text-transform:capitalize}.badge.pending{background:#f39c12;color:#fff}.badge.messaging{background:#3498db;color:#fff}.badge.id_shared{background:#2ecc71;color:#fff}.badge.completed{background:#27ae60;color:#fff}.badge.declined{background:#e74c3c;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #ecf0f1}.modal-header h3{color:#2c3e50}.close-btn{background:none;color:#7f8c8d;font-size:24px;padding:0;margin:0;width:30px;height:30px}.close-btn:hover{color:#2c3e50;background:none}.modal-body{padding:20px}.modal-body p{margin-bottom:10px}.modal-body h4{margin:20px 0 10px;color:#2c3e50}.modal-body ul{margin-left:20px}.modal-body li{margin-bottom:5px}.conversations-section{height:calc(100vh - 100px)}.conversations-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;height:100%;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden}.conversations-list{border-right:1px solid #ecf0f1;overflow-y:auto}.conversation-item{padding:15px;border-bottom:1px solid #ecf0f1;cursor:pointer;transition:background .2s}.conversation-item:hover,.conversation-item.active{background:#f0f7ff}.conversation-name{font-weight:600;color:#2c3e50;margin-bottom:5px}.conversation-preview{font-size:13px;color:#7f8c8d;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-meta{font-size:11px;color:#95a5a6}.conversation-chat{display:flex;flex-direction:column;height:100%}.chat-header{padding:15px 20px;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center}.chat-header h3{color:#2c3e50}.chat-language{font-size:12px;color:#7f8c8d;text-transform:uppercase}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f9f9f9}.chat-bubble{max-width:70%;margin-bottom:15px;display:flex;flex-direction:column}.chat-bubble.user{align-items:flex-end;margin-left:auto}.chat-bubble.bot{align-items:flex-start;margin-right:auto}.chat-bubble-content{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word}.chat-bubble.user .chat-bubble-content{background:#3498db;color:#fff;border-bottom-right-radius:4px}.chat-bubble.bot .chat-bubble-content{background:#fff;color:#333;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.chat-bubble-time{font-size:11px;color:#95a5a6;margin-top:4px}.empty-state{padding:40px;text-align:center;color:#7f8c8d}.error-box{background:#fdecea;border:1px solid #e74c3c;color:#c0392b;padding:20px;border-radius:8px;margin:20px 0}.error-box p{margin:10px 0;color:#922b21}.error-box code{background:#fadbd8;padding:2px 6px;border-radius:4px}.api-base-info{margin-bottom:20px;color:#7f8c8d;font-size:14px}.api-base-info code{background:#ecf0f1;padding:2px 6px;border-radius:4px}.prompts-list{display:grid;gap:20px}.prompt-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000001a}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.prompt-header h3{color:#2c3e50;margin:0}.prompt-key{font-size:12px;color:#7f8c8d;background:#ecf0f1;padding:4px 8px;border-radius:4px}.prompt-card textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}.prompt-card textarea:focus{outline:none;border-color:#3498db}.prompt-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.prompt-updated{font-size:12px;color:#7f8c8d}.success-box{background:#d4edda;border:1px solid #27ae60;color:#155724;padding:12px 16px;border-radius:6px;margin-bottom:20px}@media (max-width: 768px){.container{grid-template-columns:1fr;grid-template-rows:60px auto 1fr}.sidebar{grid-row:2;padding:10px 0}.sidebar ul{display:flex;overflow-x:auto}.sidebar a{white-space:nowrap}.content{grid-column:1;grid-row:3}.stats{grid-template-columns:repeat(2,1fr)}.conversations-layout{grid-template-columns:1fr;grid-template-rows:200px 1fr}.conversations-list{border-right:none;border-bottom:1px solid #ecf0f1}}