:root{--bg-base: #0f0f10;--bg-surface: #1a1a1c;--bg-surface-hover: #242426;--border-subtle: rgba(255, 255, 255, .08);--text-primary: #ececec;--text-muted: #8e8ea0;--accent: #4f8cff;--accent-hover: #6b9fff;--font-display: "Space Grotesk", "Google Sans", sans-serif;--font-body: "Inter", "Roboto", "Helvetica Neue", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;color:var(--text-primary);font-family:var(--font-body)}.app{background:var(--bg-base);display:flex}.sidebar{background-color:var(--bg-surface);color:var(--text-muted);height:100vh;width:280px;flex-shrink:0;overflow:hidden;border-right:1px solid rgba(255,255,255,.04);transition:width .28s ease,border-color .28s ease}.sidebar.closed{width:0;border-color:transparent}.sidebarInner{width:280px;height:100%;display:flex;flex-direction:column;justify-content:space-between;opacity:1;transition:opacity .2s ease}.sidebar.closed .sidebarInner{opacity:0}.sidebarTop{display:flex;flex-direction:column;padding:16px 12px 6px;gap:16px}.brandRow{display:flex;align-items:center;gap:10px;padding:0 6px}.brandName{flex:1}.collapseBtn{display:flex;align-items:center;justify-content:center;height:26px;width:26px;border:none;border-radius:6px;background:transparent;color:var(--text-muted-dark);cursor:pointer;padding:0;font-size:12px;transition:background-color .15s ease,color .15s ease}.collapseBtn:hover{background-color:#ffffff0f;color:var(--text-light)}.logo{height:30px;width:30px;object-fit:contain;background:transparent;border-radius:0}.logo2{height:30px;width:30px;object-fit:contain;background:transparent;border-radius:0;margin-bottom:1rem}.brandName{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary)}.brandName2{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.newChatBtn{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:10px 12px;border:none;border-radius:10px;background-color:transparent;color:var(--text-light);font-family:var(--font-body);font-size:14px;text-align:left;cursor:pointer;transition:background-color .15s ease}.newChatBtn i{font-size:14px;width:16px;text-align:center;color:var(--text-muted-dark)}.newChatBtn:hover{background-color:#ffffff0f}.history{margin:6px 10px;padding:4px;height:100%;overflow-y:auto}.history li{list-style-type:none;cursor:pointer;padding:9px 12px;margin-bottom:.25rem;font-size:13.5px;color:var(--text-light);border-radius:10px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history li:hover{background-color:#ffffff0f}.sign{padding:12px;margin:10px;font-size:13px;color:var(--text-muted-dark);text-align:center;border-top:solid 1px rgba(255,255,255,.06)}.fa-trash{opacity:0;position:absolute;right:10px;top:9px;color:var(--text-muted-dark)}.history li:hover .fa-trash{opacity:1}.fa-trash:hover{color:var(--indigo-400)!important}.highlighted{background:#ffffff0f;border-left:2px solid var(--accent)}.chatWindow{background:var(--navy-900);height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;position:relative}.mainArea{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;position:relative}.mainArea.centered{justify-content:center;gap:1.75rem}.mainArea.centered .chats{flex:0 0 auto;overflow:visible;padding:0}.mainArea.centered .chatInput{padding-bottom:0}.mainArea:not(.centered) .chats{flex:1;min-height:0}.mainArea:not(.centered) .chatInput{flex-shrink:0}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.75rem;box-sizing:border-box}.navbarLeft{display:flex;align-items:center;gap:12px}.expandBtn{display:flex;align-items:center;justify-content:center;height:30px;width:30px;border:none;border-radius:8px;background:transparent;color:var(--text-muted-dark);cursor:pointer;font-size:13px;transition:background-color .15s ease,color .15s ease}.expandBtn:hover{background-color:#4f5bd51f;color:var(--text-light)}.navbar span{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer}.navbar span i{font-size:.7rem;color:var(--text-muted-dark);-webkit-text-fill-color:var(--text-muted-dark)}.userlogo{height:1.5rem;width:1.5rem;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #52525359}.dropDown{position:absolute;top:2.8rem;right:0;width:180px;background-color:var(--navy-700);border:1px solid rgba(79,91,213,.25);padding:.4rem;border-radius:12px;text-align:left;z-index:1000;box-shadow:0 12px 30px #00000059}.dropDownItem{font-size:.85rem;margin:0;padding:.6rem .7rem;border-radius:8px;cursor:pointer;color:var(--text-light)}.dropDownItem i{width:16px;margin-right:8px;color:var(--text-muted-dark)}.dropDownItem:hover{background-color:#4f5bd51f}.emptyState{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.emptyStateHeading{font-family:var(--font-display);font-size:2.2rem;font-weight:400;letter-spacing:.2px;margin:0;color:var(--text-light)}.chatInput{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:1.75rem;position:relative;z-index:1}.inputBox{width:100%;max-width:var(--content-width, 640px);box-sizing:border-box;position:relative;display:flex;align-items:center}input{width:100%;box-sizing:border-box;border:1px solid rgba(79,91,213,.25);background-color:#ffffff08;color:var(--text-light);padding:18px 56px 18px 20px;font-size:.85rem;font-family:var(--font-body);border-radius:20px;box-shadow:#4f5bd51a 0 8px 30px}input::placeholder{color:var(--text-muted-dark)}input:focus{outline:none;border-color:#3f46c099}#submit{cursor:pointer;height:35px;width:35px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));border-radius:50%;color:#fff;transition:opacity .15s ease,transform .15s ease}#submit:hover{opacity:.88}#submit i{color:#fff}.info{font-size:.75rem;padding:.5rem 0 0;color:var(--text-muted-dark)}.chats{width:100%;max-width:var(--content-width, 640px);box-sizing:border-box;margin:0 auto;overflow-y:auto;padding:2rem 0 1rem;scrollbar-width:none;-ms-overflow-style:none}.chats::-webkit-scrollbar{display:none}.userDiv{display:flex;justify-content:flex-end;font-size:.9rem}.gptDiv{text-align:left;font-size:.9rem;max-width:100%}.userMessage{background:linear-gradient(135deg,#4f5bd526,#3f46c026);border:1px solid rgba(79,91,213,.25);padding:10px 20px;border-radius:14px;margin-left:auto;max-width:80%;width:fit-content;position:relative;color:var(--text-light)}.hljs{border-radius:14px!important}pre{max-width:100%;overflow-x:auto;box-sizing:border-box;white-space:pre-wrap;word-break:break-word}pre code.hljs{display:block;overflow-x:auto}pre::-webkit-scrollbar,pre code::-webkit-scrollbar{height:6px}pre::-webkit-scrollbar-track,pre code::-webkit-scrollbar-track{background:transparent}pre::-webkit-scrollbar-thumb,pre code::-webkit-scrollbar-thumb{background-color:#4f5bd559;border-radius:10px}.editIcon{opacity:.55;margin-left:10px;cursor:pointer;font-size:.75rem;color:var(--text-muted-dark);transition:opacity .15s ease,color .15s ease}.editIcon:hover{opacity:1;color:var(--text-light)}.editBox{background-color:var(--navy-700);padding:14px 16px;border-radius:18px;margin-left:auto;margin-bottom:1rem;max-width:80%;width:100%;display:flex;flex-direction:column;gap:10px}.editInput{background:transparent;border:none;color:var(--text-light);font-size:.95rem;font-family:inherit;resize:none;width:100%;line-height:1.4}.editInput:focus{outline:none}.editActions{display:flex;justify-content:flex-end;gap:8px}.editActions button{border:none;border-radius:20px;padding:8px 16px;font-size:.85rem;cursor:pointer;margin:0}.editCancel{background:transparent;color:var(--text-muted-dark)}.editCancel:hover{color:var(--text-light)}.editSave{background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));color:#fff;font-weight:500}.editSave:hover{opacity:.9}.editSave:disabled,.editCancel:disabled{opacity:.5;cursor:not-allowed}.msgTime{display:block;font-size:.7rem;color:var(--text-muted-dark);margin-top:4px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.authWrapper{min-height:100vh;width:100%;position:relative;background-color:#0f2a2a;overflow:hidden}.authWrapper:before{content:"";position:absolute;top:-100px;left:-100px;width:280px;height:280px;border-radius:50%;background:#6de6f11a;z-index:0}.authVisual{position:absolute;inset:0;z-index:0}.authVisual .splineStage{width:100%;height:100%}.authVisual .splineStage>div{height:100%;width:100%}.splineFallback{height:100%;width:100%}.authVisual canvas{background:transparent!important}.authVisualCaption{display:none}.authPanel{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center;min-height:100vh;padding:3rem 5rem;box-sizing:border-box}.authFormSide{max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;background:#09373c80;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(109,230,241,.15);border-radius:24px;padding:2.75rem 2.5rem;box-shadow:0 25px 70px #021b1d80}.authTabs{display:none}.authBox h1{font-family:Space Grotesk,sans-serif;font-size:1.7rem;font-weight:600;color:#f7f9fa;margin:0;text-align:center}.authSubtitle{color:#a6c4c8;font-size:.85rem;margin:-8px 0 4px;text-align:center}.authBox{background:transparent;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.authInputGroup{display:flex;align-items:center;gap:10px;border:1px solid rgba(109,230,241,.18);border-radius:10px;padding:12px 16px;background:#1a4a5066;transition:background-color .2s ease,border-color .2s ease;width:100%}.authInputGroup:focus-within{background:#2c5d638c;border-color:#0fa6bb}.authInputGroup i{color:#a6c4c8;font-size:.85rem;width:16px;text-align:center}.authInputGroup input{background:transparent;border:none;padding:4px 0;color:#f7f9fa;font-size:.9rem;width:100%}.authInputGroup input::placeholder{color:#a6c4c8;opacity:.6}.authInputGroup input:focus{outline:none}.authForgot{text-align:center;font-size:.8rem;color:#a6c4c8;margin:-6px 0 0;width:100%}.authForgot a{color:#6de6f1;text-decoration:underline}.authBox button{background:linear-gradient(135deg,#0fa6bb,#22c7d8);border:none;border-radius:10px;padding:13px;color:#021b1d;font-weight:600;font-size:.9rem;cursor:pointer;margin-top:10px;width:75%;align-self:center;transition:opacity .15s ease}.authBox button:hover{opacity:.88}.authBox button:disabled{opacity:.5;cursor:not-allowed}.authSwitch{text-align:center;font-size:.83rem;color:#a6c4c8;margin-top:6px}.authSwitch a{color:#6de6f1;text-decoration:none;font-weight:600}.authError{background:#ef44441f;border-left:3px solid #f87171;color:#fca5a5;padding:10px 14px;border-radius:6px;font-size:.85rem;width:100%;box-sizing:border-box}@media (max-width: 900px){.authPanel{justify-content:center;padding:2rem}.authFormSide{max-width:none}}.adminShell{display:flex;min-height:100vh;background:#0f0f10;font-family:Inter,Roboto,Helvetica Neue,sans-serif}.adminSidebar{width:260px;flex-shrink:0;background:#1a1a1c;display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid rgba(255,255,255,.04)}.adminBrand{display:flex;align-items:center;gap:10px;padding:6px 10px;margin-bottom:28px}.adminBrandDot{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,#4f5bd5,#3f46c0);box-shadow:0 4px 16px #4f5bd559}.adminBrand img{width:30px;height:30px;border-radius:8px;display:block;object-fit:cover}.adminBrand span{font-family:Space Grotesk,Google Sans,sans-serif;font-weight:600;font-size:1.05rem;background:linear-gradient(135deg,#4f5bd5,#3f46c0);-webkit-background-clip:text;background-clip:text;color:transparent}.adminNav{display:flex;flex-direction:column;gap:4px;flex:1}.adminNavItem{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;border-radius:10px;background:transparent;color:#8b8fa8;font-size:.87rem;font-family:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.adminNavItem i{width:16px;text-align:center;font-size:.85rem;color:#8b8fa8}.adminNavItem:hover{background:#4f5bd51f;color:#ececfb}.adminNavItem:hover i{color:#ececfb}.adminNavItem.active{background:linear-gradient(135deg,#4f5bd5,#3f46c0);color:#fff;box-shadow:0 6px 18px #4f5bd559}.adminNavItem.active i{color:#fff}.adminNavItem:active{transform:scale(.98)}.adminLogout{display:flex;align-items:center;gap:12px;padding:16px 14px 10px;border:none;border-radius:10px;background:transparent;color:#8b8fa8;font-size:.87rem;font-family:inherit;cursor:pointer;margin-top:12px;border-top:1px solid rgba(255,255,255,.06)}.adminLogout i{width:16px;text-align:center}.adminLogout:hover{background:#ef44441a;color:#f87171}.adminMain{flex:1;padding:26px 36px 40px;overflow-y:auto}.adminTopbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.adminBreadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#8b8fa8}.adminBreadcrumb i{font-size:.6rem}.adminBreadcrumb .current{color:#ececfb;font-weight:500}.adminTopbarRight{display:flex;align-items:center;gap:14px}.adminBackBtn{background:#ffffff08;border:1px solid rgba(79,91,213,.25);color:#ececfb;padding:9px 16px;border-radius:10px;cursor:pointer;font-size:.82rem;display:flex;align-items:center;gap:8px;transition:background-color .15s ease}.adminBackBtn:hover{background:#4f5bd51f}.adminAvatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f5bd5,#3f46c0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 4px 16px #4f5bd559}.adminLoading{color:#8b8fa8;padding:2rem 0;font-size:.9rem}.adminCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px}.adminCard{background:#1a1a1c;border:1px solid rgba(79,91,213,.12);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;transition:border-color .15s ease}.adminCard:hover{border-color:#4f5bd54d}.adminCardIcon{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#4f5bd533,#3f46c033);display:flex;align-items:center;justify-content:center;color:#6c7aff;font-size:1rem}.adminCardValue{font-size:1.35rem;font-weight:600;color:#ececfb;font-family:Space Grotesk,Google Sans,sans-serif;line-height:1.2}.adminCardLabel{font-size:.78rem;color:#8b8fa8}.adminPanelBox{background:#1a1a1c;border:1px solid rgba(79,91,213,.12);border-radius:20px;padding:22px 24px;margin-bottom:20px}.adminPanelBox h3{font-family:Space Grotesk,Google Sans,sans-serif;font-weight:600;font-size:1rem;color:#ececfb;margin:0 0 16px}.adminTableHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.adminTableHeader h3{margin:0}.adminSearchBox{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(79,91,213,.2);border-radius:10px;padding:8px 14px;width:240px;transition:border-color .15s ease}.adminSearchBox:focus-within{border-color:#3f46c099}.adminSearchBox i{color:#8b8fa8;font-size:.8rem}.adminSearchBox input{background:transparent;border:none;color:#ececfb;font-size:.85rem;width:100%;padding:0;box-shadow:none}.adminSearchBox input:focus{outline:none}.adminTable{width:100%;border-collapse:collapse}.adminTable th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#8b8fa8;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.adminTable td{padding:12px 14px;font-size:.85rem;color:#ececfb;border-radius:10px}.adminTable tr{transition:background-color .15s ease}.adminTable tr.alt td{background:#ffffff05}.adminTable tbody tr:hover td{background:#4f5bd512}.adminBadge{font-size:.65rem;background:linear-gradient(135deg,#4f5bd5,#3f46c0);padding:2px 8px;border-radius:8px;color:#fff;margin-left:6px}.statusPill{font-size:.72rem;padding:4px 10px;border-radius:20px;font-weight:500}.statusPill.active{background:#4ade8026;color:#4ade80}.statusPill.blocked{background:#f8717126;color:#f87171}.adminActions{display:flex;gap:8px}.adminActions button{background:transparent;border:none;color:#8b8fa8;cursor:pointer;padding:6px 8px;border-radius:8px;font-size:.85rem;transition:background-color .15s ease,color .15s ease}.adminActions button:hover{background:#4f5bd51f;color:#ececfb}.adminDangerBtn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:8px 16px;border-radius:10px;cursor:pointer;font-size:.82rem;display:flex;align-items:center;gap:8px;transition:background-color .15s ease}.adminDangerBtn:hover{background:#ef44442e}.adminSubtleText{color:#8b8fa8;font-size:.82rem;margin:-8px 0 16px}.adminChatView{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.adminChatBubble{padding:10px 14px;border-radius:12px;font-size:.85rem;max-width:80%;line-height:1.5}.adminChatBubble.user{align-self:flex-end;background:linear-gradient(135deg,#4f5bd526,#3f46c026);border:1px solid rgba(79,91,213,.25);color:#ececfb}.adminChatBubble.assistant{align-self:flex-start;background:#ffffff0a;color:#ececfb}.adminBarChart{display:flex;align-items:flex-end;gap:14px;height:160px;padding-top:10px}.adminBarCol{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:8px}.adminBar{width:100%;max-width:32px;background:linear-gradient(180deg,#4f5bd5,#3f46c0);border-radius:8px 8px 0 0;min-height:4px;transition:opacity .15s ease}.adminBarCol:hover .adminBar{opacity:.85}.adminBarCol span{font-size:.7rem;color:#8b8fa8}.adminForm{display:flex;flex-direction:column;gap:6px;max-width:480px}.adminForm label{font-size:.8rem;color:#8b8fa8;margin-top:10px}.adminForm input,.adminForm select{background:#ffffff08;border:1px solid rgba(79,91,213,.2);border-radius:10px;padding:10px 14px;color:#ececfb;font-size:.88rem;font-family:inherit;transition:border-color .15s ease}.adminForm input:focus,.adminForm select:focus{outline:none;border-color:#3f46c099}.adminForm input:disabled{opacity:.5}.adminToggleRow{display:flex;justify-content:space-between;align-items:center;flex-direction:row!important}.adminSaveBtn{background:linear-gradient(135deg,#4f5bd5,#3f46c0);border:none;border-radius:10px;padding:12px;color:#fff;font-weight:500;cursor:pointer;margin-top:20px;transition:opacity .15s ease}.adminSaveBtn:hover{opacity:.88}.adminMessage{background:#4ade801a;border-left:3px solid #4ade80;color:#4ade80;padding:8px 14px;border-radius:6px;font-size:.82rem;margin-bottom:12px}
