:root{--mgr-bg: #0a0b0f;--mgr-surface: #141620;--mgr-surface-light: #1f2233;--mgr-muted: #8a8fa3;--mgr-text: #e7e9ee;--mgr-accent: #6f7cff;--mgr-success: #4caf50;--mgr-error: #f44336;--mgr-warning: #ff9800}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--mgr-bg);color:var(--mgr-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto;font-size:14px;line-height:1.5}.mgr-login{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--mgr-bg)}.mgr-login-form{background:var(--mgr-surface);padding:2rem;border-radius:12px;border:1px solid var(--mgr-surface-light);width:100%;max-width:400px}.mgr-login-form h1{margin:0 0 .5rem;color:var(--mgr-accent);font-size:1.5rem;text-align:center}.mgr-login-form h2{margin:0 0 1.5rem;color:var(--mgr-text);font-size:1.1rem;text-align:center;font-weight:400}.mgr-app{height:100vh;display:flex;flex-direction:column}.mgr-nav{background:var(--mgr-surface);border-bottom:1px solid var(--mgr-surface-light);padding:1rem 2rem}.mgr-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mgr-nav-header h1{margin:0;color:var(--mgr-accent);font-size:1.3rem}.mgr-user-info{display:flex;align-items:center;gap:1rem}.mgr-user-info span{color:var(--mgr-muted)}.mgr-logout-btn{background:var(--mgr-surface-light);border:1px solid var(--mgr-muted);color:var(--mgr-text);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.mgr-logout-btn:hover{border-color:var(--mgr-accent)}.mgr-nav-links{display:flex;gap:1rem}.mgr-nav-links button{background:transparent;border:none;color:var(--mgr-muted);padding:.5rem 1rem;cursor:pointer;border-radius:6px;transition:all .2s}.mgr-nav-links button:hover{color:var(--mgr-text);background:var(--mgr-surface-light)}.mgr-nav-links button.active{color:var(--mgr-accent);background:var(--mgr-surface-light)}.mgr-main{flex:1;padding:2rem;overflow-y:auto}.mgr-form-group{margin-bottom:1.5rem}.mgr-form-group label{display:block;margin-bottom:.5rem;color:var(--mgr-text);font-weight:500}.mgr-form-group input,.mgr-form-group textarea,.mgr-form-group select{width:100%;background:var(--mgr-surface);border:1px solid var(--mgr-surface-light);color:var(--mgr-text);border-radius:8px;padding:.75rem;font-size:.9rem}.mgr-form-group input:focus,.mgr-form-group textarea:focus,.mgr-form-group select:focus{outline:none;border-color:var(--mgr-accent)}.mgr-form-group small{color:var(--mgr-muted);font-size:.8rem;margin-top:.25rem;display:block}.mgr-login-btn,.mgr-save-btn{background:var(--mgr-accent);border:none;color:#fff;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;width:100%;transition:opacity .2s}.mgr-login-btn:hover,.mgr-save-btn:hover{opacity:.9}.mgr-login-btn:disabled,.mgr-save-btn:disabled{opacity:.6;cursor:not-allowed}.mgr-cancel-btn,.mgr-back-btn{background:var(--mgr-surface-light);border:1px solid var(--mgr-muted);color:var(--mgr-text);border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-size:.9rem;transition:border-color .2s}.mgr-cancel-btn:hover,.mgr-back-btn:hover{border-color:var(--mgr-accent)}.mgr-error{background:#f443361a;border:1px solid var(--mgr-error);color:var(--mgr-error);border-radius:8px;padding:.75rem;margin-bottom:1rem}.mgr-success{background:#4caf501a;border:1px solid var(--mgr-success);color:var(--mgr-success);border-radius:8px;padding:.75rem;margin-bottom:1rem}.mgr-dashboard h2{margin:0 0 1.5rem;color:var(--mgr-text)}.mgr-chat-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.mgr-chat-item{background:var(--mgr-surface);border:1px solid var(--mgr-surface-light);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.mgr-chat-info h3{margin:0 0 .5rem;color:var(--mgr-accent)}.mgr-chat-code{color:var(--mgr-muted);font-family:monospace;font-size:.8rem;margin:0}.mgr-chat-genre{color:var(--mgr-muted);font-size:.8rem;margin:.25rem 0}.mgr-chat-desc{color:var(--mgr-text);font-size:.9rem;margin:.5rem 0 0}.mgr-chat-actions button{background:var(--mgr-surface-light);border:1px solid var(--mgr-muted);color:var(--mgr-text);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.8rem}.mgr-chat-actions button:hover{border-color:var(--mgr-accent)}.mgr-chat-editor{max-width:800px}.mgr-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.mgr-editor-header h2{margin:0;color:var(--mgr-text)}.mgr-form-actions{display:flex;gap:1rem;margin-top:2rem}.mgr-form-actions .mgr-save-btn{width:auto}.mgr-users h2{margin:0 0 1.5rem;color:var(--mgr-text)}.mgr-user-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.mgr-user-item{background:var(--mgr-surface);border:1px solid var(--mgr-surface-light);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.mgr-user-info h3{margin:0 0 .25rem;color:var(--mgr-accent)}.mgr-user-info p{margin:.25rem 0;color:var(--mgr-muted);font-size:.9rem}.mgr-user-actions button{background:var(--mgr-surface-light);border:1px solid var(--mgr-muted);color:var(--mgr-text);border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.8rem}.mgr-user-actions button:hover{border-color:var(--mgr-accent)}@media (max-width: 768px){.mgr-nav{padding:1rem}.mgr-nav-header{flex-direction:column;gap:1rem;align-items:flex-start}.mgr-nav-links{flex-wrap:wrap}.mgr-main{padding:1rem}.mgr-chat-list,.mgr-user-list{grid-template-columns:1fr}.mgr-chat-item,.mgr-user-item{flex-direction:column;gap:1rem}.mgr-editor-header{flex-direction:column;gap:1rem;align-items:flex-start}.mgr-form-actions{flex-direction:column}.mgr-form-actions .mgr-save-btn{width:100%}}.mgr-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.mgr-modal{background:var(--mgr-surface);border:1px solid var(--mgr-surface-light);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto}.mgr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--mgr-surface-light)}.mgr-modal-header h3{margin:0;color:var(--mgr-text)}.mgr-modal-close{background:none;border:none;color:var(--mgr-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s}.mgr-modal-close:hover{color:var(--mgr-text)}.mgr-modal-content{padding:2rem}.mgr-user-details{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--mgr-surface-light)}.mgr-user-details p{margin:.5rem 0;color:var(--mgr-muted)}.mgr-role-management h4{margin:0 0 1rem;color:var(--mgr-text)}.mgr-role-actions{margin-top:1rem}.mgr-role-actions input{width:100%;margin-bottom:.5rem}.mgr-role-actions small{color:var(--mgr-muted);font-size:.8rem}.mgr-current-roles{margin-bottom:1.5rem}.mgr-roles-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.mgr-role-item{display:flex;align-items:center;gap:.5rem;background:var(--mgr-surface-light);padding:.25rem .5rem;border-radius:6px;border:1px solid #333}.mgr-role-name{font-size:.9rem;color:var(--mgr-text)}.mgr-role-remove-btn{background:none;border:none;color:var(--mgr-error);cursor:pointer;padding:2px 4px;border-radius:3px;font-size:.8rem;line-height:1;transition:all .2s ease}.mgr-role-remove-btn:hover{background:var(--mgr-error);color:#fff}.mgr-danger-zone{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--mgr-error)}.mgr-danger-zone h4{color:var(--mgr-error);margin:0 0 1rem}.mgr-delete-user-btn{background:var(--mgr-error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.mgr-delete-user-btn:hover{background:#d32f2f;transform:translateY(-1px)}.mgr-warning-text{margin-top:.5rem;color:var(--mgr-warning);font-size:.8rem;font-style:italic}.mgr-conversations{padding:1rem}.mgr-conversations-controls{margin-bottom:1.5rem;padding:1rem;background:var(--mgr-surface);border:1px solid var(--mgr-surface-light);border-radius:8px}.mgr-search-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.mgr-search-input{background:var(--mgr-bg);border:1px solid var(--mgr-surface-light);border-radius:6px;padding:.5rem;color:var(--mgr-text);font-size:.9rem;min-width:200px;flex:1}.mgr-search-input:focus{outline:none;border-color:var(--mgr-accent);box-shadow:0 0 0 2px #6f7cff1a}.mgr-filter-select{background:var(--mgr-bg);border:1px solid var(--mgr-surface-light);border-radius:6px;padding:.5rem;color:var(--mgr-text);font-size:.9rem;min-width:150px}.mgr-filter-select:focus{outline:none;border-color:var(--mgr-accent)}.mgr-refresh-btn{background:var(--mgr-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.mgr-refresh-btn:hover{background:#5a67e6;transform:translateY(-1px)}.mgr-conversation-list{display:flex;flex-direction:column;gap:1rem}.mgr-conversation-item{background:var(--mgr-surface);border:1px solid var(--mgr-surface-light);border-radius:8px;padding:1rem;transition:all .2s ease}.mgr-conversation-item:hover{border-color:var(--mgr-accent);transform:translateY(-1px);box-shadow:0 4px 12px #6f7cff1a}.mgr-conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mgr-conversation-header h3{margin:0;color:var(--mgr-text);font-size:1.1rem}.mgr-conversation-user{color:var(--mgr-muted);font-size:.9rem}.mgr-conversation-details p{margin:0 0 .5rem;color:var(--mgr-muted);font-size:.9rem;line-height:1.4}.mgr-conversation-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--mgr-muted)}.mgr-conversation-actions{margin-top:1rem;display:flex;justify-content:flex-end}.mgr-conversation-item.mgr-recent{border-color:var(--mgr-warning);background:linear-gradient(135deg,var(--mgr-surface) 0%,rgba(255,152,0,.1) 100%)}.mgr-conversation-item.mgr-recent:hover{border-color:var(--mgr-warning);box-shadow:0 4px 12px #ff980033}.mgr-recent-indicator{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.mgr-time-recent{color:var(--mgr-warning)!important;font-weight:600}.mgr-time-normal{color:var(--mgr-muted)}.mgr-view-btn{background:var(--mgr-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.mgr-view-btn:hover{background:#5a67e6;transform:translateY(-1px)}.mgr-conversation-messages{padding:1rem}.mgr-messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--mgr-surface-light)}.mgr-messages-header h2{margin:0;color:var(--mgr-text)}.mgr-messages-list{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 250px);overflow-y:auto;padding-right:.5rem}.mgr-message{background:var(--mgr-surface);border:1px solid var(--mgr-surface-light);border-radius:8px;padding:1rem}.mgr-message.system{background:#6f7cff1a;border-color:#6f7cff4d}.mgr-message.assistant{background:#4caf501a;border-color:#4caf504d}.mgr-message.user{background:var(--mgr-surface);border-color:var(--mgr-surface-light)}.mgr-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--mgr-surface-light)}.mgr-message-author{font-weight:600;color:var(--mgr-accent);font-size:.9rem}.mgr-message-time{color:var(--mgr-muted);font-size:.8rem}.mgr-message-content{line-height:1.6}.mgr-message-content h1,.mgr-message-content h2,.mgr-message-content h3{margin-top:0;margin-bottom:.5rem}.mgr-message-content p{margin-bottom:.5rem}.mgr-message-content pre{background:var(--mgr-bg);padding:1rem;border-radius:6px;overflow-x:auto}.mgr-message-content code{background:var(--mgr-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em}.mgr-message-media,.mgr-message-location{margin-top:.5rem;padding:.5rem;background:var(--mgr-bg);border-radius:6px;border-left:3px solid var(--mgr-accent)}.mgr-message-media p,.mgr-message-location p{margin:0;color:var(--mgr-muted);font-size:.9rem}