@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Raleway,sans-serif;line-height:2;font-weight:400;color-scheme:dark;--primary: #4F8CFF;--primary-hover: #1e4999;--primary-transp: #4f8dff8a;--yellow: #F5A623;--yellow-transp: #f5a52334;--green: #2ECC71;--green-transp: #2ecc703a;--red: #FF6B6B;--red-transp: #e24c4c1c;--white: #FFFFFF;--white-transp: #ffffff27;--bg-1: #0E1117;--bg-2: #13181f;--bg-3: #1F2633;--bg-opaque: color-mix(in srgb, var(--bg-2) 30%, transparent);--text-primary: #E6EDF3;--text-secondary: #9BA4B5;--text-muted: #6B7280;--text-xs: clamp(.7rem, .66rem + .2vw, .8rem);--text-sm: clamp(.9rem, .75rem + .25vw, .95rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.05rem, 1rem + .3vw, 1.2rem);--text-xl: clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--text-2xl: clamp(1.4rem, 1.2rem + 1vw, 1.8rem);--title-small: 1.125rem;--title-medium: 1.4rem;--title-large: 2rem;--border-color: rgba(255, 255, 255, .08);--border-color-hover: var(--primary);--border-radius: 25px;--radius-md: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--padding-sides: 20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=light]{color-scheme:light;font-weight:500;--bg-1: #fffdf8;--bg-2: #f8f6ec;--bg-3: #e4e1d6;--text-primary: #1A1F27;--text-secondary: #4B5563;--text-muted: #9CA3AF;--border-color: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-1);color:var(--text-primary)}button,input,textarea,label,table{font-family:inherit;font-size:var(--text-sm)}section{min-width:0;width:100%}.container{max-width:1280px;margin:0 auto;width:100%;padding-inline:var(--padding-sides)}h1{font-size:clamp(var(--title-medium),3vw,var(--title-large));line-height:1.1;font-weight:800}h2{font-size:clamp(var(--title-small),2vw,var(--title-medium));line-height:1.5;font-weight:500}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.divider{margin:var(--space-5) 0;border-top:1px solid var(--border-color)}.search-field{display:flex;align-items:center;gap:var(--space-2);padding:.5em .8em;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-2)}.search-field:focus-within{border-color:var(--border-color-hover)}.search-field-icon{flex-shrink:0;color:var(--text-muted)}.search-field-input{width:100%;border:none;outline:none;background:none;color:var(--text-primary)}.search-field-input::placeholder{color:var(--text-muted)}textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-1);color:var(--text-primary);line-height:1.5;resize:vertical}textarea:focus{outline:none;border-color:var(--border-color-hover)}.blur-bg{background:var(--bg-opaque);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-2);border:none;background:none;color:var(--text-primary);font-weight:500;line-height:1.4;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-default,.btn-color,.btn-blur,.btn-primary,.btn-secondary{justify-content:center;padding:.6em 1.2em;border-radius:var(--border-radius)}.btn-default{border:1px solid var(--border-color)}.btn-default:hover{border-color:var(--border-color-hover)}.btn-default:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-color,.btn-primary{background:var(--primary);color:var(--white)}.btn-color:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-1)}.btn-blur{background:#0e111733;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--white)}.btn-blur:hover{background:#0e111759}.btn-circle{flex-shrink:0;height:40px;padding:.5em;border-radius:var(--radius-md)}.btn-circle:hover{background:var(--bg-3)}.btn-circle:after{content:attr(data-subtitle);visibility:hidden;position:absolute;top:50%;left:100%;z-index:100;margin-left:var(--space-6);padding:.5em;transform:translateY(-50%);white-space:nowrap;color:var(--text-primary);background:var(--bg-2);border:1px solid var(--border-color);border-radius:var(--radius-md)}.btn-menu{padding:.6em .8em;border-radius:var(--radius-md);color:var(--text-secondary);text-align:left}.btn-menu:hover,.btn-menu.active{background:var(--bg-3);color:var(--text-primary)}.btn-menu:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.btn-danger{color:var(--red)}.btn-danger:hover{background:var(--red-transp);color:var(--red)}.button-icon-container{flex-shrink:0;aspect-ratio:1 / 1}.button-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.btn-circle .button-icon{width:24px;height:24px;font-size:var(--text-xl)}.btn-tag{display:none;flex:1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.logo{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:600;white-space:nowrap}.logo-container{flex-shrink:0;width:60px;padding:var(--space-2)}.logo img{width:100%;height:100%;border-radius:50%}.header{position:sticky;top:0;z-index:100;background:var(--bg-opaque);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.header .container{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-3)}.nav{display:flex;align-items:center;gap:clamp(1.5rem,4vw,4rem)}.auth-header{display:flex;align-items:center;gap:var(--space-3)}.header-divider{align-self:stretch;border-left:1px solid var(--border-color)}.mobile-menu-toggle{display:none}@media(max-width:720px){.mobile-menu-toggle{display:flex}.mobile-menu-toggle .button-icon{width:30px;height:30px}.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:var(--space-6);width:100%;padding:var(--space-6) var(--padding-sides);background:var(--bg-1);border-bottom:1px solid var(--border-color);transform:translateY(-20px);opacity:0;visibility:hidden;pointer-events:none}.nav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.auth-header{width:100%;justify-content:center}.header-divider{display:none}}.footer{color:var(--text-secondary)}.footer .container{padding-block:var(--space-3);border-top:1px solid var(--border-color)}.footer-description{display:flex;justify-content:space-between;align-items:center}.footer-contact{text-align:end}.footer-contact span{text-decoration:underline;text-underline-offset:4px;cursor:pointer}.footer-contact span:hover{color:var(--text-primary)}.footer-rights{display:flex;justify-content:center;margin-top:var(--space-8);color:var(--text-muted)}@media(max-width:720px){.footer-description{flex-direction:column;align-items:flex-start}.footer-contact{margin-top:var(--space-5);text-align:start}.footer-rights{justify-content:flex-start}}.dashboard-nav{display:flex;flex-shrink:0;width:4.5rem;height:100%;padding:var(--space-5) var(--space-4);border-right:1px solid var(--border-color);background-color:var(--bg-2)}.dashboard-nav.open{width:min(17rem,85vw)}.dashboard-nav nav{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%}.dashboard-nav:not(.open) .logo{display:none}.dashboard-nav .logo-container{width:40px;height:40px;padding:var(--space-1)}.logo-area{display:flex;align-items:center;justify-content:space-between}.dashboard-links{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-nav.open .btn-tag{display:block}.dashboard-nav:not(.open) .button-icon-right{display:none}.dashboard-nav:not(.open) .btn-circle:hover:after{visibility:visible}.mobile-nav,.dashboard-nav-overlay{display:none}@media(max-width:640px){.mobile-nav{position:fixed;top:0;left:0;z-index:200;display:flex;align-items:center;width:100%;height:4rem;padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--border-color);background-color:var(--bg-2)}.dashboard-nav{display:none}.dashboard-nav.open{display:flex;position:fixed;inset:0 auto 0 0;z-index:201;width:min(17rem,85vw)}.dashboard-nav-overlay{position:fixed;inset:0;z-index:200;display:block}}.nav-dropdown{display:flex;flex-direction:column}.nav-dropdown.expanded .button-icon-right svg{transform:rotate(180deg)}.nav-dropdown-content{display:grid;grid-template-rows:0fr;margin-top:4px}.nav-dropdown.expanded .nav-dropdown-content{grid-template-rows:1fr}.nav-dropdown-content-inner{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding-left:var(--space-3);overflow:hidden}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box;overflow:hidden}.modal-container{display:flex;width:820px;max-width:100%;height:520px;max-height:100%;overflow:hidden;box-sizing:border-box;background:var(--bg-2);border:1px solid var(--border-color);border-radius:var(--border-radius)}.modal-content{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;padding:var(--space-6) var(--space-8);overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;box-sizing:border-box}.modal-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);width:220px;min-height:0;padding:var(--space-4) var(--space-3) var(--space-6);background:var(--bg-2);border-right:1px solid var(--border-color);box-sizing:border-box}.modal-sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.modal-sidebar .btn-danger{margin-top:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-width:0;width:100%;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);box-sizing:border-box}.modal-header h2{min-width:0;font-weight:600;overflow-wrap:anywhere}.modal-header>*{flex-shrink:0}.personalization-form{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:520px}@media(max-width:640px){.modal-overlay{padding:var(--space-3)}.modal-container{flex-direction:column;height:100%;max-height:100%}.modal-sidebar{flex-direction:row;align-items:center;justify-content:space-between;width:100%;flex-shrink:0;padding:var(--space-3);border-right:none;border-bottom:1px solid var(--border-color)}.modal-sidebar .btn-danger{margin-top:0;margin-left:auto}.modal-content{flex:1;padding:var(--space-5)}}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid var(--border-color);border-radius:50%;background:var(--bg-3);color:var(--text-primary);font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.btn:hover .avatar{border-color:var(--primary)}.avatar-sm{width:40px;height:40px}.avatar-lg{width:80px;height:80px}.forms{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%}.forms-line{position:relative;display:flex;flex-direction:column;width:100%}.forms input{width:100%;padding:var(--space-3);border:none;border-bottom:2px solid var(--border-color);outline:none;background:transparent;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label,.form-group>label{color:var(--text-secondary);font-weight:600}.hint{color:var(--text-muted);line-height:1.4}.form-counter{align-self:flex-end}.form-message{padding:.6em 1em;border:1px solid var(--border-color);border-radius:var(--radius-md);line-height:1.4}.form-message.success{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent);border-color:color-mix(in srgb,var(--green) 30%,transparent)}.form-message.error{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);border-color:color-mix(in srgb,var(--red) 30%,transparent)}.form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);margin-top:auto}@media(max-width:640px){.form-actions>.btn{flex:1}}.personalization-form{display:flex;flex-direction:column;gap:var(--space-6);max-width:520px}.avatar-upload{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5)}.avatar-upload-actions{display:flex;flex-direction:column;gap:var(--space-1)}.btn-upload{width:fit-content}.personalization-form textarea{resize:none}.user-menu{position:relative;min-width:0}.user-dropdown{position:absolute;bottom:calc(100% + var(--space-4));left:0;z-index:9999;display:flex;flex-direction:column;gap:var(--space-1);width:240px;max-width:calc(100vw - var(--space-8));padding:var(--space-2);background:var(--bg-2);border:1px solid var(--border-color);border-radius:var(--radius-md)}.user-dropdown-header{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color)}.user-dropdown-header span{color:var(--text-secondary)}.user-menu>.btn{width:100%;padding:0}.user-menu>.btn .button-icon{width:40px;height:40px}.dashboard-layout{display:grid;grid-template-columns:auto 1fr;min-width:0}.dashboard-container{display:flex;justify-content:center;height:100dvh;padding:var(--space-5);overflow-y:auto}.dashboard-container .content{display:flex;align-items:flex-start;justify-content:center;min-width:0}@media(max-width:640px){.dashboard-layout{grid-template-columns:1fr}.dashboard-container{height:calc(100dvh - 4rem);margin-top:4rem}}.hero .container{min-height:100dvh;padding-block:60px;display:flex;flex-direction:column;justify-content:center;gap:clamp(3rem,8vw,6rem)}.hero-top,.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}.hero h1{max-width:28rem;margin-bottom:20px}.hero h2{max-width:32rem;color:var(--text-secondary)}.hero .img-container{display:flex;align-items:center;justify-content:center;width:100%}.hero .img{display:block;width:100%;max-width:640px;height:auto;border-radius:var(--border-radius);border:1px solid var(--border-color)}@media(max-width:720px){.hero-top,.hero-bottom{display:flex;flex-direction:column;gap:2rem}.hero .txt{text-align:center}.hero h1,.hero h2{margin-inline:auto}}.link{position:relative;display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;cursor:pointer}.link:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background-color:var(--primary);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.link:hover{color:var(--text-primary)}.link:hover:after{transform:scaleX(1)}.auth .container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-block:var(--padding-sides)}.auth-display{width:100%;min-height:min(50rem,calc(100dvh - 2 * var(--padding-sides)));display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:linear-gradient(45deg,var(--bg-2),var(--bg-1));border:1px solid var(--border-color);border-radius:var(--border-radius);padding:32px}.auth h2{margin-bottom:30px}.auth-right{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,3.75rem)}.auth-image{position:relative;display:flex}.auth-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.auth-image button{position:absolute;top:12px;right:12px}.buttons{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;margin-top:1rem;width:100%}.buttons button{width:100%;justify-content:center}#back-button{display:none}.auth-link{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:2rem;font-size:var(--text-sm);color:var(--text-secondary)}.auth-link a{color:var(--primary)}.auth-link a:hover{text-decoration:underline}@media(max-width:960px){.auth-display{grid-template-columns:1fr;max-width:40rem;min-height:0;padding:1.5rem}.auth h2{text-align:center}.auth-image{display:none}.auth-right{padding:0}.auth-link{flex-direction:column;align-items:center}#back-button{display:flex}}.loading{display:flex;align-items:center;justify-content:center;width:100%;min-height:60vh}.loading-icon{font-size:100px;color:var(--primary);animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.dashboard-main{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);width:100%;max-width:900px;padding-block:var(--space-8);margin:auto 0}.dashboard-main-greeting{text-align:center;max-width:900px}.dashboard-main-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:var(--space-4);width:100%}.dashboard-main-option{display:flex;flex-direction:column;gap:var(--space-4);min-width:0;padding:var(--space-5);border:1px solid var(--border-color);border-radius:var(--border-radius);color:inherit;text-decoration:none;text-align:left}.dashboard-main-option:hover{border-color:var(--border-color-hover);background:var(--bg-2)}.dashboard-main-option-icon{display:flex;align-items:center;justify-content:flex-end;width:100%;flex-shrink:0;font-size:var(--text-2xl);line-height:1}.dashboard-main-option.option-primary .dashboard-main-option-icon{color:var(--primary)}.dashboard-main-option.option-yellow .dashboard-main-option-icon{color:var(--yellow)}.dashboard-main-option.option-green .dashboard-main-option-icon{color:var(--green)}.dashboard-main-option.option-red .dashboard-main-option-icon{color:var(--red)}.dashboard-main-option-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.dashboard-main-option-body p{color:var(--text-secondary);line-height:1.5}@media(max-width:600px){.dashboard-main-options{grid-template-columns:1fr;grid-auto-rows:auto}.dashboard-main-option{min-height:180px;padding:var(--space-5)}.dashboard-main-option-icon{font-size:var(--title-large)}}.message-input{align-items:flex-end}.message-input-field{flex:1;min-width:0;min-height:36px;max-height:200px;padding:var(--space-2) var(--space-1);border:none;border-radius:0;outline:none;background:none;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);line-height:1.5;resize:none;text-align:left}.dashboard-create{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);width:100%;max-width:900px;margin:auto 0;padding-block:var(--space-8)}.dashboard-create-title{text-align:center;max-width:900px}.dashboard-create-options{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.dashboard-create-option{justify-content:flex-start;gap:var(--space-4);padding:var(--space-6);text-align:left}.dashboard-create-option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);color:var(--primary)}.dashboard-create-option-icon svg{width:100%;height:100%}.dashboard-create-option-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.dashboard-create-option-title{font-weight:600;color:var(--text-primary);line-height:1.3}.dashboard-create-option-desc{color:var(--text-muted);line-height:1.4}.dashboard-create-input{width:100%}.table-container{width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-1)}table{width:100%;border-collapse:collapse}.table-container table{width:max-content;min-width:100%;border-style:hidden}th,td{border:1px solid var(--border-color)}th{padding:var(--space-4);background:var(--bg-2);color:var(--text-primary);font-weight:600;text-align:left}td{padding:var(--space-3) var(--space-4)}tbody tr:hover{background:var(--bg-2)}