:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-tertiary: #f9fafb;--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #2563eb;--accent-hover: #1d4ed8;--danger-color: #ef4444;--success-color: #10b981;--border-color: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--primary-gradient: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--text-gradient: linear-gradient(135deg, #0f172a 0%, #334155 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;min-height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 20px #0000000d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}input,textarea{font-family:inherit;border:none;outline:none;background:none}.user-profile{display:flex;align-items:center;gap:12px;padding:4px 12px;background:#0000000d;border-radius:12px;margin-right:8px}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.user-role{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.logout-btn{font-size:12px;color:var(--danger-color);padding:4px 8px;border-radius:6px;background:#ef44440d;font-weight:500}.logout-btn:hover{background:var(--danger-color);color:#fff}.nav-btn{padding:8px 16px;background:var(--primary-gradient);color:#fff;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none}.nav-btn-outline{padding:8px 16px;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;font-size:14px;font-weight:500;text-decoration:none}.nav-btn-outline:hover{background:#00000005;border-color:var(--text-secondary);color:var(--text-primary)}.header-main{display:flex;justify-content:space-between;align-items:center;width:100%}.admin-user-nav{display:flex;align-items:center;gap:12px}.user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#0000000d;border-radius:20px}.user-name-chip{font-size:13px;font-weight:600;color:var(--text-primary)}.logout-btn-chat{font-size:12px;color:var(--danger-color);padding:3px 8px;border-radius:6px;background:#ef444414;font-weight:500;cursor:pointer;border:none;transition:all .2s}.logout-btn-chat:hover{background:var(--danger-color);color:#fff}#app{width:100vw;height:100vh;margin:0;padding:0;display:flex;flex-direction:column}