:root{--bg:black;--bg-card:#171717;--bg-card-light:#202020;--main:#7067cf;--surface:#18181b;--surface2:#232327;--border:#303030;--border2:#3a3a40;--text:#f2f2f3;--text2:#9b9ba8;--text3:#55555f;--accent:#f2f2f3;--accent-text:#000;--blue:#3b82f6;--blue-bg:#1a2540;--blue-text:#93c5fd;--green:#22c55e;--green-bg:#142619;--green-text:#86efac;--amber:#f59e0b;--amber-bg:#2a2010;--amber-text:#fcd34d;--red:#ef4444;--red-bg:#2a1212;--red-text:#fca5a5;--radius:8px;--radius-lg:16px;--radius-xl:30px;--shadow:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--sidebar-w:260px;--topbar-h:52px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:none;-ms-overflow-style:none}::selection{background:var(--text3);color:#fff;text-shadow:none}::-moz-selection{background:var(--text3);color:#fff;text-shadow:none}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{color:var(--text);min-height:100dvh;background:#000 fixed;flex-direction:column;min-height:-webkit-fill-available;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:16px;line-height:1.5;display:flex}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}textarea::-webkit-scrollbar{display:none}textarea{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}div::-webkit-scrollbar{display:none}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);-webkit-appearance:none;outline:none;width:100%;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::-moz-placeholder{color:var(--text3)}textarea::-moz-placeholder{color:var(--text3)}input::placeholder,textarea::placeholder{color:var(--text3)}#app-root{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}#page-content{flex:1;height:100%;overflow:hidden auto}@media (max-width:640px){:root{--sidebar-w:100vw}}.form__group{width:100%;margin-bottom:20px;padding:20px 0 0;position:relative}.form__group input{color:#fff;border-radius:0!important}.form__field{color:#fff;background:0 0;border:none;border-bottom:1px solid #666;outline:0;width:100%;padding:4px 0;font-size:16px;transition:border-color .2s}.form__field::placeholder{color:#0000}.form__field:placeholder-shown~.form__label{cursor:text;color:var(--text3);font-size:16px;top:20px}.form__label{color:var(--text2);pointer-events:none;font-size:14px;transition:all .2s;display:block;position:absolute;top:0}.form__field:focus{border-bottom:1px solid #fff}.form__field:focus~.form__label{color:var(--text2);font-size:14px;transition:all .2s;display:block;position:absolute;top:0}.form__field:required,.form__field:invalid{box-shadow:none}.header{grid-column-gap:10px;z-index:10;background:linear-gradient(#000 50%,#0000 100%);flex-shrink:0;align-items:center;width:100%;padding:20px;display:flex;position:fixed}.header-title{color:#fff;font-size:26px;font-weight:300}.header-subtitle{color:var(--text2);margin-top:-4px;font-size:16px;font-weight:400}.header-subtitle-invert{color:var(--text2);margin-bottom:-4px;font-size:16px;font-weight:400}.header-button{border:1px solid var(--border);cursor:pointer;background:linear-gradient(45deg,#0a0a0a 20%,#111 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.header-button-small{border:1px solid var(--border);cursor:pointer;background:linear-gradient(45deg,#0a0a0a 20%,#111 80%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.bottom-button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:30px;width:100%;height:60px;margin-top:20px;margin-bottom:0;font-size:16px;font-weight:400;box-shadow:inset 0 0 4px #fff,inset 0 0 16px #fff,inset 0 0 32px #fff}.modal-button-dark{border:1px solid var(--border);border-radius:var(--radius-xl);height:48px;color:var(--text2);background:var(--surface2);cursor:pointer;flex:1;font-size:16px;font-weight:400}.modal-title{margin-bottom:4px;font-size:22px;font-weight:400}.modal-description{color:var(--text2);margin-bottom:16px;font-size:16px;line-height:1.35}.modal-button-light{cursor:pointer;border-radius:var(--radius-xl);height:48px;color:var(--accent-text);background:var(--accent);border:1px solid #fff;flex:1;font-size:16px;font-weight:400}.input-visbility{cursor:pointer;color:var(--text2);align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(0%)}.textbox-chat{grid-column-gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1e1edb;border-radius:60px;align-items:flex-end;padding:4px 4px 4px 22px;display:flex;box-shadow:0 4px 10px #00000040}.textarea-chat{resize:none;color:var(--text);background:0 0;border:none;outline:none;flex:1;min-height:36px;max-height:30vh;padding:16px 0 16px 6px;font-size:16px;line-height:1.35;overflow-y:auto}.textarea-chat:focus{color:#fff}.textarea-chat:focus::-webkit-input-placeholder{opacity:0}.textarea-chat:focus::placeholder{opacity:0}.textarea-chat:-moz-placeholder-shown{opacity:0}.card-title{color:var(--text2);margin-bottom:6px;font-size:14px}.card-description{color:#fff;margin-bottom:12px;font-size:14px;line-height:1.25}@media (min-width:390px){.spacer-wide{display:block!important}}input:-webkit-autofill{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}input:-webkit-autofill:hover{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}input:-webkit-autofill:focus{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}textarea:-webkit-autofill{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}textarea:-webkit-autofill:hover{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}textarea:-webkit-autofill:focus{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}select:-webkit-autofill{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}select:-webkit-autofill:hover{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}select:-webkit-autofill:focus{-webkit-text-fill-color:white;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #000}.categories-grid{width:"100%";grid-template-columns:1fr 1fr;gap:4px;display:grid}@media (min-width:860px){.categories-grid{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1260px){.categories-grid{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width:1520px){.categories-grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}@media (max-width:406px){.categories-grid .cat-label{font-size:16px!important}.categories-grid .cat-subtitle,.categories-grid .cat-count{font-size:12px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:540px){.login-card{aspect-ratio:1}}