.main-page{min-height:100vh}.main-page .main-loading{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;gap:.75rem;background:var(--bg-primary);z-index:9999}.main-page .main-loading .spinner-box{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.main-page .main-loading .loading-text{color:var(--text-secondary);font-size:1rem}.main-page .hero-section{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:120px 1.5rem 4rem}.main-page .hero-section .container{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center}.main-page .hero-section .hero-content h1{font-size:clamp(2.4rem,5vw,4.25rem);font-weight:700;line-height:1.1;margin:0 auto 1.5rem;max-width:1000px;letter-spacing:-.035em}.main-page .hero-section .hero-content h1 .hero-title-line{display:block;white-space:nowrap}.main-page .hero-section .hero-content h1 .hero-title-accent{background:linear-gradient(100deg,#93c5fd,#60a5fa 30%,#3b82f6 62%,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.light .main-page .hero-section .hero-content h1 .hero-title-accent{background:linear-gradient(100deg,#60a5fa,#2563eb 40%,#1d4ed8,#3b82f6);-webkit-background-clip:text;background-clip:text}.main-page .hero-section .hero-content p{color:var(--text-secondary);font-size:1.15rem;line-height:1.7;margin:0 auto 2.5rem;max-width:580px}.main-page .hero-section .hero-content .hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.main-page .hero-section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 100% at 50% 128%,rgba(37,99,235,.22),transparent 78%)}.main-page .hero-section .hero-shapes{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.main-page .hero-section .hero-shape{position:absolute;width:auto;-webkit-user-select:none;user-select:none}.main-page .hero-section .hero-shape-1{height:clamp(230px,26vw,400px);top:8%;right:-5%;opacity:.95;transform:rotate(-12deg);filter:drop-shadow(0 30px 60px rgba(37,99,235,.35))}.main-page .hero-section .hero-shape-2{height:clamp(190px,21vw,320px);bottom:12%;left:-6%;opacity:.92;transform:rotate(14deg);filter:drop-shadow(0 30px 60px rgba(37,99,235,.35))}.main-page .hero-section .hero-shape-3{height:clamp(120px,13vw,200px);top:15%;left:7%;opacity:.4;transform:rotate(8deg);filter:blur(3px)}.main-page .hero-section .hero-shape-4{height:clamp(150px,17vw,250px);bottom:8%;right:13%;opacity:.34;transform:rotate(-18deg);filter:blur(4.5px)}.light .main-page .hero-section .hero-shape-1,.light .main-page .hero-section .hero-shape-2{filter:saturate(1.35) brightness(.96) drop-shadow(0 24px 50px rgba(37,99,235,.22))}.light .main-page .hero-section .hero-shape-3{filter:blur(3px) saturate(1.35) brightness(.96)}.light .main-page .hero-section .hero-shape-4{filter:blur(4.5px) saturate(1.35) brightness(.96)}.main-page .hero-section .hero-glow{position:absolute;left:50%;bottom:-18%;transform:translate(-50%);width:min(2400px,200%);height:165%;z-index:1;pointer-events:none;filter:blur(100px);background:radial-gradient(ellipse 52% 88% at 50% 100%,rgba(37,99,235,.55) 0%,rgba(37,99,235,.3) 42%,transparent 82%),radial-gradient(ellipse 90% 74% at 50% 104%,rgba(59,130,246,.36) 0%,transparent 80%),radial-gradient(ellipse 34% 76% at 16% 102%,rgba(56,189,248,.26),transparent 80%),radial-gradient(ellipse 36% 78% at 84% 102%,rgba(99,102,241,.28),transparent 80%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.55) 0%,#000 10%,rgba(0,0,0,.86) 38%,rgba(0,0,0,.6) 62%,rgba(0,0,0,.3) 84%,transparent 100%);mask-image:linear-gradient(to top,rgba(0,0,0,.55) 0%,#000 10%,rgba(0,0,0,.86) 38%,rgba(0,0,0,.6) 62%,rgba(0,0,0,.3) 84%,transparent 100%)}.light .main-page .hero-section:before{background:radial-gradient(ellipse 90% 60% at 50% 118%,rgba(37,99,235,.1),transparent 68%)}.light .main-page .hero-section .hero-glow{filter:blur(100px);background:radial-gradient(ellipse 56% 62% at 50% 96%,rgba(37,99,235,.24) 0%,rgba(37,99,235,.12) 42%,transparent 74%),radial-gradient(ellipse 90% 52% at 50% 104%,rgba(59,130,246,.18) 0%,transparent 72%),radial-gradient(ellipse 36% 50% at 16% 100%,rgba(56,189,248,.14),transparent 72%),radial-gradient(ellipse 38% 52% at 84% 100%,rgba(99,102,241,.14),transparent 72%)}.main-page .section{padding:5rem 1.5rem}.main-page .section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;letter-spacing:-.02em}.main-page .features-section{background:var(--bg-secondary)}.main-page .section-title .title-grad{display:inline-block;background:linear-gradient(104deg,#fff,#dbeafe 22%,#60a5fa 58%,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.light .main-page .section-title .title-grad{background:linear-gradient(104deg,#64748b,#60a5fa 34%,#2563eb 72%,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.main-page .features-section .section-title{font-size:clamp(2.3rem,4.6vw,3.5rem);line-height:1.12}.main-page .section-title:has(+.section-subtitle){margin-bottom:1rem}.main-page .section-subtitle{max-width:680px;margin:0 auto 3rem;text-align:center;color:var(--text-secondary);font-size:1.02rem;line-height:1.7}.main-page .features-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:stretch;gap:1.25rem}.main-page .feature-card{position:relative;overflow:hidden;grid-column:span 2;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.75rem}.main-page .feature-card-wide{grid-column:span 4;justify-content:center}.main-page .feature-card .feature-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to right,rgba(37,99,235,.26) 0%,rgba(96,165,250,.14) 16%,rgba(147,197,253,.06) 38%,transparent 64%)}.main-page .feature-card-wide .feature-glow{background:linear-gradient(to right,rgba(37,99,235,.26) 0%,rgba(96,165,250,.13) 10%,rgba(147,197,253,.05) 24%,transparent 42%)}.light .main-page .feature-card .feature-glow{background:linear-gradient(to right,rgba(37,99,235,.15) 0%,rgba(59,130,246,.08) 16%,rgba(96,165,250,.035) 38%,transparent 64%)}.light .main-page .feature-card-wide .feature-glow{background:linear-gradient(to right,rgba(37,99,235,.15) 0%,rgba(59,130,246,.075) 10%,rgba(96,165,250,.03) 24%,transparent 42%)}.main-page .feature-card>*:not(.feature-glow){position:relative;z-index:1}.main-page .feature-card .feature-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:.8rem;margin-bottom:1.1rem;background:var(--bg-hover);border:1px solid var(--border-color)}.main-page .feature-card-wide .feature-icon{width:52px;height:52px;border-radius:.95rem}.main-page .feature-card .feature-icon svg{color:var(--accent)}.main-page .feature-card h3{font-size:1.1rem;margin-bottom:.5rem}.main-page .feature-card-wide h3{font-size:1.5rem;margin-bottom:.7rem;letter-spacing:-.01em}.main-page .feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.main-page .feature-card-wide p{font-size:1rem;line-height:1.7;max-width:48ch}@media(max-width:1024px){.main-page .features-grid{grid-template-columns:repeat(4,1fr)}.main-page .feature-card-wide{grid-column:span 4}}@media(max-width:700px){.main-page .features-grid{grid-template-columns:1fr}.main-page .feature-card,.main-page .feature-card-wide{grid-column:1 / -1}.main-page .feature-card-wide h3{font-size:1.25rem}.main-page .section-subtitle{font-size:.95rem;margin-bottom:2rem}.main-page .features-section .section-title{font-size:clamp(1.8rem,7.5vw,2.2rem)}}.main-page .ai-section{background:var(--bg-secondary);overflow:hidden;padding:0 1.5rem;transition:padding .7s cubic-bezier(.65,0,.35,1)}.main-page .ai-section:has(.ai-stage.active){padding:2rem 1.5rem}.main-page .features-section{padding-bottom:2.5rem}.main-page .ai-section+.pricing-section{padding-top:2.5rem}.main-page .ai-stage{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2.5vw,2rem);min-height:190px;transition:min-height .7s cubic-bezier(.65,0,.35,1),gap .7s cubic-bezier(.65,0,.35,1)}.main-page .ai-stage.active{min-height:340px}.main-page .ai-sphere-btn{position:relative;flex-shrink:0;width:clamp(140px,15vw,180px);aspect-ratio:1;padding:0;border:none;background:none;border-radius:50%;cursor:pointer;transition:width .7s cubic-bezier(.65,0,.35,1),transform .5s cubic-bezier(.34,1.4,.64,1)}.main-page .ai-sphere-btn:hover{transform:scale(1.05)}.main-page .ai-stage.active .ai-sphere-btn{width:clamp(100px,11vw,130px);cursor:default}.main-page .ai-stage.active .ai-sphere-btn:hover{transform:none}.main-page .ai-bubble{position:relative;max-width:280px;text-align:left;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.1rem 1.35rem;color:var(--text-primary);font-family:inherit;font-size:1.05rem;font-weight:600;line-height:1.5;pointer-events:none;transition:max-width .5s cubic-bezier(.65,0,.35,1),opacity .35s ease,padding .5s ease}.main-page .ai-bubble:before{content:"";position:absolute;top:50%;left:-7px;width:14px;height:14px;transform:translateY(-50%) rotate(45deg);background:var(--bg-card);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.main-page .ai-stage.active .ai-bubble{max-width:0;padding-left:0;padding-right:0;opacity:0;overflow:hidden;pointer-events:none;border-width:0}.main-page .ai-stage.active .ai-bubble:before{display:none}.main-page .ai-sphere-btn .ai-sphere-glow{position:absolute;inset:14%;border-radius:50%;filter:blur(28px);background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.34),rgba(99,102,241,.18) 58%,transparent 74%);pointer-events:none}.main-page .ai-sphere-btn .ai-sphere{position:relative;display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none;-webkit-mask-image:radial-gradient(closest-side circle at 50% 50%,#000 0%,#000 80%,rgba(0,0,0,.45) 90%,transparent 96%);mask-image:radial-gradient(closest-side circle at 50% 50%,#000 0%,#000 80%,rgba(0,0,0,.45) 90%,transparent 96%)}.main-page .ai-form{display:flex;flex-direction:column;gap:.85rem;max-width:0;min-width:0;opacity:0;overflow:hidden;transform:translate(-16px);transition:max-width .7s cubic-bezier(.65,0,.35,1),transform .7s cubic-bezier(.65,0,.35,1),opacity .45s ease .1s}.main-page .ai-form>*{flex-shrink:0;width:min(820px,calc(100vw - 5rem))}.main-page .ai-stage.active .ai-form{max-width:min(820px,calc(100vw - 5rem));opacity:1;transform:translate(0)}.main-page .ai-chips{display:flex;flex-wrap:wrap;gap:.6rem}.main-page .ai-chip{flex:1 1 220px;text-align:left;background:transparent;border:1px solid var(--border-color);border-radius:.85rem;padding:.7rem .9rem;color:var(--text-secondary);font-family:inherit;font-size:.88rem;font-weight:500;line-height:1.45;cursor:pointer;transition:border-color .25s,color .25s}.main-page .ai-chip:hover{border-color:var(--accent);color:var(--text-primary)}.main-page .ai-panel{display:flex;flex-direction:column;gap:.85rem;width:100%;background:var(--bg-card);border:1.5px solid var(--accent);border-radius:1.1rem;padding:1.2rem}.main-page .ai-panel-actions{display:flex;justify-content:flex-start}.main-page .ai-input{width:100%;min-height:132px;resize:none;background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:1rem;font-weight:500;line-height:1.6}.main-page .ai-input::placeholder{color:var(--text-secondary)}.main-page .ai-submit{flex-shrink:0;border-radius:.85rem;white-space:nowrap}.main-page .ai-submit:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.main-page .ai-result{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:aiResultIn .5s cubic-bezier(.34,1.4,.64,1)}@keyframes aiResultIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.main-page .ai-result-card{display:flex;flex-direction:column;gap:1.25rem;width:min(820px,100%);background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem 1.75rem}.main-page .ai-result-card .ai-result-reason{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.65;text-align:left}.main-page .ai-result-card .ai-result-body{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}.main-page .ai-result-card .ai-result-body h3{font-size:1.15rem;white-space:nowrap}.main-page .ai-result-card .ai-result-price{font-size:1.35rem;font-weight:700;white-space:nowrap}.main-page .ai-result-card .ai-result-price span{font-size:.85rem;font-weight:400;color:var(--text-secondary)}.main-page .ai-result-card .ai-result-specs{list-style:none;display:flex;flex-wrap:nowrap;white-space:nowrap;gap:1.25rem;margin:0}.main-page .ai-result-card .ai-result-specs li{display:flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.9rem}.main-page .ai-result-card .ai-result-specs li svg{color:var(--accent);flex-shrink:0}.main-page .ai-result-card .ai-result-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-left:auto}.main-page .ai-help{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem 2rem;width:min(820px,100%);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem 1.75rem;text-align:left}.main-page .ai-help .ai-help-text h4{font-size:1.15rem;font-weight:700;margin-bottom:.35rem}.main-page .ai-help .ai-help-text p{color:var(--text-secondary);font-size:.92rem;line-height:1.55;max-width:460px}.main-page .ai-help .ai-help-btn{flex-shrink:0;text-decoration:none}.main-page .ai-result-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;color:var(--text-secondary);max-width:460px}.main-page .pricing-section{background:var(--bg-secondary)}.main-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.main-page .pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;text-align:center;transition:all .35s cubic-bezier(.25,.46,.45,.94);position:relative}.main-page .pricing-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-hover)}.main-page .pricing-card.popular{border-color:var(--accent);box-shadow:var(--shadow-hover)}.main-page .pricing-card .popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg-primary);padding:.2rem 1rem;border-radius:20px;font-size:.65rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.main-page .pricing-card h3{font-size:1.2rem;margin-bottom:.5rem}.main-page .pricing-card .price{font-size:2rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.3rem}.main-page .pricing-card .price .price-currency{font-size:.9rem;color:var(--text-secondary);font-weight:400}.main-page .pricing-card ul{list-style:none;text-align:left;margin:1.5rem 0}.main-page .pricing-card ul li{padding:.4rem 0;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.main-page .empty-plans{text-align:center;padding:3rem 1rem}.main-page .empty-plans .empty-icon{color:var(--text-secondary);margin-bottom:1rem}.main-page .empty-plans .empty-text{color:var(--text-secondary);font-size:1.1rem}.main-page .about-section{background:var(--bg-secondary)}.main-page .faq-list{display:flex;flex-direction:column;gap:.75rem;max-width:860px;margin:0 auto}.main-page .faq-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;transition:border-color .25s}.main-page .faq-card:hover,.main-page .faq-card.is-open{border-color:var(--accent)}.main-page .faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.35rem;background:none;border:none;text-align:left;font-family:inherit;font-size:1.02rem;font-weight:600;color:var(--text-primary);cursor:pointer}.main-page .faq-question .faq-icon{display:flex;flex-shrink:0;color:var(--text-secondary);transition:transform .35s cubic-bezier(.34,1.4,.64,1),color .25s}.main-page .faq-card.is-open .faq-question .faq-icon{transform:rotate(45deg);color:var(--text-primary)}.main-page .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.65,0,.35,1)}.main-page .faq-card.is-open .faq-answer{grid-template-rows:1fr}.main-page .faq-answer>p{overflow:hidden;color:var(--text-secondary);font-size:.95rem;line-height:1.7;padding:0 1.35rem;opacity:0;transition:opacity .3s ease,padding .4s cubic-bezier(.65,0,.35,1)}.main-page .faq-card.is-open .faq-answer>p{opacity:1;padding:0 1.35rem 1.3rem}.main-page .faq-note{margin-top:1.5rem;text-align:center;color:var(--text-secondary);font-size:.95rem}.main-page .about-content{max-width:800px;margin:0 auto;text-align:center}.main-page .about-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.main-page .about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.main-page .about-feature{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);padding:.6rem 1rem;border-radius:.75rem;font-size:.9rem;color:var(--text-secondary);border:1px solid var(--border-color)}.main-page .about-games{margin-top:2rem}.main-page .about-games .games-title{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.main-page .about-games .games-list{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.main-page .game-tag{display:inline-flex;align-items:center;padding:.3rem .8rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;font-size:.8rem;color:var(--text-secondary);transition:all .25s;cursor:default}.main-page .game-tag:hover{border-color:var(--accent);color:var(--text-primary)}.main-page .footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3.5rem 1.5rem 3rem}.main-page .footer .footer-top{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:2.5rem}.main-page .footer .footer-brand{display:flex;flex-direction:column}.main-page .footer .footer-brand .brand-name{display:block;font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.6rem}.main-page .footer .footer-brand .brand-tagline{color:var(--text-secondary);font-size:.9rem;line-height:1.6;max-width:320px;margin-bottom:1rem}.main-page .footer .footer-brand .footer-pay-methods{display:flex;align-items:center;gap:10px}.main-page .footer .footer-pay-logo.is-sbp{width:16px;height:auto}.main-page .footer .footer-pay-logo.is-mir{width:38px;height:auto}.light .main-page .footer .footer-pay-logo.is-mir{filter:brightness(.2)}.main-page .footer .footer-brand .brand-legal{display:flex;flex-direction:column;gap:2px;margin:auto 0 0;padding-top:1.25rem;color:var(--text-secondary);font-size:.88rem;line-height:1.5}.main-page .footer .footer-col{display:flex;flex-direction:column;gap:.7rem}.main-page .footer .footer-col h4{font-size:.98rem;font-weight:700;color:var(--text-primary);margin-bottom:.2rem}.main-page .footer .footer-col a,.main-page .footer .footer-col .footer-static{display:flex;align-items:center;gap:.45rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;line-height:1.4;cursor:pointer;transition:color .25s}.main-page .footer .footer-col .footer-static{cursor:default}.main-page .footer .footer-col a:hover{color:var(--text-primary)}@media(max-width:1024px){.main-page .hero-section .hero-shape-3{left:2%;opacity:.32}.main-page .hero-section .hero-shape-4{right:4%;opacity:.28}}@media(max-width:768px){.main-page .hero-section{min-height:100svh;padding:104px 1.25rem 3.5rem}.main-page .hero-section .hero-content h1{font-size:2.4rem;line-height:1.14;letter-spacing:-.025em;margin-bottom:1.1rem}.main-page .hero-section .hero-content h1 .hero-title-line{white-space:normal}.main-page .hero-section .hero-content p{font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:420px}.main-page .hero-section .hero-shape-1{height:150px;top:6%;right:-10%;opacity:.6}.main-page .hero-section .hero-shape-2{height:130px;bottom:7%;left:-12%;opacity:.55}.main-page .hero-section .hero-shape-3,.main-page .hero-section .hero-shape-4{display:none}.main-page .hero-section .hero-glow{width:260%;height:110%;filter:blur(60px)}.main-page .section{padding:3.5rem 1.25rem}.main-page .ai-section{padding:0 1.25rem}.main-page .features-section{padding-bottom:2rem}.main-page .ai-section+.pricing-section{padding-top:2rem}.main-page .section-title{font-size:1.9rem;margin-bottom:2rem}.main-page .feature-card,.main-page .pricing-card{flex:1 1 100%;min-width:0;max-width:100%;padding:1.5rem}.main-page .pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.main-page .ai-stage{flex-direction:column;gap:1.25rem;min-height:0}.main-page .ai-stage.active{gap:1.5rem}.main-page .ai-sphere-btn{width:min(180px,48vw)}.main-page .ai-stage.active .ai-sphere-btn{width:min(120px,34vw)}.main-page .ai-bubble{max-width:320px;text-align:center}.main-page .ai-bubble:before{top:-7px;left:50%;transform:translate(-50%) rotate(135deg)}.main-page .ai-form{width:100%;max-width:100%;max-height:0;transition:max-height .6s cubic-bezier(.65,0,.35,1),opacity .4s ease .1s}.main-page .ai-stage.active .ai-form{max-height:620px}.main-page .ai-chip{flex:1 1 100%}.main-page .ai-panel{width:100%;padding:1rem;gap:.75rem}.main-page .ai-input{min-height:100px}.main-page .ai-panel-actions{justify-content:stretch}.main-page .ai-submit{width:100%;justify-content:center}.main-page .ai-result-card{gap:1rem;padding:1.25rem}.main-page .ai-result-card .ai-result-body{flex-direction:column;align-items:center;text-align:center;gap:1rem}.main-page .ai-result-card .ai-result-body{justify-content:center;text-align:center;gap:.75rem}.main-page .ai-result-card .ai-result-specs{flex-wrap:wrap;justify-content:center;gap:.4rem 1rem}.main-page .ai-result-card .ai-result-actions{width:100%;margin-left:0;flex-direction:column}.main-page .ai-help{flex-direction:column;align-items:stretch;padding:1.35rem 1.25rem;gap:1rem}.main-page .ai-help .ai-help-btn{justify-content:center}.main-page .ai-result-card .ai-result-actions .btn{width:100%;justify-content:center}.main-page .faq-question{padding:1rem 1.1rem;font-size:.95rem}.main-page .faq-answer>p{font-size:.9rem;padding:0 1.1rem}.main-page .faq-card.is-open .faq-answer>p{padding:0 1.1rem 1.1rem}.main-page .about-content p{font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.main-page .about-features{grid-template-columns:1fr 1fr}.main-page .footer{padding:2.5rem 1.25rem}.main-page .footer .footer-top{grid-template-columns:1fr 1fr;gap:1.75rem}.main-page .footer .footer-brand{grid-column:1 / -1}}@media(max-width:480px){.main-page .footer .footer-top{grid-template-columns:1fr;gap:1.5rem}.main-page .hero-section{padding:92px 1rem 3rem}.main-page .hero-section .hero-content h1{font-size:2.05rem}.main-page .hero-section .hero-content p{font-size:.95rem;margin-bottom:1.75rem}.main-page .hero-section .hero-content .hero-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto;gap:.65rem}.main-page .hero-section .hero-content .hero-buttons .btn-lg{width:100%;justify-content:center;padding:.75rem 1.25rem;font-size:.9rem}.main-page .hero-section .hero-shape-1{height:120px;right:-14%;opacity:.5}.main-page .hero-section .hero-shape-2{height:105px;left:-16%;opacity:.45}.main-page .section{padding:3rem 1rem}.main-page .ai-section{padding:0 1rem}.main-page .features-section{padding-bottom:1.75rem}.main-page .ai-section+.pricing-section{padding-top:1.75rem}.main-page .section-title{font-size:1.7rem}.main-page .feature-card,.main-page .pricing-card{padding:1.35rem}.main-page .about-features{grid-template-columns:1fr}.main-page .ai-sphere-btn{width:min(160px,46vw)}.main-page .ai-bubble{font-size:.88rem;padding:.9rem 1.1rem}}.main-page .free-trial-band{padding:0 1.5rem 5rem}.main-page .free-trial-inner{display:flex;flex-direction:column;align-items:center;gap:16px;padding:56px 40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.5rem;text-align:center}.main-page .free-trial-inner h2{font-size:2.5rem;font-weight:700;line-height:48px;letter-spacing:-.03em;margin:0}.main-page .free-trial-accent{background:linear-gradient(100deg,#93c5fd,#60a5fa,#3b82f6 68%,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.light .main-page .free-trial-accent{background:linear-gradient(100deg,#60a5fa,#2563eb 44%,#1d4ed8);-webkit-background-clip:text;background-clip:text}.main-page .free-trial-inner p{max-width:672px;margin:0;color:var(--text-secondary);font-size:1.125rem;line-height:28px}.main-page .free-trial-cta{margin-top:16px}.main-page .trial-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto;background:#030712b8;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);animation:trialFadeIn .22s ease}.light .main-page .trial-overlay{background:#0f172a73}.main-page .trial-modal{position:relative;overflow:hidden;width:min(660px,100%);margin:auto;display:grid;gap:24px;padding:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.75rem;box-shadow:0 30px 90px #00000073;text-align:left;animation:trialModalIn .34s cubic-bezier(.34,1.4,.64,1)}.main-page .trial-modal .trial-modal-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 45% at 0% 0%,rgba(59,130,246,.22),transparent 72%),radial-gradient(ellipse 80% 55% at 100% 108%,rgba(37,99,235,.16),transparent 76%)}.light .main-page .trial-modal .trial-modal-glow{background:radial-gradient(ellipse 60% 45% at 0% 0%,rgba(59,130,246,.12),transparent 72%),radial-gradient(ellipse 80% 55% at 100% 108%,rgba(37,99,235,.09),transparent 76%)}.main-page .trial-modal>*:not(.trial-modal-glow):not(.trial-close){position:relative;z-index:1}.main-page .trial-modal .trial-close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:8px;line-height:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .25s}.main-page .trial-modal .trial-close:hover{color:var(--text-primary)}.main-page .trial-head{display:grid;gap:8px;padding-right:48px}.main-page .trial-head h3{font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;line-height:1.25;letter-spacing:-.025em;margin:0}.main-page .trial-head p{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.65}.main-page .trial-perks{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0;padding:0}.main-page .trial-perks li{display:grid;grid-template-columns:18px 1fr;align-items:start;gap:10px;color:var(--text-primary);font-size:.92rem;line-height:1.55}.main-page .trial-perks li svg{margin-top:.2rem;color:var(--brand)}.main-page .trial-foot{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.main-page .trial-note{flex:1 1 240px;margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.6}@keyframes trialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes trialModalIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.main-page .free-trial-band{padding:0 1rem 3rem}.main-page .free-trial-inner{padding:32px 24px;gap:16px}.main-page .free-trial-inner h2{font-size:2rem;line-height:40px}.main-page .free-trial-inner p{font-size:1rem;line-height:24px}.main-page .free-trial-cta{width:100%;max-width:300px;justify-content:center}.main-page .trial-overlay{padding:1rem}.main-page .trial-modal{gap:20px;padding:28px 20px 24px;border-radius:1.4rem}.main-page .trial-perks{grid-template-columns:1fr;gap:12px}.main-page .trial-foot .btn{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.main-page .trial-overlay,.main-page .trial-modal{animation:none}}.auth-page{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg-primary)}.auth-page .auth-aside{position:relative;overflow:hidden;display:flex;background:radial-gradient(ellipse 90% 70% at 20% 10%,rgba(59,130,246,.22),transparent 65%),linear-gradient(160deg,rgba(37,99,235,.16),rgba(99,102,241,.08) 55%,transparent);border-right:1px solid var(--border-color)}.auth-page .auth-aside .auth-aside-glow{position:absolute;left:-20%;bottom:-30%;width:120%;height:90%;pointer-events:none;filter:blur(90px);background:radial-gradient(ellipse 60% 70% at 40% 100%,rgba(37,99,235,.5),transparent 72%),radial-gradient(ellipse 50% 60% at 80% 90%,rgba(99,102,241,.35),transparent 74%)}.auth-page .auth-aside .auth-aside-shape{position:absolute;right:-14%;bottom:-12%;width:min(520px,78%);height:auto;opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 30px 60px rgba(37,99,235,.35))}.light .auth-page .auth-aside .auth-aside-shape{filter:saturate(1.35) brightness(.96) drop-shadow(0 24px 50px rgba(37,99,235,.22))}.auth-page .auth-aside .auth-aside-inner{position:relative;z-index:1;display:grid;align-content:start;width:100%;padding:2.5rem 3rem}.auth-page .auth-aside .auth-aside-body{align-self:start;margin-top:var(--auth-aside-offset, 8rem)}.auth-page .auth-brand{position:absolute;top:2.5rem;left:3rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);cursor:pointer}.auth-page .auth-aside-body h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;max-width:520px;margin-bottom:1rem}.auth-page .auth-aside-body p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;max-width:420px}.auth-page .auth-main{display:grid;place-items:center;padding:clamp(2rem,6vh,4rem) 1.5rem}.auth-page .auth-form-wrap{position:relative;width:100%;max-width:400px}.auth-page .back-btn{margin-bottom:1.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-family:inherit;padding:.3rem .5rem .3rem 0;transition:color .25s}.auth-page .back-btn:hover{color:var(--text-primary)}.auth-page .auth-heading{margin-bottom:1.75rem}.auth-page .auth-heading h1{font-size:1.85rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.4rem}.auth-page .auth-heading p{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.auth-page .auth-error{background:#ee22330d;border:1.5px solid rgba(238,34,51,.12);color:var(--danger);padding:.75rem 1rem;border-radius:.7rem;margin-bottom:1.25rem;font-size:.85rem}.auth-page .auth-success{background:#00cc770d;border:1.5px solid rgba(0,204,119,.12);color:var(--success);padding:.75rem 1rem;border-radius:.7rem;margin-bottom:1.25rem;font-size:.85rem}.auth-page .auth-social{margin-top:1.5rem}.auth-page .auth-divider{display:flex;align-items:center;gap:.85rem;color:var(--text-secondary);font-size:.8rem;margin-bottom:1rem}.auth-page .auth-divider:before,.auth-page .auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-page .vkid-widget{width:100%;min-height:44px}.auth-page .vkid-widget iframe,.auth-page .vkid-widget>div{max-width:100%}.auth-page .auth-social-error{margin-top:.6rem;color:var(--danger);font-size:.82rem;text-align:center}.auth-page .auth-switch{text-align:center;margin-top:1.5rem}.auth-page .auth-switch button{background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-family:inherit;cursor:pointer;padding:.3rem .5rem;border-radius:.5rem;transition:color .25s,background .25s}.auth-page .auth-switch button:hover{color:var(--text-primary);background:var(--bg-hover)}.auth-page .form-label{font-size:.82rem;font-weight:600;letter-spacing:0;text-transform:none;margin-bottom:.4rem}.auth-page .password-hint{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:.6rem}.auth-page .password-hint li{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.78rem;transition:color .25s}.auth-page .password-hint li .hint-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .25s,box-shadow .25s}.auth-page .password-hint li.is-ok{color:var(--success)}.auth-page .password-hint li.is-ok .hint-dot{background:var(--success);box-shadow:0 0 0 3px #00cc7726}.auth-page .password-wrapper{position:relative}.auth-page .password-wrapper .form-input{padding-left:2.8rem;padding-right:2.8rem}.auth-page .password-wrapper .input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.5;z-index:2}.auth-page .password-wrapper .toggle-password-btn{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;border-radius:.4rem;display:flex;align-items:center;justify-content:center;z-index:2;transition:color .25s,background .25s}.auth-page .password-wrapper .toggle-password-btn:hover{color:var(--text-primary);background:var(--bg-hover)}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-page .auth-aside{border-right:none;border-bottom:1px solid var(--border-color);min-height:210px}.auth-page .auth-aside .auth-aside-inner{grid-template-rows:auto 1fr;align-items:start;padding:1.5rem 1.5rem 1.75rem;gap:1.25rem}.auth-page .auth-brand{position:static}.auth-page .auth-aside .auth-aside-shape{width:240px;right:-8%;bottom:-18%;opacity:.6}.auth-page .auth-aside .auth-aside-body{align-self:start;margin-top:1.25rem}.auth-page .auth-aside-body h2{font-size:1.6rem;max-width:340px;margin-bottom:.5rem}.auth-page .auth-aside-body p{font-size:.92rem;max-width:320px}.auth-page .auth-main{padding:2rem 1.25rem 3rem}.auth-page .back-btn{position:static;margin-bottom:1.25rem}}@media(max-width:480px){.auth-page .auth-heading h1{font-size:1.5rem}.auth-page .auth-aside{min-height:170px}.auth-page .auth-aside-body h2{font-size:1.35rem}.auth-page .auth-aside-body p{font-size:.88rem}}.auth-consent{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:var(--text-secondary);font-size:.85rem;line-height:1.55;cursor:pointer}.auth-consent input{flex-shrink:0;width:18px;height:18px;margin-top:2px;accent-color:var(--brand);cursor:pointer}.auth-consent a{color:var(--brand);text-decoration:none}.auth-consent a:hover{text-decoration:underline}.auth-consent.is-optional{font-size:.82rem;opacity:.85}.smart-captcha-block{margin-bottom:16px}.smart-captcha-widget{display:flex;justify-content:center;min-height:8px}.smart-captcha-error{display:block;margin-top:8px;color:var(--danger);font-size:.82rem;text-align:center}.panel{--sidebar-w: 296px;--topbar-h: 68px;--topbar-offset: 68px;min-height:100vh;min-height:100svh;background:var(--bg-primary);color:var(--text-primary)}.panel .panel-announce{position:fixed;top:0;left:0;right:0;z-index:1001;display:flex;align-items:center;justify-content:center;gap:.75rem;height:44px;padding:0 1rem;background:var(--brand);color:var(--brand-contrast);font-size:.85rem;font-weight:500}.panel .panel-announce span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .panel-announce-close{background:none;border:none;color:inherit;cursor:pointer;opacity:.7;transition:opacity .25s}.panel .panel-announce-close:hover{opacity:1}.panel.has-announce{--topbar-offset: 112px}.panel.has-announce .panel-topbar{top:44px}.panel .panel-topbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;height:var(--topbar-h);padding:0 1.75rem;background:var(--bg-primary)}.panel .panel-logo{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;cursor:pointer}.panel .panel-logo{justify-self:start}.panel .panel-topnav{display:flex;align-items:center;justify-self:center;gap:2rem}.panel .panel-topnav a{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:color .25s}.panel .panel-topnav a:hover{color:var(--text-primary)}.panel .panel-pill{display:inline-flex;align-items:center;gap:.45rem;height:40px;padding:0 .85rem;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s}.panel .panel-pill:hover{color:var(--text-primary);border-color:var(--accent)}.panel .panel-user-pill{max-width:200px;color:var(--text-primary)}.panel .panel-user-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .panel-body{padding-top:var(--topbar-offset);padding-left:var(--sidebar-w)}.panel .panel-sidebar{position:fixed;top:var(--topbar-offset);left:0;width:var(--sidebar-w);height:calc(100svh - var(--topbar-offset));display:flex;flex-direction:column;padding:.5rem 1rem 1.5rem;background:var(--bg-primary);overflow-y:auto}.panel .panel-sidebar-top{display:flex;align-items:center;justify-content:flex-end;min-height:0}.panel .panel-nav-group{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.5rem}.panel .panel-nav-group-title{padding:0 .9rem .65rem;color:var(--brand);font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.panel .panel-icon-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;transition:color .25s,border-color .25s}.panel .panel-icon-btn:hover{color:var(--text-primary);border-color:var(--accent)}.panel .panel-drawer-close{display:none}.panel .panel-nav{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto}.panel .panel-nav-item{display:flex;align-items:center;gap:.8rem;padding:.8rem .9rem;border:none;border-radius:.85rem;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}.panel .panel-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.panel .panel-nav-item.is-active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.panel .panel-nav-icon{flex-shrink:0}.panel .panel-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:-.35rem;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.72rem;font-weight:700;line-height:1}.panel .panel-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:999px;background:var(--bg-active);font-size:.85rem;font-weight:700}.panel .panel-user-text{display:flex;flex-direction:column;min-width:0}.panel .panel-user-text strong{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .panel-user-text small{font-size:.74rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .panel-logout:hover{color:var(--danger)}.panel .panel-topbar-actions{display:flex;align-items:center;justify-self:end;gap:.5rem}.panel .panel-burger{display:none}.panel .panel-content{min-width:0;padding:1.75rem}.panel .panel-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1.25rem}.panel .panel-head-text h2{font-size:1.95rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:.5rem}.panel .panel-head-text p{color:var(--text-secondary);font-size:1.02rem;line-height:1.55}.panel .panel-head-actions{display:flex;align-items:center;gap:.5rem}.panel .panel-head-text h2 .panel-status{margin-left:.75rem;font-size:.76rem;font-weight:600;letter-spacing:0;vertical-align:middle}.panel .panel-notifications{display:flex;flex-direction:column;gap:.85rem}.panel .panel-notification{position:relative;display:flex;align-items:flex-start;gap:1.1rem;padding:1.35rem 1.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.15rem;transition:border-color .25s,transform .25s}.panel .panel-notification:hover{border-color:var(--accent);transform:translateY(-2px)}.panel .panel-notification-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}.panel .panel-notification.is-warning .panel-notification-icon{color:var(--warning)}.panel .panel-notification-body{min-width:0}.panel .panel-notification-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin-bottom:.35rem}.panel .panel-notification-head strong{font-size:1.02rem;font-weight:700}.panel .panel-notification-head small{color:var(--text-secondary);font-size:.78rem}.panel .panel-notification-body p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.panel .panel-notification.is-unread .panel-notification-head strong:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.5rem;border-radius:50%;background:var(--brand);vertical-align:middle}.panel .panel-notification.is-announcement .panel-notification-icon,.panel .panel-notification.is-pinned .panel-notification-icon{color:var(--text-primary)}.panel .panel-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-left:.6rem;padding:0 .45rem;border-radius:999px;background:var(--bg-active);color:var(--text-primary);font-size:.78rem;font-weight:700;vertical-align:middle}.panel .panel-finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.panel .panel-finance-stat{display:flex;flex-direction:column;gap:.4rem;padding:1.75rem}.panel .panel-finance-stat strong{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.panel .panel-filters{display:flex;gap:.35rem;padding:.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px}.panel .panel-filter{padding:.4rem .9rem;background:transparent;border:none;border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .25s,color .25s}.panel .panel-filter:hover{color:var(--text-primary)}.panel .panel-filter.is-active{background:var(--bg-active);color:var(--text-primary)}.panel .panel-operations{list-style:none;display:flex;flex-direction:column}.panel .panel-operations li{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border-light)}.panel .panel-operations li:last-child{border-bottom:none}.panel .panel-operation-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:999px;background:var(--bg-active);color:var(--text-primary)}.panel .panel-operation-icon.is-income{color:var(--success)}.panel .panel-operation-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.panel .panel-operation-text strong{font-size:.95rem}.panel .panel-operation-text small{color:var(--text-secondary);font-size:.8rem}.panel .panel-amount{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;font-size:1rem;font-weight:700;white-space:nowrap}.panel .panel-amount.is-income{color:var(--success)}.panel .panel-amount.is-expense{color:var(--text-primary)}.panel .panel-balance-card{display:flex;flex-direction:column;gap:.35rem;padding:1.35rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;width:fit-content;min-width:240px}.panel .panel-topup-grid{display:grid;grid-template-columns:minmax(260px,35%) 1fr;align-items:start;gap:1rem}@media(max-width:1150px){.panel .panel-topup-grid{grid-template-columns:1fr}}.panel .panel-balance-block{display:flex;flex-direction:column;gap:.4rem;padding:1.75rem}.panel .panel-balance-caption{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-secondary);font-size:.95rem}.panel .panel-balance-caption svg{flex-shrink:0}.panel .panel-balance-sum{font-size:2.4rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.panel .panel-topup-list{list-style:none;display:flex;flex-direction:column}.panel .panel-topup-list li{display:flex;align-items:center;gap:.6rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.92rem}.panel .panel-topup-list li:last-child{border-bottom:none}.panel .panel-topup-list li svg{color:var(--success);flex-shrink:0}.panel .panel-history-sum{color:var(--text-primary);font-weight:600}.panel .panel-topup-list li small{margin-left:auto;font-size:.85rem}.panel .panel-topup{display:flex;flex-direction:column;gap:24px;padding:24px}.panel .panel-topup-section{display:flex;flex-direction:column;gap:16px}.panel .panel-amount-block{display:flex;flex-direction:column;gap:8px}.panel .panel-field-caption{font-size:.98rem;font-weight:600;color:var(--text-primary)}.panel .panel-field-amount{max-width:300px}.panel .panel-field-amount input{height:50px;font-size:1rem}.panel .panel-field-amount small{color:var(--text-secondary);font-size:.85rem}.panel .panel-field-amount small.is-error{color:var(--danger)}.panel .panel-methods{display:flex;flex-wrap:wrap;gap:.6rem}.panel .panel-method{display:inline-flex;align-items:center;gap:.55rem;height:48px;padding:0 1.3rem;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s}.panel .panel-method:hover{color:var(--text-primary);border-color:var(--brand)}.panel .panel-method.is-active{color:var(--text-primary);border-color:var(--brand);background:var(--brand-soft)}.panel .panel-method-logo.is-sbp{width:16px;height:auto;display:block}.panel .panel-method-logo.is-mir{width:42px;height:auto;display:block}.panel .panel-topup-footer{display:flex;flex-direction:column;gap:.85rem}.panel .panel-pay-btn{width:100%;height:52px;font-size:1rem}.panel .panel-pay-logo.is-sbp{width:18px;height:auto;display:block}.panel .panel-pay-logo.is-mir{width:46px;height:auto;display:block;filter:brightness(0)}.light .panel .panel-pay-logo.is-mir{filter:brightness(0) invert(1)}.panel .panel-pay-note{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem}.panel .panel-pay-note-logo.is-sbp{width:14px;height:auto;display:block}.panel .panel-pay-note-logo.is-mir{width:34px;height:auto;display:block}.panel .panel-balance-label{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem}.panel .panel-balance-value{font-size:1.9rem;font-weight:700}.panel .panel-form{max-width:620px}.panel .panel-form-body{display:flex;flex-direction:column;gap:1rem;padding:1.35rem 1.5rem 1.5rem}.panel .panel-presets{display:flex;flex-wrap:wrap;gap:.6rem}.panel .panel-preset{display:inline-flex;align-items:center;gap:.55rem;height:48px;padding:0 1.3rem;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s,background .25s}.panel .panel-preset:hover{color:var(--text-primary);border-color:var(--accent)}.panel .panel-preset.is-active{color:var(--text-primary);border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.panel .panel-preset svg{flex-shrink:0}.panel .panel-plan-btn{width:100%;height:46px;font-size:.95rem}.panel .panel-field{display:flex;flex-direction:column;gap:.4rem}.panel .panel-field>span{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.panel .panel-field input,.panel .panel-field textarea,.panel .panel-field select{width:100%;padding:.8rem 1rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:.8rem;color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;transition:border-color .25s}.panel .panel-field select{height:50px;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.5rem}.panel .panel-field input:focus,.panel .panel-field textarea:focus,.panel .panel-field select:focus{outline:none;border-color:var(--accent)}.panel .panel-field-row{display:grid;grid-template-columns:1fr 220px;gap:1rem}.panel .panel-field.is-disabled>span{color:var(--text-muted)}.panel .panel-field select:disabled{opacity:.5;color:var(--text-secondary);cursor:not-allowed}@media(max-width:700px){.panel .panel-field-row{grid-template-columns:1fr}}.panel .panel-field-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;color:var(--text-secondary);font-size:.82rem}.panel .panel-field-hint{display:inline-flex;align-items:center;gap:.35rem}.panel .panel-field-hint svg{flex-shrink:0}.panel .panel-form .btn{align-self:flex-start}.panel .panel-notice{padding:.75rem 1rem;border-radius:.8rem;font-size:.87rem}.panel .panel-notice.is-error{background:#ee22330f;border:1px solid rgba(238,34,51,.2);color:var(--danger)}.panel .panel-notice.is-success{background:#00cc770f;border:1px solid rgba(0,204,119,.2);color:var(--success)}.panel .panel-page{display:flex;flex-direction:column;gap:1.25rem;max-width:1180px}.panel .panel-section-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}.panel .panel-section-head h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.3rem}.panel .panel-section-head p{color:var(--text-secondary);font-size:.92rem}.panel .panel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden}.panel .panel-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-color)}.panel .panel-card-head h3{font-size:1rem;font-weight:700}.panel .panel-link{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:.85rem;cursor:pointer;transition:color .25s}.panel .panel-link:hover{color:var(--text-primary)}.panel .panel-alert{padding:.8rem 1rem;border:1px solid rgba(238,34,51,.2);border-radius:.8rem;background:#ee22330f;color:var(--danger);font-size:.88rem}.panel .panel-hero h2{font-size:1.95rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:.5rem;background:linear-gradient(100deg,#fff,#dbeafe 28%,#60a5fa 62%,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.light .panel .panel-hero h2{background:linear-gradient(100deg,#111,#3b82f6 55%,#2563eb);-webkit-background-clip:text;background-clip:text}.panel .panel-hero p{color:var(--text-secondary);font-size:1.02rem;line-height:1.55}.panel .panel-block{display:flex;flex-direction:column;gap:.85rem}.panel .panel-block-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.panel .panel-block-head h3{font-size:1.35rem;font-weight:700;letter-spacing:-.025em}.panel .panel-block-actions{display:flex;align-items:center;gap:.5rem}.panel .panel-block-head.is-compact{margin-top:-.35rem}.panel .panel-ghost-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s}.panel .panel-ghost-btn:hover{color:var(--text-primary);border-color:var(--accent)}.panel .panel-servers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media(max-width:1200px){.panel .panel-servers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.panel .panel-servers{grid-template-columns:minmax(0,1fr)}}.panel .panel-server{display:flex;flex-direction:column;gap:1rem;padding:1.35rem 1.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.15rem;transition:border-color .25s,transform .25s}.panel .panel-server:hover{border-color:var(--accent);transform:translateY(-2px)}.panel .panel-server-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.panel .panel-server-title{min-width:0}.panel .panel-server-title h4{font-size:1.05rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .panel-copy-btn{display:inline-flex;align-items:center;gap:.3rem;margin-top:.35rem;padding:.2rem .5rem;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s}.panel .panel-copy-btn:hover{color:var(--text-primary);border-color:var(--accent)}.panel .panel-copy-btn.is-copied{color:var(--success);border-color:var(--success)}.panel .panel-status{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;height:26px;padding:0 .7rem;background:var(--bg-active);border:1px solid transparent;border-radius:999px;font-size:.76rem;font-weight:600;color:var(--text-secondary)}.panel .panel-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.panel .panel-status.is-online{color:var(--success)}.panel .panel-status.is-pending,.panel .panel-status.is-warning{color:var(--warning)}.panel .panel-server-specs{list-style:none;display:flex;flex-direction:column;gap:.45rem}.panel .panel-server-specs li{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem}.panel .panel-server-specs li svg{color:var(--accent);flex-shrink:0}.panel .panel-server-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:.5rem;padding-top:.9rem;margin-top:auto;border-top:1px solid var(--border-color)}.panel .panel-server-power{display:flex;flex-wrap:wrap;gap:.45rem}.panel .panel-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;height:40px;padding:0 .9rem;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .25s,border-color .25s,opacity .25s}.panel .panel-action-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent)}.panel .panel-action-btn.is-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.panel .panel-action-btn.is-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);color:var(--brand-contrast);opacity:1}.panel .panel-action-btn.is-stop:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.panel .panel-action-btn.is-danger{color:var(--danger);border-color:#e236}.panel .panel-action-btn.is-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.panel .panel-action-btn:disabled{opacity:.35;cursor:not-allowed}.panel .panel-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem}.panel .panel-quick-card{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;text-align:left;font-family:inherit;color:var(--text-primary);cursor:pointer;transition:border-color .25s,transform .25s}.panel .panel-quick-card:hover{border-color:var(--accent);transform:translateY(-2px)}.panel .panel-quick-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}.panel .panel-quick-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.panel .panel-quick-text strong{font-size:.95rem}.panel .panel-quick-text small{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.panel .panel-quick-arrow{margin-left:auto;color:var(--text-secondary);flex-shrink:0}.panel .panel-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.panel .panel-search{display:flex;align-items:center;gap:.5rem;flex:1 1 260px;max-width:380px;padding:.55rem .9rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary)}.panel .panel-search:focus-within{border-color:var(--accent)}.panel .panel-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text-primary);font-family:inherit;font-size:.9rem}.panel .panel-toolbar-actions{display:flex;align-items:center;gap:.6rem}.panel .panel-count{color:var(--text-secondary);font-size:.85rem}.panel .panel-table-wrap{overflow-x:auto}.panel .panel-table{width:100%;border-collapse:collapse}.panel .panel-table th{padding:.75rem 1.25rem;text-align:left;font-size:.76rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.panel .panel-table td{padding:.9rem 1.25rem;font-size:.88rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.panel .panel-table tbody tr:last-child td{border-bottom:none}.panel .panel-table .clickable-row{cursor:pointer;transition:background .2s}.panel .panel-table .clickable-row:hover{background:var(--bg-hover)}.panel .panel-table .row-actions{display:inline-flex;gap:.35rem}.panel .dashboard-owner-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary)}.panel .panel-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.panel .panel-plan{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 1.35rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem}.panel .panel-plan.is-popular{border-color:var(--brand)}.panel .panel-plan-badge{position:absolute;top:-10px;left:1.35rem;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .7rem;border-radius:999px;background:var(--brand);color:var(--brand-contrast);font-size:.68rem;font-weight:700}.panel .panel-plan h3{font-size:1.05rem;font-weight:700}.panel .panel-plan-price{font-size:1.6rem;font-weight:700}.panel .panel-plan-price span{font-size:.8rem;font-weight:400;color:var(--text-secondary)}.panel .panel-plan-specs{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin:.5rem 0 1rem;flex:1}.panel .panel-plan-specs li{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.86rem}.panel .panel-plan-specs li svg{flex-shrink:0;color:var(--accent)}.panel .panel-rows{list-style:none;display:flex;flex-direction:column}.panel .panel-rows{padding:.6rem 0}.panel .panel-rows li{display:flex;align-items:center;gap:.9rem;padding:.75rem 1.5rem}.panel .panel-row-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:999px;background:var(--bg-active);color:var(--text-primary)}.panel .panel-row-label{color:var(--text-secondary);font-size:.9rem;min-width:140px}.panel .panel-row-value{color:var(--text-primary);font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .panel-row-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.panel .panel-row-main strong{font-size:.95rem}.panel .panel-row-main small{color:var(--text-secondary);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .panel-row-main small.is-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.panel .panel-row-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.panel .panel-rows li .panel-copy-btn{margin:0}.panel .panel-row-link{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;padding:.2rem .25rem;color:var(--text-secondary);font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:color .25s}.panel .panel-row-link:hover{color:var(--text-primary)}.panel .panel-row-danger{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;margin-left:auto;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;transition:color .25s,border-color .25s}.panel .panel-row-danger:hover{color:var(--danger);border-color:var(--danger)}.panel .panel-settings-form{max-width:640px}.panel .panel-settings-form .panel-action-btn{width:auto;align-self:flex-start;padding:0 1.4rem}.panel .panel-settings-text{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.panel .panel-field-wrap{position:relative}.panel .panel-field-eye{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);display:flex;padding:.3rem;background:none;border:none;border-radius:.4rem;color:var(--text-secondary);cursor:pointer;transition:color .25s}.panel .panel-field-eye:hover{color:var(--text-primary)}.panel .panel-secret{display:flex;flex-direction:column;gap:.6rem;padding:1.35rem 1.5rem;background:var(--bg-card);border:1.5px dashed var(--border-color);border-radius:1rem}.panel .panel-secret-value{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:.7rem;color:var(--text-primary);cursor:pointer;transition:border-color .25s,color .25s}.panel .panel-secret-value code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;word-break:break-all;text-align:left}.panel .panel-secret-value:hover{border-color:var(--accent)}.panel .panel-secret-value.is-copied{color:var(--success);border-color:var(--success)}.panel .panel-tabs{display:flex;flex-wrap:wrap;gap:.4rem;padding:.35rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;width:fit-content;max-width:100%}.panel .panel-tab{display:flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.87rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}.panel .panel-tab:hover{color:var(--text-primary)}.panel .panel-tab.is-active{background:var(--bg-active);color:var(--text-primary);font-weight:600}.panel .panel-tab-body{display:flex;flex-direction:column;gap:1rem}.panel .panel-ticket-done{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1.75rem;text-align:center}.panel .panel-ticket-done-icon{display:flex;color:var(--success);margin-bottom:.35rem}.panel .panel-ticket-code{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.35rem;background:var(--bg-input);border:1.5px dashed var(--border-color);border-radius:.85rem;color:var(--text-primary);font-family:inherit;font-size:1.35rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:border-color .25s,color .25s}.panel .panel-ticket-code:hover{border-color:var(--accent)}.panel .panel-ticket-code.is-copied{color:var(--success);border-color:var(--success)}.panel .panel-ticket-done-text{color:var(--text-secondary);font-size:.92rem;line-height:1.6;max-width:420px}.panel .panel-ticket-done-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.75rem}.panel .panel-ticket-done-actions .panel-action-btn{width:auto;padding:0 1.4rem}.panel .panel-tickets{display:flex;flex-direction:column;gap:.85rem}.panel .panel-ticket{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem 1.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.15rem;transition:border-color .25s,transform .25s}.panel .panel-ticket:hover{border-color:var(--accent);transform:translateY(-2px)}.panel .panel-ticket-main{display:flex;flex-direction:column;gap:.3rem;min-width:0}.panel .panel-ticket-title{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.panel .panel-ticket-main h4{font-size:1.02rem;font-weight:700}.panel .panel-ticket-meta{color:var(--text-secondary);font-size:.85rem}.panel .panel-ticket.is-clickable{cursor:pointer}.panel .panel-ticket.is-closed{opacity:.62}.panel .panel-ticket.is-closed:hover{opacity:1}.panel .panel-back-btn{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;padding:.3rem .5rem .3rem 0;background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:.88rem;cursor:pointer;transition:color .25s}.panel .panel-back-btn:hover{color:var(--text-primary)}.panel .panel-ticket-meta-card{display:flex;align-items:center;flex-wrap:wrap;gap:.85rem 1.5rem;padding:1.1rem 1.4rem}.panel .panel-ticket-meta-card .panel-copy-btn{margin-top:0;font-size:.8rem;letter-spacing:.05em}.panel .panel-ticket-meta-item{color:var(--text-secondary);font-size:.88rem}.panel .panel-ticket-meta-item strong{color:var(--text-primary);font-weight:600}.panel .panel-thread{display:flex;flex-direction:column;gap:.85rem}.panel .panel-message{display:flex;align-items:flex-start;gap:.85rem;padding:1.25rem 1.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.15rem}.panel .panel-message.is-support{margin-left:clamp(0px,6%,64px);border-color:var(--border-light);background:var(--bg-hover)}.panel .panel-message-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:999px;background:var(--bg-active);color:var(--text-primary)}.panel .panel-message-body{min-width:0}.panel .panel-message-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.3rem}.panel .panel-message-head strong{font-size:.95rem}.panel .panel-message-head small{color:var(--text-secondary);font-size:.78rem}.panel .panel-message-body p{color:var(--text-secondary);font-size:.94rem;line-height:1.6;white-space:pre-wrap}.panel .panel-modal-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0000008c;animation:panelFadeIn .2s ease}.panel .panel-modal{width:min(440px,100%);padding:1.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:0 24px 70px #00000059;animation:panelModalIn .28s cubic-bezier(.34,1.4,.64,1)}.panel .panel-modal h3{font-size:1.2rem;font-weight:700;margin-bottom:.6rem}.panel .panel-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel .panel-modal-head h3{margin-bottom:0}.panel .panel-modal .panel-field{margin-top:1.1rem}.panel .panel-modal .panel-notice{margin-top:1rem}.panel .panel-modal p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.panel .panel-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.5rem}.panel .panel-modal-actions .panel-action-btn{width:auto;padding:0 1.2rem}@keyframes panelFadeIn{0%{opacity:0}to{opacity:1}}@keyframes panelModalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.panel .panel-reply{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.panel .panel-reply .panel-action-btn{width:auto;align-self:flex-start;padding:0 1.4rem}.panel a.panel-quick-card{text-decoration:none}.panel .panel-block-actions .panel-action-btn{width:auto;padding:0 1.2rem}.panel .panel-empty.is-tall{min-height:400px}.panel .panel-empty small{max-width:440px;font-size:.98rem;line-height:1.6;opacity:.85}.panel .panel-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:2.5rem 1rem;color:var(--text-secondary);font-size:.9rem}.panel .panel-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.panel .panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;gap:16px;padding:48px 24px;color:var(--text-secondary);text-align:center}.panel .panel-empty p{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.panel .panel-empty svg{opacity:.5}.panel .panel-empty-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.panel .panel-empty .panel-empty-btn{width:auto;min-width:208px;height:40px;margin-top:8px;padding:0 24px;font-size:.9rem}.panel .panel-empty .panel-action-btn svg{opacity:1}.panel .panel-overlay{display:none}@media(max-width:1024px){.panel .panel-topnav{display:none}}@media(max-width:900px){.panel .panel-body{padding-left:0}.panel .panel-sidebar{position:fixed;top:0;left:0;z-index:60;height:100svh;width:min(284px,84vw);background:var(--bg-card);transform:translate(-104%);transition:transform .35s cubic-bezier(.65,0,.35,1)}.panel.is-drawer-open .panel-sidebar{transform:translate(0)}.panel .panel-drawer-close,.panel .panel-burger{display:flex}.panel .panel-overlay{display:block;position:fixed;inset:0;z-index:50;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease}.panel.is-drawer-open .panel-overlay{opacity:1;pointer-events:auto}.panel{--topbar-h: 62px;--topbar-offset: 62px}.panel .panel-topbar{gap:.75rem;padding:0 1rem}.panel .panel-sidebar{z-index:1100}.panel .panel-overlay{z-index:1050}.panel .panel-logo{margin-right:auto}.panel .panel-content{padding:1.25rem 1rem 2.5rem}}@media(max-width:480px){.panel .panel-page-title{font-size:1.15rem}.panel .panel-user-pill span{display:none}.panel .panel-tabs{width:100%;border-radius:1rem}.panel .panel-topup-grid{grid-template-columns:1fr}.panel .panel-tab{flex:1 1 auto;justify-content:center}.panel .panel-table th,.panel .panel-table td{padding:.7rem .85rem}}.panel .panel-amount-field{display:flex;align-items:center;gap:.5rem;max-width:320px;height:56px;padding:0 1.25rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:999px;transition:border-color .25s}.panel .panel-amount-field:focus-within{border-color:var(--brand)}.panel .panel-amount-field input{flex:1;min-width:0;background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:1.25rem;font-weight:700}.panel .panel-amount-field input:focus{outline:none}.panel .panel-amount-field input::-webkit-outer-spin-button,.panel .panel-amount-field input::-webkit-inner-spin-button{appearance:none;margin:0}.panel .panel-amount-currency{color:var(--text-secondary);font-size:1.1rem;font-weight:600}.panel .panel-amount-hint{display:block;color:var(--text-secondary);font-size:.85rem}.panel .panel-amount-hint.is-error{color:var(--danger)}.panel .panel-promo-row{display:flex;flex-wrap:wrap;gap:.6rem}.panel .panel-promo-field{display:flex;align-items:center;gap:.6rem;flex:1;min-width:200px;max-width:320px;height:48px;padding:0 1.1rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);transition:border-color .25s}.panel .panel-promo-field:focus-within{border-color:var(--brand)}.panel .panel-promo-field input{flex:1;min-width:0;background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}.panel .panel-promo-field input:focus{outline:none}.panel .panel-promo-btn{width:auto;height:48px;padding:0 1.5rem;border-radius:999px}.panel .panel-promo-applied{display:inline-flex;align-items:center;gap:.75rem;height:48px;padding:0 .6rem 0 1.1rem;border:1.5px solid var(--brand);border-radius:999px;background:var(--brand-soft)}.panel .panel-promo-code{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-primary);font-size:.95rem;font-weight:700;letter-spacing:.04em}.panel .panel-promo-bonus{color:var(--brand);font-size:.9rem;font-weight:600}.sphere-decor{position:fixed;right:-96px;bottom:-120px;z-index:0;height:auto;opacity:.85;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 32px 64px rgba(37,99,235,.35))}.light .sphere-decor{filter:saturate(1.35) brightness(.96) drop-shadow(0 24px 48px rgba(37,99,235,.22))}.sphere-decor.is-sm{width:320px}.sphere-decor.is-md{width:424px}.sphere-decor.is-lg{width:528px}.sphere-decor.is-left{right:auto;left:-96px}.panel .panel-page{position:relative}.panel .panel-page>*:not(.sphere-decor){position:relative;z-index:1}@media(max-width:1400px){.sphere-decor{right:-80px;bottom:-96px}.sphere-decor.is-left{left:-80px}.sphere-decor.is-sm{width:240px}.sphere-decor.is-md{width:320px}.sphere-decor.is-lg{width:424px}}@media(max-width:900px){.sphere-decor{display:none}}.panel .server-status{display:inline-flex;align-items:center;gap:.45rem;margin-left:.75rem;padding:.25rem .7rem;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.75rem;font-weight:600;vertical-align:middle;white-space:nowrap}.panel .server-status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-secondary)}.panel .server-status.is-online{color:var(--success);border-color:#00c87866}.panel .server-status.is-online .server-status-dot{background:var(--success);animation:serverPulse 1.8s ease-in-out infinite}.panel .server-status.is-pending{color:var(--warning);border-color:#e906}.panel .server-status.is-pending .server-status-dot{background:var(--warning)}.panel .server-status.is-warning{color:var(--warning);border-color:#e906}@keyframes serverPulse{0%,to{opacity:1}50%{opacity:.35}}.panel .server-bar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;padding:20px 24px}.panel .server-address{display:flex;flex-direction:column;gap:.4rem;min-width:0}.panel .server-address-value{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .85rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:.7rem;color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color .25s,color .25s}.panel .server-address-value code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem}.panel .server-address-value:hover{border-color:var(--brand)}.panel .server-address-value.is-copied{color:var(--success);border-color:#00c87873}.panel .server-power{display:flex;flex-wrap:wrap;gap:.6rem}.panel .server-power .panel-action-btn{width:auto;padding:0 1.1rem}.panel .server-tabs{display:flex;flex-wrap:wrap;gap:.4rem;padding-bottom:.25rem}.panel .server-tab{display:inline-flex;align-items:center;gap:.45rem;height:38px;padding:0 1rem;background:transparent;border:1.5px solid transparent;border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s,background .25s}.panel .server-tab:hover{color:var(--text-primary)}.panel .server-tab.is-active{background:var(--bg-active);border-color:var(--border-color);color:var(--text-primary)}.panel .server-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.panel .server-metric{display:flex;flex-direction:column;gap:6px;padding:20px}.panel .server-metric-icon{display:flex;align-items:center;color:var(--text-secondary)}.panel .server-metric-label{color:var(--text-secondary);font-size:.85rem}.panel .server-metric strong{font-size:1.45rem;font-weight:700;line-height:1.1}.panel .server-metric small{color:var(--text-secondary);font-size:.78rem}.panel .server-console-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.panel .server-console{height:420px;padding:18px 20px;overflow-y:auto;background:var(--bg-input);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.7}.panel .server-console-line{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.panel .server-console-line.is-command{color:var(--brand)}.panel .server-console-empty{color:var(--text-secondary);font-size:.85rem}.panel .server-console-form{display:flex;gap:.6rem;padding:14px 20px;border-top:1px solid var(--border-color)}.panel .server-console-form input{flex:1;min-width:0;height:40px;padding:0 .9rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:.7rem;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.panel .server-console-form input:focus{outline:none;border-color:var(--brand)}.panel .server-console-form input:disabled{opacity:.5}.panel .server-console-form .panel-action-btn{width:auto;padding:0 1.2rem}@media(max-width:700px){.panel .server-bar{flex-direction:column;align-items:stretch}.panel .server-power .panel-action-btn{flex:1}.panel .server-console{height:320px}}.panel .server-files{padding:0;overflow:hidden}.panel .server-files-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:18px 24px;border-bottom:1px solid var(--border-color)}.panel .server-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;min-width:0}.panel .server-crumbs button{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;background:transparent;border:none;border-radius:.6rem;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:color .25s,background .25s}.panel .server-crumbs button:hover{color:var(--text-primary);background:var(--bg-hover)}.panel .server-crumbs button.is-active{color:var(--text-primary)}.panel .server-crumb-sep{color:var(--text-muted);flex-shrink:0}.panel .server-files-actions{display:flex;flex-wrap:wrap;gap:.6rem}.panel .server-files-actions .panel-action-btn{width:auto;height:40px;padding:0 1.1rem}.panel .server-files-inline{display:flex;gap:.6rem;padding:14px 24px;border-bottom:1px solid var(--border-color)}.panel .server-files-inline input{flex:1;min-width:0;height:40px;padding:0 .9rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:.7rem;color:var(--text-primary);font-family:inherit;font-size:.9rem}.panel .server-files-inline input:focus{outline:none;border-color:var(--brand)}.panel .server-files-inline .panel-action-btn{width:auto;height:40px;padding:0 1.2rem}.panel .server-file-list{list-style:none;display:flex;flex-direction:column}.panel .server-file-list li{display:grid;grid-template-columns:32px minmax(0,1fr) 96px 168px 112px;align-items:center;gap:.75rem;padding:4px 24px 4px 16px;border-bottom:1px solid var(--border-color)}.panel .server-file-list li:last-child{border-bottom:none}.panel .server-file-list li:hover{background:var(--bg-hover)}.panel .server-file-list li.is-selected{background:var(--bg-active)}.panel .server-file-check{display:flex;align-items:center;justify-content:center;cursor:pointer}.panel .server-file-check input{width:15px;height:15px;accent-color:var(--brand);cursor:pointer}.panel .server-file-main{display:flex;align-items:center;gap:.7rem;min-width:0;padding:12px 0;background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:.92rem;text-align:left;cursor:pointer}.panel .server-file-main:disabled{cursor:default}.panel .server-file-icon{display:flex;align-items:center;color:var(--text-secondary)}.panel .server-file-icon.is-folder{color:var(--brand)}.panel .server-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel .server-file-size,.panel .server-file-date{color:var(--text-secondary);font-size:.82rem;white-space:nowrap;font-variant-numeric:tabular-nums}.panel .server-file-size{text-align:right}.panel .server-file-tools{display:inline-flex;gap:.35rem;justify-content:flex-end;opacity:0;transition:opacity .2s}.panel .server-file-list li:hover .server-file-tools,.panel .server-file-list li.is-selected .server-file-tools{opacity:1}.panel .server-file-tools .panel-icon-btn{width:32px;height:32px}@media(max-width:900px){.panel .server-file-list li{grid-template-columns:28px minmax(0,1fr) 112px;padding-right:16px}.panel .server-file-size,.panel .server-file-date{display:none}.panel .server-file-tools{opacity:1}}.panel .panel-action-btn.is-danger-fill{background:var(--danger);border-color:var(--danger);color:#fff}.panel .panel-action-btn.is-danger-fill:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff;opacity:.88}.panel .server-config-file{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.panel .server-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 1.25rem}.panel .server-config-switch{display:flex;align-items:center;gap:.6rem;padding:.55rem 0;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.panel .server-config-switch input{width:16px;height:16px;accent-color:var(--brand);cursor:pointer}.panel .server-config-grid select{height:42px;padding:0 .8rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:.7rem;color:var(--text-primary);font-family:inherit;font-size:.92rem;cursor:pointer}.panel .server-config-grid select:focus{outline:none;border-color:var(--brand)}.panel .server-net-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:20px 24px}.panel .server-net-preview strong{display:block;margin-top:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700}.panel .server-net-preview .panel-action-btn{width:auto;padding:0 1.2rem}.panel .server-core-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.panel .server-core{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:16px;background:transparent;border:1.5px solid var(--border-color);border-radius:.9rem;color:var(--text-primary);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .25s,background .25s}.panel .server-core:hover{border-color:var(--text-secondary)}.panel .server-core.is-active{border-color:var(--brand);background:var(--brand-soft)}.panel .server-core strong{font-size:.98rem}.panel .server-core small{color:var(--text-secondary);font-size:.8rem;line-height:1.45}.panel .server-core-current{position:absolute;top:12px;right:12px;padding:2px 8px;border-radius:999px;background:var(--bg-active);color:var(--text-secondary);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.panel .server-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:1100px){.panel .server-charts{grid-template-columns:minmax(0,1fr)}}.panel .server-chart{display:flex;flex-direction:column;gap:4px;padding:24px 24px 16px}.panel .server-chart-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel .server-chart-head h3{display:inline-flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700}.panel .server-chart-limit-label{color:var(--text-secondary);font-size:.78rem;white-space:nowrap}.panel .server-chart-value{font-size:1.6rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.panel .server-chart-body{width:calc(100% + 32px);min-width:0;margin:8px -16px 0;min-height:224px}.panel .server-chart-wait{display:flex;align-items:center;justify-content:center;height:224px;color:var(--text-secondary);font-size:.85rem}.panel .server-chart-tip{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.7rem;box-shadow:var(--shadow)}.panel .server-chart-tip span{color:var(--text-secondary);font-size:.72rem}.panel .server-chart-tip strong{font-size:.92rem;font-variant-numeric:tabular-nums}.panel .recharts-cartesian-grid line{opacity:.6}.panel .recharts-surface:focus{outline:none}.panel .recharts-cartesian-axis-tick-value{font-family:inherit;fill:var(--text-secondary)}.file-editor-page{max-width:100%;padding:0;background:transparent}.file-editor-page .editor-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;flex-wrap:wrap;gap:.5rem}.file-editor-page .editor-font{display:inline-flex;align-items:center;gap:.25rem}.file-editor-page .panel-icon-btn.is-active{color:var(--brand);border-color:var(--brand)}.file-editor-page .editor-header .header-left{display:flex;align-items:center;gap:.75rem}.file-editor-page .editor-header .header-left .header-title{font-weight:600;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.file-editor-page .editor-header .header-left .header-title .title-icon{color:var(--text-primary)}.file-editor-page .editor-header .header-left .tab-badge{font-size:.6rem}.file-editor-page .editor-header .header-right{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.file-editor-page .editor-header .header-right .font-size-display{font-size:.7rem;min-width:20px;text-align:center;color:var(--text-secondary)}.file-editor-page .editor-error{padding:.5rem 1rem;background:#ee22330d;border:1px solid rgba(238,34,51,.1);color:var(--danger);border-radius:.7rem}.file-editor-page .editor-error .error-text{color:var(--danger);font-size:.85rem}.file-editor-page .editor-empty{margin:1rem;text-align:center;padding:4rem 2rem;border-radius:1rem;background:var(--bg-card);border:1px solid var(--border-color)}.file-editor-page .editor-empty .empty-icon{color:var(--text-secondary);margin-bottom:1rem;opacity:.3}.file-editor-page .editor-empty .empty-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem}.file-editor-page .editor-empty .empty-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.file-editor-page .editor-empty .empty-btn{color:var(--bg-primary);background:var(--text-primary)}.file-editor-page .editor-empty .empty-btn:hover{background:var(--text-secondary);transform:translateY(-2px)}.file-editor-page .editor-tabs-wrapper{display:flex;overflow-x:auto;padding:0 1rem;margin:0 1rem;border-radius:8px 8px 0 0;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.file-editor-page .editor-tabs-wrapper .tab-item{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;cursor:pointer;min-width:fit-content;transition:all .25s;border-radius:4px 4px 0 0;border-bottom:2px solid transparent;color:var(--text-secondary)}.file-editor-page .editor-tabs-wrapper .tab-item:hover{color:var(--text-primary);background:var(--bg-hover)}.file-editor-page .editor-tabs-wrapper .tab-item.active{border-bottom-color:var(--text-primary);color:var(--text-primary);background:var(--bg-hover)}.file-editor-page .editor-tabs-wrapper .tab-item .tab-icon{font-size:14px;color:var(--text-secondary)}.file-editor-page .editor-tabs-wrapper .tab-item.active .tab-icon{color:var(--text-primary)}.file-editor-page .editor-tabs-wrapper .tab-item .tab-name{font-size:.8rem;white-space:nowrap}.file-editor-page .editor-tabs-wrapper .tab-item .tab-changed,.file-editor-page .editor-tabs-wrapper .tab-item .tab-saving{font-size:.6rem;color:var(--warning)}.file-editor-page .editor-tabs-wrapper .tab-item .tab-close{background:none;border:none;cursor:pointer;padding:.1rem .2rem;border-radius:4px;display:flex;align-items:center;color:var(--text-secondary);transition:all .2s}.file-editor-page .editor-tabs-wrapper .tab-item .tab-close:hover{color:var(--text-primary);background:var(--bg-hover)}.file-editor-page .editor-tabs-wrapper .add-tab-btn{margin:.2rem 0;padding:.2rem .6rem;font-size:.7rem}.file-editor-page .editor-container{margin:0 1rem;border-radius:0 0 1rem 1rem;overflow:hidden;border:1px solid var(--border-color);height:min(620px,calc(100svh - 320px));min-height:300px;background:var(--bg-primary)}.file-editor-page .editor-container .editor-loading-text{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);gap:.75rem}.file-editor-page .editor-status-bar{display:flex;justify-content:space-between;align-items:center;padding:.3rem 1.5rem;font-size:.7rem;border-top:1px solid var(--border-color);margin-top:.5rem;color:var(--text-secondary)}.file-editor-page .editor-status-bar .status-left{display:flex;gap:1rem;flex-wrap:wrap}.file-editor-page .editor-status-bar .status-left span{opacity:.7}.file-editor-page .editor-status-bar .status-right{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.file-editor-page .editor-status-bar .unsaved-indicator,.file-editor-page .editor-status-bar .saving-indicator{color:var(--warning)}.file-editor-page .editor-status-bar .saved-indicator{color:var(--success)}.file-editor-page .editor-status-bar .save-btn{padding:.1rem .6rem;font-size:.7rem}.file-editor-page .editor-status-bar .save-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.file-editor-page .editor-header{padding:.5rem 1rem;margin:.5rem}.file-editor-page .editor-tabs-wrapper{padding:0 .5rem;margin:0 .5rem}.file-editor-page .editor-container{margin:0 .5rem;height:min(520px,calc(100svh - 260px))}.file-editor-page .editor-status-bar{flex-direction:column;gap:.5rem;align-items:flex-start;padding:.3rem 1rem}.file-editor-page .editor-status-bar .status-left,.file-editor-page .editor-status-bar .status-right{width:100%}.file-editor-page .editor-empty{padding:2rem 1rem;margin:.5rem}}@media(max-width:480px){.file-editor-page .editor-header{padding:.4rem .75rem;margin:.3rem}.file-editor-page .editor-header .header-left .header-title{font-size:.85rem}.file-editor-page .editor-tabs-wrapper{padding:0 .3rem;margin:0 .3rem}.file-editor-page .editor-container{margin:0;height:min(420px,calc(100svh - 240px));min-height:200px}.file-editor-page .editor-status-bar{padding:.3rem .75rem;font-size:.65rem}.file-editor-page .editor-empty{padding:1.5rem}.file-editor-page .editor-empty .empty-icon{font-size:2.5rem}}.profile-page .profile-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color);margin-bottom:2rem;flex-wrap:wrap;gap:.75rem}.profile-page .profile-header .header-left{display:flex;align-items:center;gap:1rem}.profile-page .profile-header .header-left h1{font-size:1.5rem;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.profile-page .profile-header .header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.profile-page .profile-header .header-actions .user-email{color:var(--text-secondary);font-size:.85rem}.profile-page .profile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow);transition:all .35s cubic-bezier(.25,.46,.45,.94)}.profile-page .profile-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.profile-page .profile-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.profile-page .profile-card .card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.profile-page .profile-card .info-grid{display:grid;gap:.75rem}.profile-page .profile-card .info-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:.6rem;border:1px solid var(--border-color)}.profile-page .profile-card .info-item .info-icon{color:var(--text-secondary);opacity:.5}.profile-page .profile-card .info-item .info-label{font-weight:600}.profile-page .profile-card .form-actions{display:flex;gap:.5rem;margin-top:.75rem}.profile-page .profile-card .password-wrapper{position:relative}.profile-page .profile-card .password-wrapper .form-input{padding-right:2.8rem}.profile-page .profile-card .password-wrapper .toggle-password-btn{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.3rem;border-radius:.4rem;transition:all .25s;z-index:2;display:flex;align-items:center;justify-content:center}.profile-page .profile-card .password-wrapper .toggle-password-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.profile-page .profile-card .create-form{margin-bottom:1.5rem;padding:1.25rem;border-radius:.75rem;border:1px solid var(--border-color)}.profile-page .profile-card .create-form .form-actions{display:flex;gap:.5rem}.profile-page .profile-card .success-message{margin-top:1rem;padding:.6rem 1rem;background:#00cc770f;border:1.5px solid rgba(0,204,119,.15);border-radius:.6rem;color:var(--success);display:flex;align-items:center;gap:.5rem;font-weight:500}.profile-page .profile-card .empty-state{color:var(--text-secondary);text-align:center;padding:2.5rem 0;font-size:.9rem}.profile-page .profile-card .table-wrap{overflow-x:auto}.profile-page .profile-card .profile-table{width:100%;border-collapse:collapse}.profile-page .profile-card .profile-table th{text-align:left;padding:.6rem .75rem;color:var(--text-secondary);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1.5px solid var(--border-color);font-weight:700}.profile-page .profile-card .profile-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.profile-page .profile-card .profile-table tr:hover td{background:var(--bg-hover)}.profile-page .profile-card .profile-table .row-actions{display:flex;gap:.4rem;justify-content:flex-end}.profile-page .profile-card .profile-table .mono-text{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.profile-page .profile-card .profile-table .actions-right{text-align:right}.profile-page .profile-card .twofa-actions{display:flex;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.profile-page .profile-header{flex-direction:column;gap:.5rem;align-items:flex-start}.profile-page .profile-header .header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.profile-page .profile-card{padding:1.25rem}.profile-page .profile-card .info-grid{gap:.5rem}}@media(max-width:480px){.profile-page .profile-card{padding:1rem}.profile-page .profile-card .profile-table th,.profile-page .profile-card .profile-table td{padding:.4rem .5rem;font-size:.65rem}}.legal-page{min-height:100vh;min-height:100svh;background:var(--bg-primary);color:var(--text-primary)}.legal-page .legal-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;padding:0 24px;border-bottom:1px solid var(--border-color)}.legal-page .legal-back{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:color .25s,border-color .25s}.legal-page .legal-back:hover{color:var(--text-primary);border-color:var(--brand)}.legal-page .legal-brand{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;cursor:pointer}.legal-page .legal-topbar-actions{display:flex;align-items:center;gap:8px}.legal-page .legal-content{max-width:800px;margin:0 auto;padding:48px 24px 80px}.legal-page .legal-head{margin-bottom:32px}.legal-page .legal-head h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:8px}.legal-page .legal-head p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.legal-page .legal-version{display:inline-block;margin-top:16px;color:var(--text-secondary);font-size:.82rem}.legal-page .legal-index{list-style:none;display:grid;gap:8px}.legal-page .legal-index a{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-card);color:inherit;text-decoration:none;transition:border-color .25s,transform .25s}.legal-page .legal-index a:hover{border-color:var(--brand);transform:translateY(-2px)}.legal-page .legal-index-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:999px;background:var(--bg-active);color:var(--brand)}.legal-page .legal-index-text{display:flex;flex-direction:column;gap:2px;min-width:0}.legal-page .legal-index-text strong{font-size:.98rem}.legal-page .legal-index-text small{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.legal-page .legal-section{margin-bottom:32px}.legal-page .legal-section h2{font-size:1.12rem;font-weight:700;margin-bottom:12px}.legal-page .legal-section p{color:var(--text-secondary);font-size:.96rem;line-height:1.7;margin-bottom:12px}.legal-page .legal-list{margin:0 0 16px 20px;color:var(--text-secondary);font-size:.96rem;line-height:1.7}.legal-page .legal-list li{margin-bottom:8px}.legal-page .legal-note{padding:12px 16px;border-left:3px solid var(--brand);border-radius:0 12px 12px 0;background:var(--brand-soft);color:var(--text-primary)!important}.legal-page .legal-more{padding-top:24px;border-top:1px solid var(--border-color)}.legal-page .legal-more>span{display:block;margin-bottom:12px;color:var(--text-secondary);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.legal-page .legal-more-links{display:flex;flex-wrap:wrap;gap:8px}.legal-page .legal-more-links a{padding:8px 14px;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .25s,border-color .25s}.legal-page .legal-more-links a:hover{color:var(--text-primary);border-color:var(--brand)}.legal-page .legal-cta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:0 24px;height:40px;border-radius:999px;background:var(--brand);color:#fff;font-size:.9rem;font-weight:600;text-decoration:none}.legal-page .legal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:48px;padding-top:24px;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.82rem}.legal-page .legal-footer a{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none}.legal-page .legal-footer a:hover{color:var(--brand)}@media(max-width:700px){.legal-page .legal-content{padding:32px 16px 64px}.legal-page .legal-head h1{font-size:1.6rem}}.not-found-page{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);color:var(--text-primary)}.not-found-page .not-found-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 50% 118%,rgba(37,99,235,.22),transparent 76%)}.light .not-found-page .not-found-glow,.not-found-page.light .not-found-glow{background:radial-gradient(ellipse 90% 70% at 50% 118%,rgba(37,99,235,.1),transparent 72%)}.not-found-page .not-found-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:560px;text-align:center}.not-found-page .not-found-code{font-size:clamp(5rem,18vw,9rem);font-weight:700;line-height:1;letter-spacing:-.06em;background:linear-gradient(100deg,#93c5fd,#60a5fa,#3b82f6 68%,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.not-found-page.light .not-found-code{background:linear-gradient(100deg,#60a5fa,#2563eb 44%,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.not-found-page h1{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em}.not-found-page p{margin:0;max-width:440px;color:var(--text-secondary);font-size:1.05rem;line-height:28px}.not-found-page .not-found-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.not-found-page .not-found-actions .btn{text-decoration:none}.not-found-page .not-found-support{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .25s}.not-found-page .not-found-support:hover{color:var(--text-primary)}@media(max-width:768px){.not-found-page{padding:20px}.not-found-page p{font-size:1rem;line-height:24px}.not-found-page .not-found-actions{flex-direction:column;width:100%;max-width:300px}.not-found-page .not-found-actions .btn{width:100%;justify-content:center}}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1200;display:flex;align-items:center;gap:16px;width:fit-content;max-width:680px;margin:0 auto;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:999px;box-shadow:0 16px 48px #00000052;animation:cookieIn .3s ease-out}.light .cookie-banner{box-shadow:0 24px 64px #0000001f}@keyframes cookieIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cookie-banner-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}.cookie-banner-text{flex:1;min-width:0;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.cookie-banner-text a{color:var(--brand);text-decoration:none}.cookie-banner-text a:hover{text-decoration:underline}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.cookie-btn{height:48px;padding:0 28px;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:.95rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .25s,border-color .25s,background .25s}.cookie-btn:hover{color:var(--text-primary);border-color:var(--brand)}.cookie-btn.is-primary{background:var(--brand);border-color:var(--brand);color:#fff}.cookie-btn.is-primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}@media(max-width:760px){.cookie-banner{width:auto;flex-wrap:wrap;padding:16px;border-radius:20px}.cookie-banner-actions{width:100%}.cookie-btn{flex:1}}.panel .admin-badge{display:inline-flex;align-items:center;gap:.4rem;margin-left:.75rem;padding:.28rem .7rem;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.panel .admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.panel .admin-stat{display:flex;flex-direction:column;gap:8px;padding:20px}.panel .admin-stat.is-clickable{cursor:pointer;transition:border-color .25s}.panel .admin-stat.is-clickable:hover{border-color:var(--brand)}.panel .admin-stat-icon{display:flex;align-items:center;color:var(--text-secondary)}.panel .admin-stat-label{color:var(--text-secondary);font-size:.85rem}.panel .admin-stat-value{font-size:1.6rem;font-weight:700;line-height:1.1;color:var(--text-primary)}.panel .admin-security-note{display:flex;align-items:center;gap:.5rem}.panel .admin-table-wrap{overflow-x:auto}.panel .admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.panel .admin-table th{padding:14px 16px;color:var(--text-secondary);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color)}.panel .admin-table td{padding:14px 16px;color:var(--text-primary);vertical-align:middle;border-bottom:1px solid var(--border-color)}.panel .admin-table tbody tr:last-child td{border-bottom:none}.panel .admin-table tbody tr:hover td{background:var(--bg-hover)}.panel .admin-table tr.is-clickable{cursor:pointer}.panel .admin-table .is-mono,.panel .admin-cell-main small.is-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.panel .admin-table th.is-actions,.panel .admin-table td.is-actions{text-align:right;white-space:nowrap}.panel .admin-cell-main{display:flex;flex-direction:column;gap:2px;min-width:0}.panel .admin-cell-main strong{font-size:.92rem}.panel .admin-cell-main small{color:var(--text-secondary);font-size:.8rem}.panel .admin-cell-flags{display:inline-flex;flex-wrap:wrap;gap:6px}.panel .admin-row-actions{display:inline-flex;gap:6px;justify-content:flex-end}.panel .admin-row-actions .panel-icon-btn.is-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.panel .admin-tag{display:inline-flex;align-items:center;padding:3px 9px;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-size:.75rem;font-weight:600;white-space:nowrap}.panel .admin-tag.is-strong{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.panel .admin-tag.is-ok{color:var(--success, #22c55e);border-color:#22c55e73}.panel .admin-tag.is-danger{color:var(--danger);border-color:#ee223373}.panel .admin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel .admin-modal-head h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem}.panel .admin-checks{display:flex;flex-wrap:wrap;gap:1.25rem}.panel .admin-check{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.panel .admin-check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.panel .admin-chat{display:flex;flex-direction:column;gap:12px;padding:20px}.panel .admin-chat-message{display:flex;flex-direction:column;gap:6px;max-width:min(680px,100%);padding:12px 16px;border:1px solid var(--border-color);border-radius:14px}.panel .admin-chat-message.is-support{align-self:flex-end;background:var(--bg-active)}.panel .admin-chat-author{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.78rem;font-weight:600}.panel .admin-chat-author small{font-weight:400;opacity:.8}.panel .admin-chat-message p{color:var(--text-primary);font-size:.92rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.panel .admin-profile .panel-row-label{min-width:180px}.panel .panel-rows li.is-muted{opacity:.55}.panel .panel-row-main strong .admin-tag{margin-left:.5rem;vertical-align:middle}.panel .panel-row-side{margin-left:auto;color:var(--text-secondary);font-size:.8rem;white-space:nowrap}@media(max-width:700px){.panel .admin-badge{display:none}.panel .admin-table th,.panel .admin-table td{padding:12px}}@font-face{font-family:Comfortaa;src:url(/assets/Comfortaa-VariableFont_wght-BR6_P2NK.ttf) format("truetype");font-weight:100 900;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Comfortaa,cursive,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark{--bg-primary: #000000;--bg-secondary: #000000;--bg-card: #0a0a0a;--bg-input: #0a0a0a;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(255,255,255,.06);--text-primary: #ffffff;--text-secondary: #777777;--text-muted: #333333;--border-color: rgba(255,255,255,.06);--border-light: #1a1a1a;--accent: #ffffff;--accent-rgb: 255, 255, 255;--accent-hover: #aaaaaa;--brand: #3b82f6;--brand-hover: #2563eb;--brand-contrast: #ffffff;--brand-soft: rgba(59, 130, 246, .14);--success: #00ff88;--danger: #ff2244;--warning: #ffaa00;--shadow: 0 8px 32px rgba(0,0,0,.8);--shadow-hover: 0 12px 48px rgba(0,0,0,.9);--scrollbar-track: #000000;--scrollbar-thumb: #1a1a1a;--topbar-bg: rgba(0,0,0,.85);--topbar-border: rgba(255,255,255,.06)}.light{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-input: #f8f8f8;--bg-hover: rgba(0,0,0,.03);--bg-active: rgba(0,0,0,.05);--text-primary: #111111;--text-secondary: #666666;--text-muted: #dddddd;--border-color: rgba(0,0,0,.06);--border-light: #f0f0f0;--accent: #111111;--accent-rgb: 17, 17, 17;--accent-hover: #444444;--brand: #2563eb;--brand-hover: #1d4ed8;--brand-contrast: #ffffff;--brand-soft: rgba(37, 99, 235, .1);--success: #00cc77;--danger: #ee2233;--warning: #ee9900;--shadow: 0 8px 32px rgba(0,0,0,.04);--shadow-hover: 0 12px 48px rgba(0,0,0,.08);--scrollbar-track: #ffffff;--scrollbar-thumb: #dddddd;--topbar-bg: rgba(255,255,255,.92);--topbar-border: rgba(0,0,0,.06)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.app{max-width:1280px;margin:0 auto;padding:1.5rem;padding-top:88px}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem;width:100%}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.75rem;margin-bottom:1.5rem;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn{padding:.6rem 1.4rem;border:none;border-radius:.75rem;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:Comfortaa,cursive;letter-spacing:.01em}.btn-primary{background:var(--brand);color:var(--brand-contrast)}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #2563eb47}.light .btn-primary:hover{box-shadow:0 8px 30px #2563eb38}.btn-contrast{background:var(--accent);color:var(--bg-primary)}.btn-contrast:hover{background:var(--accent-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #ffffff29}.light .btn-contrast:hover{box-shadow:0 8px 30px #11111138}.btn-contrast:disabled{opacity:.45;cursor:not-allowed}.btn-contrast:disabled:hover{background:var(--accent);transform:none;box-shadow:none}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-active);transform:translateY(-2px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 6px 24px #e233}.btn-success{background:var(--success);color:#000}.btn-success:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 6px 24px #0c73}.btn-outline{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-outline:hover{background:var(--bg-hover);transform:translateY(-2px)}.btn-lg{padding:.8rem 2.2rem;font-size:1rem}.btn-sm{padding:.3rem .8rem;font-size:.7rem}.btn-block{width:100%;justify-content:center}.header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color);margin-bottom:2rem;flex-wrap:wrap;gap:.75rem}.header h1{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem;letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nav{display:flex;gap:.25rem;margin-bottom:2rem;flex-wrap:wrap;background:var(--bg-card);padding:.4rem;border-radius:.75rem;border:1px solid var(--border-color)}.nav button{padding:.5rem 1rem;border:none;border-radius:.6rem;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:all .25s}.nav button:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px)}.nav button.active{color:var(--text-primary);background:var(--bg-active)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem;letter-spacing:.05em;text-transform:uppercase}.form-input{width:100%;padding:.7rem 1rem;background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:.7rem;color:var(--text-primary);font-size:.9rem;font-family:Comfortaa,cursive;transition:all .3s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffffff0a}.light .form-input:focus{box-shadow:0 0 0 3px #0000000a}.form-input:disabled{opacity:.4;cursor:not-allowed}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.65rem .85rem;color:var(--text-secondary);font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;border-bottom:1.5px solid var(--border-color);font-weight:700}.table td{padding:.65rem .85rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.table tr:hover td{background:var(--bg-hover)}.badge{display:inline-block;padding:.1rem .55rem;border-radius:9999px;font-size:.55rem;font-weight:700;letter-spacing:.04em}.badge-success{background:var(--success);color:#000}.badge-danger{background:var(--danger);color:#fff}.badge-info{background:var(--accent);color:var(--bg-primary)}.badge-gray{background:var(--text-muted);color:var(--bg-primary)}.badge-warning{background:var(--warning);color:#000}.loading{display:flex;justify-content:center;align-items:center;padding:4rem;color:var(--text-secondary);gap:.75rem}.loading .spinner{width:1.75rem;height:1.75rem;border:2.5px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{background:#ee22330d;border:1.5px solid rgba(238,34,51,.12);color:var(--danger);padding:.75rem 1rem;border-radius:.7rem;margin-bottom:1.25rem;font-size:.85rem}.auth-success{background:#00cc770d;border:1.5px solid rgba(0,204,119,.12);color:var(--success);padding:.75rem 1rem;border-radius:.7rem;margin-bottom:1.25rem;font-size:.85rem}.theme-btn,.lang-btn{background:transparent;border:1.5px solid var(--border-color);border-radius:999px;padding:.3rem .65rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;line-height:1;transition:all .25s}.theme-btn{padding:.4rem;aspect-ratio:1;justify-content:center}.lang-btn .lang-code{font-size:.85rem;font-weight:600;letter-spacing:.02em}.theme-btn:hover,.lang-btn:hover{background:transparent;border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.lang-btn svg{border-radius:4px;flex-shrink:0}.flag-emoji{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal;-webkit-user-select:none;user-select:none}.password-wrapper{position:relative}.password-wrapper .form-input{padding-left:2.8rem;padding-right:2.8rem}.password-wrapper .input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:2;opacity:.3}.password-wrapper .toggle-password-btn{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.3rem;transition:all .25s;z-index:2;display:flex;align-items:center;justify-content:center}.password-wrapper .toggle-password-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.app-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-primary)}.app-loading-inner{text-align:center}.app-loading-spinner{width:44px;height:44px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}.app-loading-inner p{color:var(--text-secondary);font-size:.85rem}.top-bar{position:fixed;top:12px;left:50%;transform:translate(-50%) translateY(-20px);z-index:1000;width:calc(100% - 24px);max-width:1280px;background:var(--topbar-bg);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--topbar-border);border-radius:999px;padding:0 1.25rem 0 1.75rem;height:66px;display:flex;align-items:center;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #00000026;opacity:0;animation:topBarIn .5s cubic-bezier(.34,1.56,.64,1) .1s forwards}@keyframes topBarIn{to{transform:translate(-50%) translateY(0);opacity:1}}.top-bar.scrolled{top:8px;height:60px;background:var(--topbar-bg);box-shadow:0 8px 40px #0003;border-color:var(--border-color)}.top-bar .top-bar-inner{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.top-bar .top-bar-inner>.logo{justify-self:start}.top-bar .top-bar-inner>.nav-links{justify-self:center}.top-bar .top-bar-inner>.top-bar-actions{justify-self:end}.top-bar .logo{display:flex;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;flex-shrink:0;cursor:pointer;transition:transform .3s}.top-bar .logo:hover{transform:scale(1.03)}.top-bar .logo .logo-icon{color:var(--accent);transition:transform .4s}.top-bar .logo:hover .logo-icon{transform:rotate(-10deg) scale(1.1)}.top-bar .logo .logo-text{color:var(--text-primary)}.top-bar .nav-links{display:flex;gap:2rem;align-items:center}.top-bar .nav-links a{color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s;position:relative;cursor:pointer;padding:.25rem 0;display:inline-flex;align-items:center;gap:.45rem}.top-bar .nav-links a .nav-icon{color:currentColor;opacity:.6;flex-shrink:0;transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1),color .3s}.top-bar .nav-links a:hover .nav-icon{opacity:1;color:var(--accent);transform:translateY(-1px) scale(1.08)}.top-bar .nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--accent);transition:width .35s cubic-bezier(.34,1.56,.64,1)}.top-bar .nav-links a:hover{color:var(--text-primary)}.top-bar .nav-links a:hover:after{width:100%}.top-bar .top-bar-actions{display:flex;align-items:center;gap:.5rem}.top-bar .top-bar-actions .lang-btn{padding:.28rem .6rem}.top-bar .top-bar-actions .theme-btn{padding:.38rem}.top-bar .user-pill{display:inline-flex;align-items:center;gap:.45rem;height:40px;max-width:200px;padding:0 .9rem;background:transparent;border:1.5px solid var(--border-color);border-radius:999px;color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .25s}.top-bar .user-pill:hover{border-color:var(--accent)}.top-bar .user-pill .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar .mobile-menu-btn{display:none;background:transparent;border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:.4rem;border-radius:999px;line-height:0;transition:all .25s}.top-bar .mobile-menu-btn:hover{border-color:var(--accent);transform:scale(1.05)}.top-bar .mobile-menu{display:none;position:absolute;top:82px;left:0;right:0;background:var(--topbar-bg);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);padding:1.5rem;border-radius:1rem;flex-direction:column;gap:.75rem;border:1px solid var(--border-color);box-shadow:0 20px 60px #0003;animation:mobileMenuIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.top-bar .mobile-menu.open{display:flex}.top-bar .mobile-menu a{color:var(--text-secondary);text-decoration:none;font-size:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .25s;display:flex;align-items:center;gap:.6rem}.top-bar .mobile-menu a .nav-icon{color:currentColor;opacity:.6;flex-shrink:0;transition:opacity .25s,color .25s}.top-bar .mobile-menu a:hover{color:var(--text-primary);padding-left:.5rem}.top-bar .mobile-menu a:hover .nav-icon{opacity:1;color:var(--accent)}.top-bar .mobile-menu a:last-child{border-bottom:none}.top-bar .mobile-menu .mobile-actions{display:flex;gap:.5rem;margin-top:.75rem}.top-bar .mobile-menu .mobile-actions .btn{flex:1}@media(max-width:768px){.top-bar{width:calc(100% - 16px);height:62px;padding:0 1rem 0 1.25rem;border-radius:999px;top:8px}.top-bar.scrolled{height:56px}.top-bar .mobile-menu{top:70px;padding:1.25rem;border-radius:1.25rem}.top-bar .logo{font-size:1.2rem}.top-bar .top-bar-actions{gap:.4rem}.top-bar .mobile-menu a{padding:.7rem 0}.top-bar .nav-links{display:none}.top-bar .mobile-menu-btn{display:block}.top-bar .mobile-menu{display:none}.top-bar .mobile-menu.open{display:flex}.app{padding:1rem;padding-top:76px}.header{flex-direction:column;gap:.5rem;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.nav{overflow-x:auto;flex-wrap:nowrap;padding:.3rem}.nav button{white-space:nowrap;font-size:.7rem;padding:.35rem .65rem}.form-row{grid-template-columns:1fr}.card{padding:1.25rem}.top-bar .user-pill .user-name{display:none}}@media(max-width:480px){.top-bar{height:56px;padding:0 .75rem 0 1rem;border-radius:999px}.top-bar.scrolled{height:52px}.top-bar .mobile-menu{top:64px;padding:1.1rem}.top-bar .logo{font-size:1.1rem}.top-bar .lang-btn .lang-code{display:none}.top-bar .top-bar-actions .lang-btn{padding:.28rem .42rem}.top-bar .top-bar-actions .btn{padding:.5rem .85rem;font-size:.78rem}.top-bar .top-bar-actions{gap:.35rem}.btn-lg{padding:.5rem 1.2rem;font-size:.8rem}.card{padding:1rem}.table th,.table td{padding:.35rem .4rem;font-size:.6rem}}