body{margin:0;background:linear-gradient(135deg,#1e3c72,#2a5298);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.card{width:1000px;height:85vh;background:#ffffff1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:25px;display:flex;flex-direction:column;box-shadow:0 25px 60px #0000004d;color:#fff}.card h2{text-align:center;margin-bottom:15px}.top-bar{display:flex;gap:10px;margin-bottom:15px}.top-bar select{flex:1;padding:10px;border-radius:8px;border:none;outline:none}.top-bar button{padding:10px 16px;border-radius:8px;border:none;background:#00c6ff;color:#fff;cursor:pointer;transition:.3s}.top-bar button:hover{background:#0072ff}.chat-window{flex:1;overflow-y:auto;padding:15px;background:#ffffff14;border-radius:15px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}.chat-bubble{max-width:70%;padding:12px 16px;border-radius:15px;font-size:14px;line-height:1.4;animation:fadeIn .3s ease-in-out}.chat-bubble.bot{align-self:flex-start;background:#fff;color:#333;border-bottom-left-radius:5px}.chat-bubble.user{align-self:flex-end;background:#00c6ff;color:#fff;border-bottom-right-radius:5px}.chat-bubble.system{align-self:center;background:#4caf50;color:#fff;font-size:13px}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:12px;border-radius:10px;border:none;outline:none;font-size:14px}.chat-input button{padding:12px 18px;border-radius:10px;border:none;background:#00c6ff;color:#fff;font-weight:700;cursor:pointer;transition:.3s}.chat-input button:hover{background:#0072ff}.edit-window{flex:1;overflow-y:auto;background:#ffffff14;padding:20px;border-radius:15px}.edit-window h3,.form-group{margin-bottom:15px}.form-group label{font-size:12px;font-weight:700;margin-bottom:5px;display:block}.form-group textarea{width:100%;min-height:70px;border-radius:8px;border:none;padding:8px;resize:vertical;font-size:13px}.button-row{display:flex;gap:10px;margin-top:20px}.button-row button{padding:10px 16px;border-radius:8px;border:none;cursor:pointer;transition:.3s}.button-row button:first-child{background:#4caf50;color:#fff}.button-row button:first-child:hover{background:#2e7d32}.button-row button:last-child{background:#f44336;color:#fff}.button-row button:last-child:hover{background:#c62828}a{text-decoration:none;color:#00ffea;font-weight:700;margin-top:10px;display:inline-block}.chat-window::-webkit-scrollbar,.edit-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-thumb,.edit-window::-webkit-scrollbar-thumb{background:#fff6;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .25s ease}.popup-editor{width:850px;max-height:85vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 30px 80px #0006;animation:slideUp .25s ease}.popup-header{padding:18px 22px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.popup-header h3{margin:0;color:#2a5298}.close-btn{background:none;border:none;font-size:20px;cursor:pointer}.popup-body{padding:20px;overflow-y:auto;flex:1}.popup-group{margin-bottom:15px}.popup-group textarea{width:100%;min-height:80px;border-radius:10px;border:1px solid #ddd;padding:10px;resize:vertical}.popup-footer{padding:15px 20px;border-top:1px solid #eee;text-align:right}.save-btn{background:linear-gradient(135deg,#00c6ff,#0072ff);border:none;padding:10px 18px;color:#fff;font-weight:700;border-radius:8px;cursor:pointer}@keyframes slideUp{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}button{cursor:pointer;transition:.2s ease}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.6}input[type=radio]{accent-color:#00c6ff;transform:scale(1.1)}html,body,#root{height:100%;margin:0}body{margin:0}.card{background:#fff;padding:16px;border-radius:8px}.button{padding:8px 12px}