.home-container{background:var(--background);display:flex;flex-direction:column;min-height:100vh}[data-theme=dark] .header{background:var(--card);border-bottom-color:var(--border)}.logo-text-home{color:var(--text-primary);cursor:pointer;font-size:2rem;font-weight:600;letter-spacing:-.02em;transition:all .3s ease}.logo-text:hover{opacity:.9;transform:translateY(-1px)}.logo-b-home{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lemon-yellow) 0,var(--lemon-green) 100%);-webkit-background-clip:text;font-size:2.4rem;font-weight:800}.header{background:#fff;border-bottom:1px solid var(--neutral-200);box-shadow:0 1px 3px #0000000d;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:10}.header,.logo-container{align-items:center;display:flex;gap:2rem}.logo-container{flex-shrink:0}.nav{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:flex-end;max-width:700px}.nav-actions{flex-shrink:0}.nav-actions .nav-button{min-width:fit-content;white-space:nowrap}.user-info{flex:0 1 auto}@media (max-width:992px){.header{gap:1.5rem}.nav{max-width:600px}}@media (max-width:768px){.header{gap:1rem;padding:1rem}.nav{gap:.5rem;max-width:none}}@media (max-width:480px){.header{gap:.5rem}}.nav-button{align-items:center;background:#fff;border:1px solid var(--neutral-300);border-radius:14px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:-.01em;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s ease}[data-theme=dark] .nav-button{background:var(--card);border-color:var(--border);color:var(--text-primary)}.nav-button:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.nav-button:hover:before{opacity:1}.dashboard-button,.login-button{background:var(--lemon-green);border-color:var(--lemon-green);color:#fff}.dashboard-button:hover,.login-button:hover{background:var(--lemon-green-dark);border-color:var(--lemon-green-dark);transform:translateY(-1px)}.logout-button{background:#fff;border-color:var(--neutral-300);color:var(--text-secondary)}[data-theme=dark] .logout-button{background:var(--card);border-color:var(--border);color:var(--text-secondary)}.logout-button:hover{background:var(--neutral-100);border-color:var(--neutral-400);color:var(--text-primary);transform:translateY(-1px)}[data-theme=dark] .logout-button:hover{background:#ffffff0d;color:var(--text-primary)}.nav-actions{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid var(--neutral-200);border-radius:18px;box-shadow:0 2px 12px #0000000f;display:flex;gap:.75rem;padding:.375rem}[data-theme=dark] .nav-actions{background:#ffffff0d;border-color:var(--border);box-shadow:0 2px 12px #00000026}.nav-actions .nav-button{border:none;border-radius:12px;box-shadow:none;padding:.5rem 1rem}@media (max-width:992px){.user-info{gap:1rem;padding:.4rem .8rem}.user-email img{height:40px;width:40px}.lemon-balance{font-size:.875rem;padding:.4rem .75rem}.nav-actions{gap:.5rem;padding:.25rem}.nav-actions .nav-button{font-size:.8125rem;padding:.4rem .8rem}}@media (max-width:768px){.nav{gap:1rem}.user-info{border-radius:16px;padding:.35rem .7rem}.user-email img{height:36px;width:36px}.user-email-text{display:none}.nav-actions{border-radius:14px;padding:.2rem}.nav-actions .nav-button{font-size:.75rem;padding:.35rem .7rem}}@media (max-width:480px){.user-info{background:#ffffffe6;border-radius:14px;gap:.5rem;padding:.25rem .4rem}[data-theme=dark] .user-info{background:#ffffff14}.user-email img{height:28px;width:28px}.lemon-balance{border-radius:10px;font-size:.75rem;padding:.25rem .4rem}.lemon-emoji{font-size:.875rem}.nav{gap:.5rem}.nav-actions{border-radius:12px;padding:.15rem}.nav-actions .nav-button{border-radius:8px;font-size:.625rem;padding:.25rem .5rem}}.hero-section{align-items:center;background:linear-gradient(135deg,var(--neutral-50) 0,#6fcf970d 100%);display:flex;flex:1 1;flex-direction:row;gap:3rem;justify-content:space-between;padding:3rem 5%}[data-theme=dark] .hero-section{background:linear-gradient(135deg,var(--background) 0,#6fcf9705 100%)}.hero-content{flex:0.8 1;max-width:500px}.hero-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--lemon-yellow) 0,var(--lemon-green) 100%);-webkit-background-clip:text;display:inline-block;position:relative}.hero-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.global-stats,.hero-subtitle{margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,var(--lemon-green) 0,var(--lemon-green-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #6fcf974d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-align:center;transition:all var(--transition-standard)}.cta-button:hover{box-shadow:0 6px 20px #6fcf9766;transform:translateY(-2px)}.lemon-tree-container{align-items:center;display:flex;flex:1.2 1;height:90%;justify-content:center;max-width:100%;transition:background-color var(--transition-standard)}.limited-offer{background:linear-gradient(135deg,#6fcf971a,#ffd93d1a);border:1px solid var(--lemon-green-light);border-radius:12px;color:var(--lemon-green-dark);font-size:1.125rem;font-weight:600;margin:2rem auto;max-width:600px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:center}.limited-offer:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.golden-lemon-alert{align-items:center;background:linear-gradient(135deg,#ffd93d26,#ffa0001a);border:1px solid #ffd93d4d;border-radius:10px;color:var(--lemon-yellow-dark);display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin:1rem auto;max-width:600px;padding:.75rem 1.25rem;text-align:center}.golden-lemon-alert:after,.golden-lemon-alert:before{content:"✨";display:inline-block}.footer{background:var(--neutral-50);border-top:1px solid var(--neutral-200);color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:center;padding:2rem 5%}[data-theme=dark] .footer{background:var(--card);border-top-color:var(--border)}@media (max-width:992px){.hero-section{flex-direction:column;text-align:center}.hero-content{max-width:100%;padding:0 1rem}.hero-title{font-size:2rem}.lemon-tree-container{height:500px;max-width:100%}.user-info{flex-direction:column;gap:.75rem;padding:.75rem}}@media (max-width:768px){.header{padding:1rem}.logo{height:140px}.nav{gap:.5rem}.user-email{display:none}.nav-button{font-size:.8125rem;padding:.4rem 1rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.cta-button{font-size:.9375rem;padding:.75rem 1.5rem}.lemon-tree-container{height:400px}.golden-lemon-alert{font-size:.9375rem;padding:.625rem 1rem}}@media (max-width:480px){.lemon-tree-container{height:350px}.user-info{display:none}.lemon-balance{font-size:.875rem;padding:.25rem .5rem}}.theme-toggle-button{align-items:center;background:none;background-color:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.theme-toggle-button:hover{background-color:#0000001a;transform:rotate(10deg)}[data-theme=dark] .theme-toggle-button{background-color:#ffffff1a}[data-theme=dark] .theme-toggle-button:hover{background-color:#ffffff26}.icon-container{height:24px;position:relative;width:24px}.sun-icon{height:100%;position:relative;width:100%}.sun-inner{border-radius:50%;box-shadow:0 0 10px #ffd70080;height:16px;transform:translate(-50%,-50%);width:16px}.ray,.sun-inner{background-color:gold;left:50%;position:absolute;top:50%}.ray{animation:pulse 2s infinite;border-radius:10px;height:6px;width:2px}.ray1{transform:translate(-50%,-50%) rotate(0deg) translateY(-10px)}.ray2{transform:translate(-50%,-50%) rotate(45deg) translateY(-10px)}.ray3{transform:translate(-50%,-50%) rotate(90deg) translateY(-10px)}.ray4{transform:translate(-50%,-50%) rotate(135deg) translateY(-10px)}.ray5{transform:translate(-50%,-50%) rotate(180deg) translateY(-10px)}.ray6{transform:translate(-50%,-50%) rotate(225deg) translateY(-10px)}.ray7{transform:translate(-50%,-50%) rotate(270deg) translateY(-10px)}.ray8{transform:translate(-50%,-50%) rotate(315deg) translateY(-10px)}.moon-icon{height:100%;position:relative;width:100%}.moon-inner{background-color:initial;box-shadow:-3px 0 0 6px #c5d3e0;height:16px;left:50%;overflow:hidden;top:50%;transform:translate(-50%,-50%);width:16px}.moon-inner,.star{border-radius:50%;position:absolute}.star{animation:twinkle 1.5s infinite;background-color:#fff;height:2px;width:2px}.star1{animation-delay:0s;left:20%;top:20%}.star2{animation-delay:.3s;left:70%;top:30%}.star3{animation-delay:.6s;left:40%;top:70%}@keyframes twinkle{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.email-input-group{margin-bottom:16px}.email-input-container{align-items:center;display:flex;gap:8px;margin-bottom:8px}.email-username-input{border:1px solid #ccc;border-radius:4px;flex:1 1;min-width:0;padding:8px 12px}.email-at{color:#666;font-weight:700}.email-domain-input,.email-domain-select{border:1px solid #ccc;border-radius:4px;flex:1 1;min-width:0;padding:8px 12px}.custom-domain-actions{display:flex;justify-content:flex-end}.back-to-select-btn{background:none;border:none;color:#06c;cursor:pointer;font-size:14px;padding:4px 8px}.back-to-select-btn:hover{text-decoration:underline}.email-preview{color:#666;font-size:13px;margin-top:8px;text-align:right}.cta-button{width:100%}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;z-index:9999}.login-modal{animation:slideUp .3s ease-out;background:var(--modal-background);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-hover);max-width:480px;padding:40px;position:relative;width:90%}.close-button{background:#0000;border-radius:50%;color:var(--text-secondary);font-size:24px;height:32px;position:absolute;right:16px;top:16px;transition:var(--transition-standard);width:32px}.close-button:hover{background-color:var(--background-secondary);color:var(--text-primary)}.logo{display:block;height:auto;margin:0 auto 24px;width:120px}.modal-title{color:var(--text-primary);font-size:24px;font-weight:600;margin:0 0 8px;text-align:center}.modal-subtitle{color:var(--text-secondary);font-size:16px;margin:0 0 24px;text-align:center}.error-message{animation:shake .3s ease-out;background-color:#ef44441a;border:1px solid #ef444433;border-radius:var(--border-radius-standard);color:var(--status-error);font-size:14px;margin-bottom:16px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.email-display{background-color:var(--background-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-standard);margin-bottom:20px;padding:12px 16px}.email-display p{color:var(--text-secondary);font-size:14px;margin:0;text-align:center}.input-group{margin-bottom:16px}.otp-input{background:var(--background);border:2px solid var(--border-color);border-radius:var(--border-radius-standard);color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:8px;padding:12px 16px;text-align:center;transition:var(--transition-standard);width:100%}.otp-input:focus{border-color:var(--lemon-green);box-shadow:0 0 0 3px #6fcf971a;outline:none}.otp-input:disabled{background-color:var(--background-secondary);cursor:not-allowed;opacity:.6}.cta-button.modal-button{background:linear-gradient(135deg,var(--lemon-green) 0,var(--lemon-green-dark) 100%);border:none;border-radius:var(--border-radius-standard);box-shadow:0 4px 12px #6fcf9733;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:12px;padding:14px 24px;transition:var(--transition-standard);width:100%}.cta-button.modal-button:hover:not(:disabled){background:linear-gradient(135deg,var(--lemon-green-dark) 0,var(--lemon-green) 100%);box-shadow:0 8px 20px #6fcf974d;transform:translateY(-2px)}.cta-button.modal-button:active:not(:disabled){transform:translateY(0)}.cta-button.modal-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.resend-button{background:#0000;border:none;color:var(--lemon-green);cursor:pointer;font-size:14px;padding:12px;transition:var(--transition-standard);width:100%}.resend-button:hover:not(:disabled){color:var(--lemon-green-dark);text-decoration:underline}.resend-button:disabled{cursor:not-allowed;opacity:.6}.character-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:center}.character-image{margin-bottom:1rem;max-width:550px;width:100%}.character-image img{display:block;height:auto;width:100%}[data-theme=dark] .login-modal{background:var(--modal-background);box-shadow:0 10px 40px #00000080}[data-theme=dark] .modal-overlay{background-color:#000c}[data-theme=dark] .error-message{background-color:#ef444426;border-color:#ef44444d}[data-theme=dark] .otp-input:focus{box-shadow:0 0 0 3px #6fcf9733}@media (max-width:600px){.login-modal{border-radius:var(--border-radius-large);padding:30px 20px;width:95%}.modal-title{font-size:20px}.modal-subtitle{font-size:14px}.character-image{max-width:400px}}.global-stats{display:flex;justify-content:space-between;margin:2rem 0;max-width:500px}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{color:var(--color-primary);font-size:1.5rem;font-weight:700}.stat-label{font-size:.9rem;margin-top:.5rem}.lemon-tree-container{height:500px;overflow:hidden;position:relative;width:100%}.lemon-tree-scene{display:block;height:100%;position:relative;width:100%}.lemon-tree-scene canvas{display:block;height:100%!important;position:relative;width:100%!important;z-index:1}.loading-overlay{align-items:center;background-color:#ffffffb3;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.quiz-container{animation:fadeIn .3s ease,slideUp .3s ease;background-color:var(--modal-background);border-radius:var(--border-radius-standard);box-shadow:var(--shadow);color:var(--text-primary);left:50%;max-width:500px;padding:25px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.quiz-title{border-bottom:2px solid var(--color-primary-light);color:var(--color-primary);font-size:1.4rem;margin-bottom:15px;margin-top:0;padding-bottom:8px}.quiz-question{color:var(--text-primary);font-size:1.1rem;line-height:1.5;margin-bottom:20px}.quiz-option{background-color:var(--background);border:1px solid var(--color-primary-light);border-radius:var(--border-radius-standard);color:var(--text-primary);cursor:pointer;display:block;font-size:1rem;margin:10px 0;overflow:hidden;padding:12px 15px;position:relative;text-align:left;transition:var(--transition-standard);width:100%}.quiz-option:hover{background-color:var(--color-primary-light);color:var(--text-primary);transform:translateY(-2px)}.quiz-option:active{transform:translateY(1px)}.quiz-loading{animation:pulse 1.5s infinite alternate;background-color:var(--modal-background);border-radius:var(--border-radius-standard);box-shadow:var(--shadow);color:var(--text-primary);left:50%;padding:20px 30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.quiz-loading p{align-items:center;display:flex;justify-content:center;margin:0}.quiz-loading p:after{animation:loadingDots 1.5s infinite;content:"...";display:inline-block;margin-left:5px}.html-target{animation:move-target 3s infinite alternate,pulse-target .8s infinite alternate;background:linear-gradient(145deg,var(--color-accent),#ffd600);border-radius:50%;box-shadow:0 0 15px var(--color-accent),0 0 30px #ffeb3b80;cursor:pointer;height:60px;position:absolute;width:60px;z-index:1000}@keyframes pulse-target{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.target-overlay{bottom:350px;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:1001}.target-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:20px;color:#fff;display:inline-flex;gap:12px;padding:8px 16px}.target-header h3{color:gold;font-size:14px;font-weight:500;margin:0}.timer-bar{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:80px}.timer-fill{background:linear-gradient(90deg,gold,orange);height:100%;transition:width .1s linear}.timer-text{color:orange;font-size:14px;font-weight:600;min-width:35px;text-align:right}.instructions-modal{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.instructions-content{animation:slideUp .3s ease;background-color:var(--modal-background);border-radius:12px;box-shadow:0 10px 40px #0003;color:var(--text-primary);max-height:80vh;max-width:420px;overflow-y:auto;padding:24px;width:90%}.modal-header{border-bottom:2px solid #a8e6c1;border-bottom:2px solid var(--color-primary-light,#a8e6c1);gap:16px;margin-bottom:20px;padding-bottom:12px}.modal-header h3{color:var(--color-primary);font-weight:600}.instructions-content ol{line-height:1.8;margin:0;padding-left:20px}.instructions-content li{font-size:.95rem;margin-bottom:12px}.tip-container{background-color:#6fcf971a;border-left:3px solid var(--color-primary);border-radius:6px;margin-top:20px;padding:12px 16px}.tip{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.modal-footer{margin-top:24px}.close-button{background-color:var(--color-primary);border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;padding:10px 24px}.close-button:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #6fcf974d;transform:translateY(-1px)}.instructions-button-container{bottom:20px;position:absolute;right:20px;z-index:100}.instructions-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:44px;justify-content:center;transition:all .3s ease;width:44px}.instructions-button:hover{background-color:var(--color-primary-dark);box-shadow:0 6px 16px #0003;transform:scale(1.1)}@keyframes loadingDots{0%{content:"."}33%{content:".."}66%{content:"..."}}@keyframes targetGlow{0%{box-shadow:0 0 20px #ffd70099}to{box-shadow:0 0 30px #ffd700e6}}@keyframes move-target{0%{left:20%;top:20%}25%{left:70%;top:20%}50%{left:70%;top:70%}75%{left:20%;top:70%}to{left:20%;top:20%}}@media (max-width:480px){.instructions-content{max-width:95%;padding:20px}.modal-header h3{font-size:1.1rem}.close-button{font-size:.8125rem;padding:8px 20px}.instructions-button{font-size:16px;height:40px;width:40px}.target-overlay{bottom:100px}.target-header{gap:8px;padding:6px 12px}.target-header h3{font-size:12px}.timer-bar{width:60px}.timer-text{font-size:12px}}.toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border:2px solid;border-radius:16px;box-shadow:0 4px 20px #00000026;display:flex;gap:.75rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:2000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-character{height:32px;object-fit:contain;width:32px}.toast-message{color:var(--text-brown);flex:1 1;font-size:.875rem;font-weight:500}.toast-close{background:none;border:none;color:var(--text-brown-light);cursor:pointer;font-size:1.5rem;line-height:1;margin-left:.5rem;padding:0;transition:opacity .2s}.toast-close:hover{opacity:.7}.toast-info{background:linear-gradient(135deg,#fff8dc,#ffeaa7);border-color:var(--lemon-yellow)}.toast-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:var(--status-running)}.toast-warning{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:var(--status-warning)}.toast-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:var(--status-stopped)}@media (max-width:480px){.toast{left:10px;max-width:none;right:10px;top:10px}}.floating-guide-text{animation:pulseGlow 2s ease-in-out infinite;pointer-events:none;position:absolute;z-index:10}.floating-text-dismissible{cursor:pointer;pointer-events:auto}.floating-text-dismissible .floating-text-content{transition:all .3s ease}.floating-text-dismissible:hover .floating-text-content{box-shadow:0 12px 48px #00000026;transform:scale(1.02)}.floating-text-top{left:50%;top:20%;transform:translateX(-50%)}.floating-text-bottom{bottom:20%;left:50%;transform:translateX(-50%)}.floating-text-left{left:10%;top:50%;transform:translateY(-50%)}.floating-text-right{right:10%;top:50%;transform:translateY(-50%)}.floating-text-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:50px;box-shadow:0 8px 32px #0000001a;display:inline-flex;gap:8px;padding:12px 24px;transition:all .3s ease}.floating-text-default .floating-text-content{background:#fffffff2;border-color:#fbbf24;color:#1f2937}.floating-text-golden .floating-text-content{background:linear-gradient(135deg,#fcd34df2,#fbbf24f2);border-color:#f59e0b;box-shadow:0 8px 32px #fbbf244d,0 0 80px #fbbf2433;color:#78350f}.floating-text-subtle .floating-text-content{background:#fffc;border-color:#fbbf2480;color:#6b7280}.floating-text-close{font-size:20px;font-weight:300;line-height:1;margin-left:8px;opacity:.6;transition:opacity .2s ease}.floating-text-dismissible:hover .floating-text-close{opacity:1}.floating-guide-text.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(.9)}}.floating-text-emoji{animation:emojiRotate 3s ease-in-out infinite;font-size:24px}.floating-text-message{font-size:16px;font-weight:500;letter-spacing:-.02em}@keyframes pulseGlow{0%,to{opacity:.9;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}.floating-text-left,.floating-text-right{animation:pulseGlowSide 2s ease-in-out infinite}@keyframes pulseGlowSide{0%,to{opacity:.9;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}}@keyframes emojiRotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (max-width:768px){.floating-text-content{padding:10px 20px}.floating-text-emoji{font-size:20px}.floating-text-message{font-size:14px}.floating-text-left{left:5%}.floating-text-right{right:5%}}@media (prefers-color-scheme:dark){.floating-text-default .floating-text-content{background:#1f2937f2;border-color:#fbbf24;color:#f9fafb}.floating-text-subtle .floating-text-content{background:#1f2937cc;border-color:#fbbf244d;color:#d1d5db}}.mini-leaderboard-container{margin-top:2.5rem;width:100%}.mini-leaderboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fff7edf2);border:1px solid #ffd93d33;border-radius:20px;box-shadow:0 4px 20px #ffd93d1a;display:flex;gap:2rem;justify-content:space-between;padding:1.5rem}[data-theme=dark] .mini-leaderboard{background:linear-gradient(135deg,#1e1e1ef2,#282823f2);border-color:#ffd93d26}.leaderboard-section{flex:1 1}.leaderboard-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.leaderboard-title .icon{font-size:1.25rem}.rank-list{display:flex;flex-direction:column;gap:.625rem}.rank-item{align-items:center;background:#fff;border:1px solid #0000;border-radius:12px;display:flex;gap:.75rem;padding:.625rem .875rem;transition:all .2s ease}[data-theme=dark] .rank-item{background:#ffffff0d}.rank-item:hover{border-color:var(--lemon-green-light);transform:translateX(4px)}.rank-item.rank-1{background:linear-gradient(135deg,#ffd7001a,#ffffffe6)}.rank-item.rank-2{background:linear-gradient(135deg,#c0c0c01a,#ffffffe6)}.rank-item.rank-3{background:linear-gradient(135deg,#cd7f321a,#ffffffe6)}.rank-badge{font-size:1.125rem;min-width:1.5rem}.user-name{flex:1 1;font-weight:600}.score,.user-name{font-size:.9375rem}.score{color:var(--lemon-green-dark);font-weight:700}.leaderboard-divider{background:linear-gradient(180deg,#0000 0,var(--neutral-300) 50%,#0000 100%);width:1px}[data-theme=dark] .leaderboard-divider{background:linear-gradient(180deg,#0000 0,var(--border) 50%,#0000 100%)}.rank-item.loading{animation:pulse 1.5s ease-in-out infinite;opacity:.6}.no-data{color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.mini-leaderboard{flex-direction:column;gap:1.5rem;padding:1.25rem}.leaderboard-divider{height:1px;width:100%}.rank-item{padding:.5rem .75rem}.rank-badge{font-size:1rem}.score,.user-name{font-size:.875rem}}@media (max-width:480px){.mini-leaderboard-container{margin-top:2rem}.mini-leaderboard{border-radius:16px;padding:1rem}.leaderboard-title{font-size:.9375rem}.rank-item{gap:.5rem;padding:.4rem .6rem}}.floating-support-button{align-items:center;background:#0000;bottom:24px;cursor:pointer;display:flex;height:90px;justify-content:center;position:fixed;right:24px;transition:transform var(--transition-standard),filter var(--transition-standard);width:90px;z-index:1000}.floating-support-button img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));height:100%;object-fit:contain;transition:filter var(--transition-standard);width:100%}[data-theme=dark] .floating-support-button img{filter:drop-shadow(0 4px 12px rgba(255,255,255,.1))}.floating-support-button:hover{transform:translateY(-5px) scale(1.05)}.floating-support-button:hover img{filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}[data-theme=dark] .floating-support-button:hover img{filter:drop-shadow(0 8px 20px rgba(255,255,255,.15))}.support-tooltip{animation:fadeIn .2s ease;background:var(--neutral-800);border-radius:var(--border-radius-standard);bottom:100%;box-shadow:var(--shadow);color:#fff;font-size:14px;font-weight:500;margin-bottom:8px;padding:8px 14px;position:absolute;right:0;white-space:nowrap}[data-theme=dark] .support-tooltip{background:var(--card-background);border:1px solid var(--border);color:var(--text-primary)}.support-tooltip:after{border:6px solid #0000;border-top:6px solid var(--neutral-800);content:"";position:absolute;right:35px;top:100%}[data-theme=dark] .support-tooltip:after{border-top-color:var(--border)}.support-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}[data-theme=dark] .support-modal-overlay{background:#000000b3}.support-modal{animation:slideUp .3s ease;background:var(--card-background);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-hover);display:flex;flex-direction:column;height:90vh;max-height:700px;max-width:500px}.support-modal,.support-modal-illustration{overflow:hidden;position:relative;width:100%}.support-modal-illustration{background:linear-gradient(135deg,var(--lemon-yellow) 0,var(--lemon-green) 100%);flex-shrink:0;height:250px}.illustration-image{filter:blur(.5px) brightness(1.1);height:100%;object-fit:cover;opacity:.75;transform:scale(1.05);width:100%}.support-modal-illustration:before{background:linear-gradient(135deg,#ffd93d33,#6fcf9726);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.illustration-overlay{background:linear-gradient(0deg,#000000b3 0,#0000004d 50%,#0000);bottom:0;color:#fff;left:0;padding:24px;position:absolute;right:0;z-index:2}.illustration-overlay h2{font-size:1.75rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0003}.support-modal-header{position:absolute;right:16px;top:16px;z-index:10}.close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:50%;color:#fff;font-size:28px;height:36px;transition:all .2s;width:36px}.close-btn:hover{background:#00000080;transform:scale(1.1)}[data-theme=dark] .close-btn{background:#fff3}[data-theme=dark] .close-btn:hover{background:#ffffff4d}.support-form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-standard);color:var(--text-primary);font-size:16px;padding:12px;transition:border-color var(--transition-standard),box-shadow var(--transition-standard);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--lemon-green);box-shadow:0 0 0 3px #6fcf971a;outline:none}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:var(--lemon-green);box-shadow:0 0 0 3px #6fcf9733}.form-group textarea{font-family:inherit;min-height:100px;resize:vertical}.char-count{color:var(--text-secondary);font-size:12px;margin-top:4px;text-align:right}.support-info{background:linear-gradient(135deg,#ffd93d1a,#6fcf970d);border:1px solid #ffd93d33;border-radius:var(--border-radius-standard);margin:20px 0;padding:16px}[data-theme=dark] .support-info{background:linear-gradient(135deg,#ffd93d0d,#6fcf9708);border-color:#ffd93d26}.support-info p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.support-info p+p{margin-top:8px}.modal-actions{background:var(--card-background);border-top:1px solid var(--border);gap:12px;justify-content:flex-end;margin-top:auto;padding:20px 24px}.cancel-btn,.submit-btn{border:none;border-radius:var(--border-radius-standard);cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;transition:all .2s}.cancel-btn{background:var(--background-secondary);border:1px solid var(--border)}.cancel-btn:hover:not(:disabled){background:var(--neutral-300);box-shadow:var(--shadow)}[data-theme=dark] .cancel-btn{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .cancel-btn:hover:not(:disabled){background:var(--neutral-700)}.submit-btn{background:linear-gradient(135deg,var(--lemon-yellow) 0,var(--lemon-green) 100%);border:none;color:var(--text-brown);font-weight:700}[data-theme=dark] .submit-btn{color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #ffd93d66;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-height:700px){.support-modal{border-radius:0;height:100vh;max-height:100vh}.support-modal-illustration{height:180px}.modal-actions,.support-form{padding:16px}}@media (max-width:480px){.support-modal-overlay{padding:0}.support-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.support-modal-illustration{height:200px}}.system-resource-status{animation:slideInLeft .5s ease-out;background:#fff;background:var(--card-background,#fff);border:1px solid #f0f0f0;border:1px solid var(--border-light,#f0f0f0);border-radius:8px;border-radius:var(--border-radius-standard,8px);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-standard,0 2px 10px #0000001a);cursor:move;padding:.5rem;position:fixed;transition:box-shadow .3s;transition:box-shadow var(--transition-standard,.3s);-webkit-user-select:none;user-select:none;width:280px;z-index:100}.system-resource-status:active{cursor:grabbing}.system-resource-status.dragging{box-shadow:0 4px 20px #0003;box-shadow:var(--shadow-hover,0 4px 20px #0003);cursor:grabbing!important}.system-resource-status.dragging *{cursor:grabbing!important}[data-theme=dark] .system-resource-status{background:#1e1e1e;background:var(--card-background,#1e1e1e);border-color:#333;border-color:var(--border-color,#333)}.system-resource-status:hover{box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-hover,0 4px 20px #00000026)}.resource-compact-layout{align-items:flex-start;display:flex;gap:.5rem}.mascot-wrapper{flex-shrink:0;height:90px;position:relative;width:90px}.mascot-image{height:100%;image-rendering:crisp-edges;image-rendering:-webkit-crisp-edges;object-fit:cover;width:100%}.resource-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem}.resource-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.resource-title-wrapper{flex:1 1}.resource-title{color:#212121;color:var(--text-primary,#212121);font-size:.6875rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .125rem}.close-button{align-items:center;background:none;border:none;border-radius:2px;color:#757575;color:var(--text-secondary,#757575);cursor:pointer;display:flex;height:18px;justify-content:center;opacity:.6;padding:0;position:relative;transition:all .2s ease;width:18px;z-index:10}.close-button:hover{background:#f8f9fa;background:var(--background-alt,#f8f9fa);opacity:1}[data-theme=dark] .close-button:hover{background:#202020;background:var(--background-secondary,#202020)}.close-button svg{height:12px;width:12px}.status-message{color:#212121;color:var(--text-primary,#212121);font-size:.625rem;line-height:1.2;margin:0}.status-message.good{color:#27ae60;color:var(--status-running,#27ae60)}.status-message.warning{color:#f2994a;color:var(--status-warning,#f2994a)}.status-message.critical{color:#ef4444;color:var(--status-error,#ef4444)}.resource-meters{display:flex;gap:.5rem}.meter-item{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.meter-label{align-items:center;color:#757575;color:var(--text-secondary,#757575);display:flex;font-size:.5625rem;justify-content:space-between;letter-spacing:.5px;text-transform:uppercase}.meter-value{color:#212121;color:var(--text-primary,#212121);font-size:.625rem;font-weight:600}.meter-value.good{color:#27ae60;color:var(--status-running,#27ae60)}.meter-value.warning{color:#f2994a;color:var(--status-warning,#f2994a)}.meter-value.critical{color:#ef4444;color:var(--status-error,#ef4444)}.meter-bar{background:#e5e5e5;background:var(--neutral-200,#e5e5e5);border-radius:1.5px;height:3px;overflow:hidden}[data-theme=dark] .meter-bar{background:#404040;background:var(--neutral-700,#404040)}.meter-fill{border-radius:1.5px;height:100%;transition:width .5s ease,background-color .3s ease}.meter-fill.good{background:#27ae60;background:var(--status-running,#27ae60)}.meter-fill.warning{background:#f2994a;background:var(--status-warning,#f2994a)}.meter-fill.critical{background:#ef4444;background:var(--status-error,#ef4444)}.resource-footer{align-items:center;border-top:1px solid #f0f0f0;border-top:1px solid var(--border-light,#f0f0f0);display:flex;justify-content:space-between;margin-top:.125rem;padding-top:.375rem}[data-theme=dark] .resource-footer{border-top-color:#333;border-top-color:var(--border-color,#333)}.footer-stat{color:#757575;color:var(--text-secondary,#757575);font-size:.625rem}.footer-stat strong{color:#212121;color:var(--text-primary,#212121);font-weight:600}.status-badge{background:#f8f9fa;background:var(--background-alt,#f8f9fa);border-radius:3px;display:inline-flex;font-size:.5625rem;gap:.25rem;letter-spacing:.5px;padding:.125rem .375rem;text-transform:uppercase}[data-theme=dark] .status-badge{background:#202020;background:var(--background-secondary,#202020)}.status-badge.available{color:#27ae60;color:var(--status-running,#27ae60)}.status-badge.limited{color:#f2994a;color:var(--status-warning,#f2994a)}.status-badge.full{color:#ef4444;color:var(--status-error,#ef4444)}.status-dot{background:currentColor;height:5px;width:5px}.system-resource-status.minimized{padding:.5rem .625rem;width:auto}.system-resource-status.minimized .resource-compact-layout{gap:.5rem}.system-resource-status.minimized .mascot-wrapper{height:32px;width:32px}.system-resource-status.minimized .resource-content{gap:0}.system-resource-status.minimized .resource-footer,.system-resource-status.minimized .resource-meters,.system-resource-status.minimized .status-message{display:none}.system-resource-status.minimized .resource-title{font-size:.6875rem}@media (max-width:768px){.system-resource-status{left:10px;top:70px;width:260px}}.dashboard-container{background-color:var(--bg-cream);display:flex;flex-direction:column;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid var(--neutral-200);box-shadow:0 1px 3px #0000000d}[data-theme=dark] .dashboard-header{background:var(--card-background);border-bottom-color:var(--border-color)}.logo-text{transition:opacity .2s ease}.logo-text:hover{opacity:.8}.dashboard-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.dashboard-body{display:flex;flex:1 1;height:calc(100vh - 65px);overflow:hidden}.sidebar{background:#fff;border-right:1px solid var(--border-light);display:flex;flex-direction:column;position:relative}[data-theme=dark] .sidebar{background:var(--sidebar-background);border-right-color:var(--border-color)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1.5rem}.sidebar-title{color:var(--text-secondary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.create-db-btn,.sidebar-title{font-weight:600;margin-bottom:1rem}.create-db-btn{align-items:center;background:var(--lemon-yellow);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem;justify-content:center;padding:.875rem;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}[data-theme=dark] .create-db-btn{background:var(--lemon-yellow-dark)}.create-db-btn:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.btn-icon{font-size:1.125rem;font-weight:700}.db-list{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto}.loading-state{padding:2rem}.empty-list-message{color:var(--text-secondary);padding:2rem 1rem;text-align:center}.empty-list-message p{font-size:.875rem;margin:.5rem 0}.empty-list-hint{font-size:.75rem!important;opacity:.7}.db-item{background:var(--bg-light-brown);border:1px solid #0000;border-radius:10px;cursor:pointer;padding:.875rem;transition:all .2s ease}[data-theme=dark] .db-item{background:var(--background-secondary)}.db-item:hover{background:#fff;border-color:var(--border-light);box-shadow:0 2px 8px #0000000d}[data-theme=dark] .db-item:hover{background:var(--card-background);border-color:var(--border-color)}.db-item.active{background:#fff;border-color:var(--lemon-yellow);box-shadow:0 2px 8px #ffc10726}[data-theme=dark] .db-item.active{background:var(--card-background);border-color:var(--lemon-yellow-dark)}.db-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.375rem}.status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-dot-running{background:var(--status-running)}.status-dot-stopped{background:var(--status-stopped)}.status-dot-provisioning{animation:pulse 2s infinite;background:var(--status-warning)}.status-dot-error{background:var(--status-error)}.status-dot-maintenance{background:var(--status-maintenance)}.db-type-icon{height:20px;object-fit:contain;width:20px}.db-name{color:var(--text-primary);flex:1 1;font-size:.9375rem;font-weight:600}.db-item-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;padding-left:1.625rem}.db-type{text-transform:capitalize}.db-cost{color:var(--lemon-yellow-dark);font-weight:500}[data-theme=dark] .db-cost{color:var(--lemon-yellow)}.resize-handle{background:#0000;cursor:col-resize;height:100%;position:absolute;right:-3px;top:0;transition:background .2s ease;width:6px;z-index:10}.resize-handle:hover{background:var(--border-light)}.main-content{background:var(--bg-cream);flex:1 1;overflow-y:auto;padding:1.5rem}[data-theme=dark] .main-content{background:var(--background)}.content-wrapper{margin:0 auto;max-width:1200px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;padding:1.5rem;text-align:center}.empty-character{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 16px rgba(0,0,0,.1));height:400px;object-fit:contain;width:400px}.empty-state h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.empty-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0;max-width:400px}.empty-create-btn{align-items:center;background:linear-gradient(135deg,var(--bg-cream) 0,var(--bg-light-brown) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #ffc10733;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.empty-create-btn:hover{box-shadow:0 8px 20px #ffc1074d;transform:translateY(-2px)}.empty-create-btn span{font-size:1.25rem}.db-detail-header{background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;gap:0;margin-bottom:1.5rem;min-height:220px;overflow:hidden}[data-theme=dark] .db-detail-header{background:var(--card-background);border-color:var(--border-color);box-shadow:0 2px 8px #0000001a}.character-section,.cost-character-section{align-items:center;background:linear-gradient(135deg,#fff8dc,#ffeaa7);display:flex;flex-direction:column;height:220px;justify-content:center;min-height:220px;min-width:200px;padding:2rem;position:relative;width:200px}[data-theme=dark] .character-section,[data-theme=dark] .cost-character-section{background:var(--lemon-yellow-light)}.cost-character,.db-main-character{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:120px;object-fit:contain;width:120px}.cost-character{margin-bottom:.75rem}.character-svg-wrapper{height:120px;width:120px}.character-svg-wrapper svg{height:100%;width:100%}.header-character .character-svg-wrapper{animation:gentle-bounce 2s ease-in-out infinite}.character-bubble{background:#fff;border-radius:16px;bottom:1rem;box-shadow:0 2px 6px #00000014;color:var(--text-primary);font-size:.8125rem;font-weight:500;padding:.375rem .75rem;position:absolute}[data-theme=dark] .character-bubble{background:var(--card-background)}.character-message{color:var(--text-brown);font-size:.875rem}[data-theme=dark] .character-message{color:var(--lemon-yellow)}.db-info-section{flex:1 1;flex-direction:column;padding:1.5rem 2rem}.db-header-top,.db-info-section{display:flex;justify-content:space-between}.db-header-top{align-items:flex-start;margin-bottom:1.5rem}.db-header-info{flex:1 1}.db-detail-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.db-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border-radius:6px;font-weight:500;padding:.25rem .625rem}.badge-mode,.badge-size,.badge-type{background:var(--bg-light-brown);color:var(--text-secondary)}[data-theme=dark] .badge-mode,[data-theme=dark] .badge-size,[data-theme=dark] .badge-type{background:var(--background-secondary)}.badge-status{color:#fff}.badge-status.status-running{background:var(--status-running)}.badge-status.status-provisioning{background:var(--status-warning)}.badge-status.status-stopped{background:var(--status-stopped)}.badge-status.status-error{background:var(--status-error)}.badge-status.status-maintenance{background:var(--status-maintenance)}.db-actions{display:flex;flex-shrink:0;gap:.5rem}.system-status-overview{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.status-badge{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:24px;cursor:default;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}[data-theme=dark] .status-badge{background:var(--background-secondary);border-color:var(--border-color)}.status-badge:hover{background:var(--bg-light-brown);box-shadow:0 2px 8px #00000014;transform:scale(1.05)}[data-theme=dark] .status-badge:hover{background:var(--card-background);box-shadow:0 2px 8px #0003}.status-badge-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-badge-dot.loading{animation:pulse-loading 1.5s infinite;background:var(--text-secondary)}@keyframes pulse-loading{0%,to{opacity:.3}50%{opacity:1}}.status-badge-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.status-badge-value{color:var(--text-primary);font-size:.875rem;font-weight:600;min-width:45px;text-align:right}.status-badge-value.loading{align-items:center;color:var(--text-secondary);display:inline-flex;font-weight:400;gap:.25rem}.loading-dots{display:inline-block;text-align:left;width:20px}.loading-dots:after{animation:dots 1.5s steps(4) infinite;content:"..."}@keyframes dots{0%,20%{color:#0000;content:""}40%{color:var(--text-secondary);content:"."}60%{color:var(--text-secondary);content:".."}80%,to{color:var(--text-secondary);content:"..."}}.metrics-detail-btn{align-items:center;background:var(--lemon-yellow);border:none;border-radius:24px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.8125rem;font-weight:600;gap:.375rem;margin-left:auto;padding:.5rem 1.25rem;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}.metrics-detail-btn:hover,[data-theme=dark] .metrics-detail-btn{background:var(--lemon-yellow-dark)}.metrics-detail-btn:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}[data-theme=dark] .metrics-detail-btn:hover{background:var(--lemon-yellow)}.action-btn{background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}[data-theme=dark] .action-btn{background:var(--background-secondary);border-color:var(--border-color)}.action-btn:hover{background:var(--bg-light-brown);transform:translateY(-1px)}[data-theme=dark] .action-btn:hover{background:var(--card-background)}.action-btn.danger{color:var(--status-stopped)}.action-btn.danger:hover{background:#ef44440d;border-color:var(--status-stopped)}.section-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:1rem}[data-theme=dark] .section-card{background:var(--card-background);border-color:var(--border-color);box-shadow:0 1px 3px #0000001a}.section-header{border-bottom:1px solid var(--border-light);padding:1rem 1.25rem}[data-theme=dark] .section-header{border-bottom-color:var(--border-color)}.section-header:hover{background:var(--bg-light-brown)}[data-theme=dark] .section-header:hover{background:var(--background-secondary)}.section-title{font-size:.9375rem}.collapse-btn{font-size:.75rem;padding:0;transition:transform .2s ease}.section-content{padding:1.25rem}.cost-section{display:flex;min-height:220px;overflow:hidden}.cost-details{flex:1 1;padding:1.5rem 2rem}.cost-details .section-title,.cost-grid{margin-bottom:1rem}.cost-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.cost-item{background:var(--bg-light-brown);border-radius:8px;padding:.75rem;position:relative;text-align:center}[data-theme=dark] .cost-item{background:var(--background-secondary)}.cost-item.primary{background:linear-gradient(135deg,#fff8dc,#ffeaa7);border:1px solid var(--lemon-yellow)}[data-theme=dark] .cost-item.primary{background:var(--lemon-yellow-light);border-color:var(--lemon-yellow-dark)}.cost-item.secondary{opacity:.8}.cost-label{color:var(--text-secondary);display:block;font-size:.75rem;margin-bottom:.25rem}.cost-value{color:var(--text-primary);display:block;font-size:1.125rem;font-weight:600}.cost-note{display:block;font-size:.625rem;margin-top:.125rem}.cost-note,.cost-summary{color:var(--text-secondary)}.cost-summary{background:var(--bg-light-brown);border-radius:8px;font-size:.8125rem;padding:.75rem 1rem;text-align:center}[data-theme=dark] .cost-summary{background:var(--background-secondary)}.connection-row{margin-bottom:1rem}.connection-row:last-child{margin-bottom:0}.connection-label{color:var(--text-secondary);display:block;font-size:.8125rem;font-weight:500;margin-bottom:.375rem}.connection-value{align-items:center;display:flex;gap:.5rem}.connection-value code{background:var(--bg-light-brown);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8125rem;overflow-x:auto;padding:.5rem .75rem}[data-theme=dark] .connection-value code{background:var(--background-secondary)}.connection-uri{font-size:.75rem!important;word-break:break-all}.connection-pending{color:var(--text-secondary);font-size:.875rem;padding:1rem;text-align:center}.copy-btn{background:var(--bg-light-brown);line-height:1}[data-theme=dark] .copy-btn{background:var(--background-secondary)}.detail-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-group{display:flex;flex-direction:column;gap:.75rem}.detail-group-title{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.5rem}[data-theme=dark] .detail-group-title{border-bottom-color:var(--border-color)}.detail-item{align-items:center;display:flex;justify-content:space-between}.detail-label{color:var(--text-secondary);font-size:.8125rem}.detail-value{color:var(--text-primary);font-size:.8125rem;font-weight:500}.detail-value.preset{background:var(--bg-light-brown);border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.75rem;padding:.125rem .375rem}[data-theme=dark] .detail-value.preset{background:var(--background-secondary)}@media (max-width:1200px){.detail-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.dashboard-body{flex-direction:column}.sidebar{border-bottom:1px solid var(--border-light);border-right:none;max-height:300px;width:100%!important}.resize-handle{display:none}.header-content{padding:.875rem 1rem}.header-left{gap:1rem}.cost-section,.db-detail-header{flex-direction:column;min-height:auto}.character-section,.cost-character-section{height:auto;min-height:180px;min-width:auto;padding:1.5rem;width:100%}.db-info-section{padding:1.5rem}.db-actions{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.system-status-overview{align-items:stretch;flex-direction:column;gap:.5rem}.status-badge{justify-content:space-between;padding:.625rem 1rem}.metrics-detail-btn{justify-content:center;margin-left:0;margin-top:.5rem;width:100%}.cost-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.logo-text{font-size:1.125rem}.logo-b{font-size:1.375rem}.dashboard-title{font-size:1rem}.db-detail-title{font-size:1.25rem}.main-content{padding:1rem}.character-svg-wrapper,.cost-character,.db-main-character{height:100px;width:100px}.character-section,.cost-character-section{min-height:150px}.empty-character{height:120px;width:120px}.status-badge{border-radius:12px}.status-badge-value{min-width:auto}}.user-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid var(--neutral-200);box-shadow:0 2px 12px #0000000f}[data-theme=dark] .user-info{border-color:var(--border);box-shadow:0 2px 12px #00000026}.user-info:before{background:linear-gradient(90deg,#0000,#6fcf9714 50%,#0000);transition:left .6s ease}.user-email{transition:all .3s ease}.user-email:before{background:linear-gradient(135deg,#6fcf971a,#ffd93d0d);border-radius:12px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.user-email:hover:before{opacity:1}.user-email:hover{transform:translateY(-1px)}.user-email img{background:#fff;border:2px solid var(--neutral-300);transition:all .3s ease}[data-theme=dark] .user-email img{background:var(--card);border-color:var(--border)}.user-email:hover img{transform:scale(1.05)}.user-email-text{font-size:.875rem;font-weight:600;letter-spacing:-.01em}.lemon-balance{background:#ffd93d1a;border:1px solid #ffd93d33;transition:all .3s ease}[data-theme=dark] .lemon-balance{background:#ffd93d1a;border-color:#ffd93d4d;color:#fcd34d}.lemon-balance:hover{background:#ffd93d26;border-color:#ffd93d59;transform:translateY(-1px)}.status-dot-paused{background:#f59e0b}.status-dot-deleting{animation:pulse 1s infinite;background:#dc2626}.badge-status.status-paused{background:#fed7aa;color:#92400e}.badge-status.status-deleting{background:#fee2e2;color:#991b1b}.paused-notice{align-items:center;background:#fff3cd;background:var(--gray,#fff3cd);border-radius:6px;color:#856404;color:var(--text-brown,#856404);display:inline-flex;font-size:14px;gap:8px;padding:8px 16px}.paused-icon{font-size:16px}.modal-overlay{animation:fadeIn .2s ease-out}.delete-modal{animation:slideUp .3s ease-out;background:var(--card-background);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0003;max-width:420px;padding:2rem;width:90%}.modal-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.modal-character{height:80px;object-fit:contain;width:80px}.modal-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.modal-content{margin-bottom:2rem;text-align:center}.modal-warning{color:var(--text-primary);font-size:.9375rem;margin-bottom:.5rem}.modal-info{color:var(--text-secondary);font-size:.875rem}.modal-actions{display:flex;gap:.75rem}.modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.modal-btn.cancel{background:var(--background-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.modal-btn.cancel:hover{background:var(--border-color)}.modal-btn.confirm{background:var(--status-stopped);color:#fff}.modal-btn.confirm:hover{background:#dc2626;transform:translateY(-1px)}.create-instance-wizard{background:var(--bg-cream);display:flex;flex-direction:column;height:100%}.wizard-header{background:#fff;border-bottom:1px solid var(--border-light);padding:1.25rem 2rem}[data-theme=dark] .wizard-header{background:var(--card-background);border-bottom-color:var(--border-color)}.wizard-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.wizard-header p{color:var(--text-secondary);font-size:.8125rem;margin:0}.wizard-content{flex:1 1;overflow-y:auto;padding:2rem}.wizard-section{background:#fff;border:1px solid var(--border-light);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}[data-theme=dark] .wizard-section{background:var(--card-background);border-color:var(--border-color)}.wizard-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group .required{color:var(--status-stopped)}.form-group input[type=text]{background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease;width:100%}[data-theme=dark] .form-group input[type=text]{background:var(--background-secondary);border-color:var(--border-color)}.form-group input[type=text]:focus{border-color:var(--lemon-yellow);box-shadow:0 0 0 3px #ffd93d1a;outline:none}.form-group input[type=text].error{border-color:var(--status-stopped)}.error-message{color:var(--status-stopped)}.error-message,.help-text{font-size:.75rem;margin-top:.25rem}.help-text{color:var(--text-secondary)}.config-tabs{background:var(--bg-light-brown);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.25rem}[data-theme=dark] .config-tabs{background:var(--background-secondary)}.tab-button{background:#0000;border-radius:6px;flex:1 1;padding:.625rem 1rem;transition:all .2s ease}.tab-button:hover{background:#ffffff80}.tab-button.active{background:#fff;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .tab-button.active{background:var(--card-background)}.preset-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.custom-config{display:flex;flex-direction:column;gap:1.5rem}.type-selector{display:flex;gap:.5rem}.type-button{background:#fff;border:2px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;padding:.75rem;transition:all .2s ease}[data-theme=dark] .type-button{background:var(--background-secondary);border-color:var(--border-color)}.type-button:hover:not(.disabled){border-color:var(--lemon-yellow-light)}.type-button.active{background:var(--lemon-yellow-light);border-color:var(--lemon-yellow)}.type-button.disabled{cursor:not-allowed;opacity:.5}.mode-selector{display:flex;gap:.5rem}.mode-button{background:#fff;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.8125rem;padding:.625rem;transition:all .2s ease}[data-theme=dark] .mode-button{background:var(--background-secondary);border-color:var(--border-color)}.mode-button:hover{border-color:var(--lemon-yellow-light)}.mode-button.active{background:var(--lemon-yellow-light);border-color:var(--lemon-yellow);font-weight:500}.wizard-actions{background:#fff;border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}[data-theme=dark] .wizard-actions{background:var(--card-background);border-top-color:var(--border-color)}.btn-cancel{background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}[data-theme=dark] .btn-cancel{background:var(--background-secondary);border-color:var(--border-color)}.btn-cancel:hover:not(:disabled){background:var(--bg-light-brown)}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-create{background:var(--lemon-yellow);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 2rem;text-shadow:0 1px 2px #0000001a;transition:all .2s ease}.btn-create:hover:not(:disabled){background:var(--lemon-yellow-dark);box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.btn-create:disabled{background:var(--border-light);color:var(--text-secondary);cursor:not-allowed;text-shadow:none}@media (max-width:768px){.wizard-content{padding:1rem}.preset-grid{grid-template-columns:1fr}.mode-selector,.type-selector{flex-direction:column}}.technical-term{animation:subtle-glow 2s ease-in-out infinite;background:linear-gradient(90deg,#ffd93d26,#ffd93d40 50%,#ffd93d26);border-bottom:2px dotted var(--lemon-yellow);border-radius:3px;color:var(--text-primary);cursor:pointer;display:inline-block;font-weight:500;padding:0 2px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none}@keyframes subtle-glow{0%,to{box-shadow:0 0 0 #ffd93d00}50%{box-shadow:0 0 8px #ffd93d4d}}.technical-term:hover{animation:none;background:linear-gradient(90deg,#ffd93d4d,#ffd93d66 50%,#ffd93d4d);border-bottom-color:var(--lemon-yellow-dark);box-shadow:0 2px 8px #ffd93d66;transform:translateY(-1px)}[data-theme=dark] .technical-term{background:linear-gradient(90deg,#ffd93d33,#ffd93d4d 50%,#ffd93d33);border-bottom-color:var(--lemon-yellow);color:var(--lemon-yellow-light)}[data-theme=dark] .technical-term:hover{background:linear-gradient(90deg,#ffd93d66,#ffd93d80 50%,#ffd93d66);color:var(--lemon-yellow)}.technical-term:before{background:var(--lemon-yellow);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.technical-term:hover:before{transform:scaleX(1)}.technical-term:after{align-items:center;background:var(--lemon-yellow);border-radius:50%;color:#fff;content:"?";display:flex;font-size:10px;font-weight:700;height:14px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transform:scale(.8);transition:all .3s ease;width:14px}.technical-term:hover:after{opacity:1;transform:scale(1)}.term-popover{background:#fff;border:2px solid var(--lemon-yellow);border-radius:12px;box-shadow:0 10px 40px #0003,0 0 0 1px #ffd93d1a,0 0 30px #ffd93d4d;max-width:400px;min-width:280px;opacity:0;pointer-events:auto;position:fixed;transform:scale(.95) translateY(5px);transition:opacity .2s ease,transform .2s ease;z-index:2147483647}.term-popover.visible{opacity:1;transform:scale(1) translateY(0)}[data-theme=dark] .term-popover{background:var(--card-background);border-color:var(--lemon-yellow);box-shadow:0 10px 40px #00000080,0 0 0 1px #ffd93d33,0 0 30px #ffd93d4d}.popover-arrow{background:#fff;border:2px solid var(--lemon-yellow);height:12px;pointer-events:none;position:absolute;width:12px}.term-popover.below .popover-arrow{border-bottom:none;border-right:none;left:50%;top:-7px;transform:translateX(-50%) rotate(45deg)}.term-popover.above .popover-arrow{border-left:none;border-top:none;bottom:-7px;left:50%;transform:translateX(-50%) rotate(45deg)}[data-theme=dark] .popover-arrow{background:var(--card-background)}.popover-header{align-items:center;background:linear-gradient(135deg,var(--lemon-yellow-light),#ffd93d1a);border-bottom:1px solid var(--border-light);border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:12px 16px}[data-theme=dark] .popover-header{background:linear-gradient(135deg,#ffd93d33,#ffd93d0d);border-bottom-color:var(--border-color)}.popover-term{align-items:center;color:var(--lemon-yellow-dark);display:flex;font-size:.9375rem;font-weight:700;gap:6px}[data-theme=dark] .popover-term{color:var(--lemon-yellow)}.popover-term:before{content:"📚";font-size:1.125rem}.popover-close{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.125rem;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}[data-theme=dark] .popover-close{background:var(--background-secondary);border-color:var(--border-color)}.popover-close:hover{background:var(--lemon-yellow);border-color:var(--lemon-yellow);color:#fff;transform:rotate(90deg)}.popover-content{color:var(--text-primary);font-size:.875rem;line-height:1.6;padding:16px}@media (max-width:768px){.term-popover{max-width:calc(100vw - 40px);min-width:240px}.technical-term:after{display:none}}.preset-card{background:#fff;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .preset-card{background:var(--card-background);border-color:var(--border-color)}.preset-card:hover{border-color:var(--lemon-yellow-light);box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}[data-theme=dark] .preset-card:hover{box-shadow:0 12px 24px #0000004d}.preset-card.selected{background:linear-gradient(180deg,#ffd93d0d,#0000);border-color:var(--lemon-yellow);box-shadow:0 8px 16px #ffd93d33}[data-theme=dark] .preset-card.selected{background:linear-gradient(to bottom,#ffd93d1a,var(--card-background))}.preset-card.disabled .preset-cost{opacity:.5}.preset-selected-indicator{align-items:flex-start;background:linear-gradient(135deg,var(--lemon-yellow),var(--lemon-yellow-dark));clip-path:polygon(100% 0,100% 100%,0 0);display:flex;height:40px;justify-content:flex-end;padding:4px;position:absolute;right:0;top:0;width:40px;z-index:1}.preset-selected-indicator .checkmark{color:#fff;font-size:.875rem;font-weight:700}.preset-header{align-items:flex-start;display:flex;gap:1rem;padding:1.25rem 1.25rem 0}.preset-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--lemon-yellow-light),#ffd93d1a);border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}[data-theme=dark] .preset-icon-wrapper{background:linear-gradient(135deg,#ffd93d33,#ffd93d0d)}.preset-icon{font-size:1.75rem}.preset-title-section{flex:1 1}.preset-title{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0}.preset-badges{display:flex;gap:.375rem;margin-top:.375rem}.mode-badge,.size-badge{border-radius:100px;font-size:.625rem;font-weight:600;letter-spacing:.03em;padding:.125rem .5rem;text-transform:uppercase}.size-badge{background:var(--bg-light-brown);color:var(--text-secondary)}[data-theme=dark] .size-badge{background:var(--background-secondary);color:var(--text-secondary)}.size-badge.size-small{background:#2196f31a;color:#2196f3}.size-badge.size-medium{background:#ff98001a;color:#ff9800}.size-badge.size-large{background:#9c27b01a;color:#9c27b0}.size-badge.size-default{background:var(--bg-light-brown);color:var(--text-secondary)}.mode-badge{background:#673ab71a;color:#673ab7}[data-theme=dark] .mode-badge{background:#673ab733;color:#9575cd}.expandable-description{margin:.5rem 0 .75rem;padding:0 1.25rem}.expand-toggle{align-items:center;background:var(--bg-light-brown);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}[data-theme=dark] .expand-toggle{background:var(--background-secondary);border-color:var(--border-color)}.expand-toggle:hover{background:var(--lemon-yellow-light);border-color:var(--lemon-yellow);color:var(--text-primary)}.toggle-icon{font-size:1rem}.toggle-text{flex:1 1;font-weight:500;text-align:left}.toggle-arrow{font-size:.625rem;transition:transform .2s ease}.preset-friendly-description{color:var(--text-primary);font-size:.8125rem;line-height:1.6;margin:.75rem 0 1rem}.preset-friendly-description.expanded{animation:slideDown .3s ease-out;background:#fff;border:1px solid var(--border-light);border-radius:6px;margin-top:.5rem;padding:.75rem}[data-theme=dark] .preset-friendly-description.expanded{background:var(--card-background);border-color:var(--border-color)}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.preset-description{color:var(--text-secondary);font-size:.75rem;font-weight:500;line-height:1.4;margin:.75rem 0 .5rem;padding:0 1.25rem}.preset-specs{margin-bottom:1rem;padding:0 1.25rem}.spec-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.spec-item{align-items:center;display:flex;gap:.5rem}.spec-icon{font-size:1.25rem}.spec-details{display:flex;flex-direction:column}.spec-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.spec-label{color:var(--text-secondary);font-size:.625rem;letter-spacing:.03em;text-transform:uppercase}.preset-usecases{background:var(--bg-light-brown);border-top:1px solid var(--border-light);padding:.875rem 1.25rem}[data-theme=dark] .preset-usecases{background:var(--background-secondary);border-top-color:var(--border-color)}.usecases-header{align-items:center;display:flex;gap:.375rem;margin-bottom:.625rem}.usecases-icon{font-size:.875rem}.usecases-title{color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.usecases-list{display:flex;flex-wrap:wrap;gap:.375rem}.usecase-tag{background:#fff;border:1px solid var(--border-light);border-radius:100px;color:var(--text-primary);font-size:.6875rem;padding:.25rem .625rem}[data-theme=dark] .usecase-tag{background:var(--card-background);border-color:var(--border-color);color:var(--text-primary)}.preset-cost{background:linear-gradient(90deg,#ffd93d0d,#ff98000d);border-top:1px solid var(--border-light);padding:1rem 1.25rem}[data-theme=dark] .preset-cost{background:linear-gradient(90deg,#ffd93d1a,#ff98001a);border-top-color:var(--border-color)}.cost-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.cost-item-main{align-items:center;display:flex;gap:.625rem}.cost-icon{font-size:1.25rem}.cost-details{display:flex;flex-direction:column}.cost-details .cost-label{color:var(--text-secondary);font-size:.625rem;letter-spacing:.03em;text-transform:uppercase}.cost-value.creation{color:var(--lemon-yellow-dark);font-size:1rem;font-weight:700}.cost-value.hourly{color:var(--status-running);font-size:1rem;font-weight:700}.cost-monthly{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;padding:.625rem}[data-theme=dark] .cost-monthly{background:var(--card-background)}.monthly-label{color:var(--text-secondary);font-size:.75rem}.monthly-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.preset-card.disabled{cursor:not-allowed;opacity:.7;position:relative}.preset-card.disabled:hover{border-color:var(--border-light);box-shadow:none;transform:none}.preset-unavailable-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffe6;border-radius:12px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}[data-theme=dark] .preset-unavailable-overlay{background:#000c}.unavailable-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:20px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;padding:.5rem 1rem;text-transform:uppercase}.unavailable-reason{color:var(--text-secondary);font-size:.75rem;line-height:1.4;max-width:80%;padding:0 1rem;text-align:center}.resource-selector{display:flex;flex-direction:column;gap:1rem}.resource-group{display:flex;flex-direction:column;gap:.5rem}.resource-group label{color:var(--text-primary);font-size:.8125rem;font-weight:500}.resource-options{display:flex;flex-wrap:wrap;gap:.5rem}.resource-option{background:#fff;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.5rem .75rem;transition:all .2s ease}[data-theme=dark] .resource-option{background:var(--background-secondary);border-color:var(--border-color)}.resource-option:hover{border-color:var(--lemon-yellow-light)}.resource-option.selected{background:var(--lemon-yellow-light);border-color:var(--lemon-yellow);font-weight:500}.resource-summary{background:var(--bg-light-brown);border-radius:6px;margin-top:.5rem;padding:.75rem}[data-theme=dark] .resource-summary{background:var(--background-secondary)}.summary-item{display:flex;font-size:.8125rem;justify-content:space-between}.summary-label{color:var(--text-secondary)}.summary-value{color:var(--text-primary);font-weight:500}@media (max-width:768px){.resource-options{flex-direction:column}.resource-option{text-align:center;width:100%}}.backup-section-minimal{padding:1rem!important}.backup-coming-soon{align-items:center;background:linear-gradient(135deg,#ffd93d0d,#ff98000d);border:1px dashed #ff98004d;border-radius:8px;display:flex;gap:1rem;padding:1rem}[data-theme=dark] .backup-coming-soon{background:linear-gradient(135deg,#ffd93d14,#ff980014);border-color:#ff980066}.coming-soon-badge{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;min-width:80px;padding:.75rem}[data-theme=dark] .coming-soon-badge{background:var(--card-background);box-shadow:0 2px 8px #0000004d}.badge-icon{font-size:1.5rem;margin-bottom:.25rem}.badge-text{color:var(--status-warning);font-size:.625rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.coming-soon-content{flex:1 1}.coming-soon-content h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.coming-soon-content p{color:var(--text-secondary);font-size:.75rem;margin:0}@media (max-width:768px){.backup-coming-soon{flex-direction:column;text-align:center}.coming-soon-badge{flex-direction:row;gap:.5rem;width:100%}.badge-icon{margin-bottom:0}}.cost-summary-section{background:linear-gradient(135deg,var(--lemon-yellow-light) 0,#ffd93d0d 100%);border:2px solid var(--lemon-yellow)}[data-theme=dark] .cost-summary-section{background:linear-gradient(135deg,#ffd93d1a,#0000)}.cost-breakdown{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem}[data-theme=dark] .cost-breakdown{background:var(--card-background)}.cost-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.cost-item .cost-label{color:var(--text-secondary);font-size:.875rem}.cost-item .cost-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.cost-item.total{padding-top:.75rem}.cost-item.total .cost-label strong{color:var(--text-primary)}.cost-item.total .cost-value strong{color:var(--lemon-yellow-dark);font-size:1.125rem}.cost-help{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:400;margin-top:.125rem}.cost-separator{background:var(--border-light);height:1px;margin:.5rem 0}.cost-estimates{margin-bottom:1rem}.cost-estimates h4{color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.estimate-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.estimate-item{background:#fff;border-radius:6px;padding:.75rem;text-align:center}[data-theme=dark] .estimate-item{background:var(--card-background)}.estimate-period{color:var(--text-secondary);display:block;font-size:.75rem;margin-bottom:.25rem}.estimate-value{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600}.balance-check-with-character{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;display:flex;gap:2rem;overflow:hidden;padding:1.5rem;position:relative}[data-theme=dark] .balance-check-with-character{background:var(--card-background)}.balance-check-with-character.sufficient{background:linear-gradient(135deg,#4caf500d,#0000 50%);border-color:var(--status-running)}.balance-check-with-character.insufficient{background:linear-gradient(135deg,#ef44440d,#0000 50%);border-color:var(--status-stopped)}.balance-content{flex:1 1;min-width:0}.balance-character{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 1rem;position:relative}.character-image{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));height:160px;object-fit:contain;width:160px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.character-message{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);font-size:.8125rem;font-weight:600;margin-top:.75rem;padding:.5rem 1rem;position:relative;text-align:center;white-space:nowrap}[data-theme=dark] .character-message{background:var(--background-secondary);box-shadow:0 2px 8px #0000004d}.character-message:before{background:#fff;border-radius:2px;box-shadow:-2px -2px 4px #0000000d;content:"";height:12px;left:50%;position:absolute;top:-6px;transform:translateX(-50%);width:12px}[data-theme=dark] .character-message:before{background:var(--background-secondary)}.balance-check-with-character.sufficient .character-image{animation:float 3s ease-in-out infinite,sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1)) brightness(1)}50%{filter:drop-shadow(0 4px 20px rgba(255,217,61,.4)) brightness(1.1)}}.balance-check{display:none}.balance-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.balance-icon{font-size:1.25rem}.balance-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.balance-details{background:var(--bg-light-brown);border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem}[data-theme=dark] .balance-details{background:var(--background-secondary)}.balance-item{display:flex;font-size:.8125rem;justify-content:space-between}.balance-item span:first-child{color:var(--text-secondary)}.balance-value{color:var(--text-primary);font-weight:500}.balance-estimate{background:#4caf501a;color:var(--status-running)}.balance-estimate,.balance-warning{border-radius:6px;font-size:.8125rem;padding:.625rem;text-align:center}.balance-warning{background:#ef44441a;color:var(--status-stopped)}@media (max-width:768px){.estimate-grid{grid-template-columns:1fr}.balance-check-with-character{flex-direction:column;padding:1rem}.balance-character{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem;width:100%}.character-image{height:120px;width:120px}.character-message{font-size:.7rem;padding:.25rem .5rem}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}[data-theme=dark] .modal-content{background:var(--card-background)}.credentials-modal{box-shadow:0 20px 60px #0000004d}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.5rem}[data-theme=dark] .modal-header{border-bottom-color:var(--border-color)}.modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--bg-light-brown)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.credentials-warning{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.warning-icon{flex-shrink:0}.warning-content{color:var(--text-primary);flex:1 1;font-size:.875rem}.warning-content strong{display:block;margin-bottom:.25rem}.credentials-section{margin-bottom:1.5rem}.credentials-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.credential-item{margin-bottom:1rem}.credential-label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:500;margin-bottom:.375rem}.credential-value{align-items:center;display:flex;gap:.5rem}.credential-value code{background:var(--bg-light-brown);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:SF Mono,Monaco,monospace;font-size:.875rem;padding:.5rem .75rem;word-break:break-all}[data-theme=dark] .credential-value code{background:var(--background-secondary);border-color:var(--border-color)}.credential-value code.password{letter-spacing:.1em}.credential-value code.connection-string{font-size:.75rem}.copy-btn{background:#fff;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;font-size:.875rem;padding:.375rem .5rem;transition:all .2s ease}[data-theme=dark] .copy-btn{background:var(--card-background);border-color:var(--border-color)}.copy-btn:hover{background:var(--lemon-yellow-light);border-color:var(--lemon-yellow)}.copy-btn.copied{background:var(--status-running);border-color:var(--status-running);color:#fff}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .625rem}.status-badge.provisioning{background:#ff98001a;color:var(--status-warning)}.credentials-info{background:var(--bg-light-brown);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;padding:1rem}[data-theme=dark] .credentials-info{background:var(--background-secondary)}.credentials-info p{margin:0 0 .5rem}.credentials-info p:last-child{margin-bottom:0}.credentials-info strong{color:var(--text-primary)}.modal-footer{border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;padding:1.5rem}[data-theme=dark] .modal-footer{border-top-color:var(--border-color)}.btn-primary{background:var(--lemon-yellow);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background:var(--lemon-yellow-dark);box-shadow:0 4px 12px #ffc1074d;transform:translateY(-1px)}.account-page{background:linear-gradient(135deg,var(--bg-cream) 0,#fff8dccc 50%,#ffeaa799 100%);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}[data-theme=dark] .account-page{background:linear-gradient(135deg,var(--background) 0,#1a1a1af2 50%,#202020cc 100%)}.account-page:before{animation:backgroundShift 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffd93d1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#6fcf971a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffc10714 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundShift{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}33%{transform:translateX(-20px) translateY(-10px) rotate(1deg)}66%{transform:translateX(20px) translateY(10px) rotate(-1deg)}}.account-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff26;border-bottom:1px solid #fff3;box-shadow:0 8px 32px #0000001a;position:relative;z-index:100}[data-theme=dark] .account-header{background:#1e1e1e26;border-bottom-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.header-content{justify-content:space-between;max-width:100%;padding:1rem 2rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1.5rem}.logo-text{color:var(--text-primary);cursor:pointer;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.logo-text:hover{transform:translateY(-2px) scale(1.05)}.logo-b{-webkit-text-fill-color:#0000;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(135deg,var(--lemon-yellow) 0,var(--lemon-green) 100%);-webkit-background-clip:text;font-size:1.625rem;font-weight:800}@keyframes shimmer{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(10deg)}}.header-separator{color:var(--border-light);font-size:1.25rem;opacity:.6;-webkit-user-select:none;user-select:none}.page-title{animation:slideInLeft .6s ease-out;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.user-info{align-items:center;animation:slideInRight .6s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 24px #0000001a;display:flex;gap:1.25rem;overflow:hidden;padding:.5rem 1rem;position:relative}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}[data-theme=dark] .user-info{background:#ffffff0d;border-color:#ffffff1a;box-shadow:0 8px 24px #0003}.user-info:before{background:linear-gradient(90deg,#0000,#ffd93d1a 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.user-info:hover:before{left:100%}.user-email{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;overflow:hidden;padding:.5rem .75rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.user-email:hover{color:var(--lemon-green-dark);transform:translateY(-2px) scale(1.02)}.user-email img{animation:profilePulse 4s ease-in-out infinite;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;height:44px;object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:44px}@keyframes profilePulse{0%,to{box-shadow:0 0 0 0 #ffd93d66}50%{box-shadow:0 0 0 8px #ffd93d00}}.user-email:hover img{border-color:var(--lemon-green);transform:scale(1.1) rotate(5deg)}.lemon-balance{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffd93d26;border:1px solid #ffd93d4d;border-radius:14px;color:#d97706;display:flex;font-size:1rem;font-weight:700;gap:.5rem;overflow:hidden;padding:.5rem .875rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.lemon-balance:before{background:linear-gradient(45deg,#ffd93d1a,#ffd93d4d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.lemon-balance:hover{box-shadow:0 8px 20px #ffd93d4d;transform:translateY(-2px) scale(1.05)}.lemon-balance:hover:before{opacity:1}.lemon-emoji{animation:bounce 2s ease-in-out infinite;font-size:1.125rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.account-container{animation:fadeInUp .8s ease-out;display:flex;flex:1 1;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px;padding:2rem 2rem 4rem;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.character-header-section{animation:slideInScale .8s cubic-bezier(.175,.885,.32,1.275);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;display:flex;gap:0;height:100%;overflow:hidden;position:relative}@keyframes slideInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=dark] .character-header-section{background:#1e1e1e1a;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.character-section{align-items:center;align-self:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff8dccc,#ffeaa7e6);display:flex;flex-direction:column;height:auto;justify-content:center;min-width:220px;padding:2rem;position:relative;width:220px}[data-theme=dark] .character-section{background:linear-gradient(135deg,#ffd93d1a,#ffc10726)}.account-character{animation:floatRotate 6s ease-in-out infinite;filter:drop-shadow(0 4px 16px rgba(0,0,0,.15));height:140px;object-fit:contain;position:relative;width:140px;z-index:2}@keyframes floatRotate{0%,to{filter:drop-shadow(0 4px 16px rgba(0,0,0,.15));transform:translateY(0) rotate(0deg)}33%{filter:drop-shadow(0 8px 20px rgba(255,217,61,.2));transform:translateY(-8px) rotate(2deg)}66%{filter:drop-shadow(0 6px 18px rgba(111,207,151,.2));transform:translateY(-4px) rotate(-1deg)}}.user-info-section{align-self:stretch;background:#ffffff0d;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:2rem;position:relative}.user-basic-info{animation:slideInLeft .8s ease-out .2s both;margin-bottom:2rem;min-height:120px}.user-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary) 0,var(--lemon-green-dark) 100%);-webkit-background-clip:text;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 1rem}.user-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.badge{animation:badgeSlide .6s ease-out;border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:.5rem 1rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgeSlide{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.badge:hover{transform:translateY(-2px) scale(1.05)}.badge-member{background:linear-gradient(135deg,var(--lemon-yellow) 0,var(--lemon-yellow-dark) 100%);box-shadow:0 4px 12px #ffd93d4d;color:#fff}.badge-active{background:linear-gradient(135deg,var(--status-running) 0,var(--lemon-green) 100%);box-shadow:0 4px 12px #27ae604d;color:#fff}.user-stats-grid{grid-gap:1.5rem;animation:staggerIn .8s ease-out .4s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));min-height:140px}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.user-stat-item:before{background:linear-gradient(135deg,#ffd93d1a,#6fcf971a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.user-stat-item:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-4px) scale(1.02)}.user-stat-item:hover:before{opacity:1}[data-theme=dark] .user-stat-item{background:#ffffff0d;border-color:#ffffff1a}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.stat-label,.stat-value{position:relative;z-index:2}.stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.section-card{animation:cardSlideIn .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff3;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.section-card:hover{box-shadow:0 16px 40px #00000026,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}[data-theme=dark] .section-card{background:#1e1e1e1a;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffffff1a}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.section-header:before{background:linear-gradient(90deg,#0000,#ffd93d0d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.section-header:hover:before{transform:translateX(100%)}.section-header:hover{background:#ffffff0d}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0;position:relative;z-index:2}.collapse-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.collapse-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.1)}.section-content{padding:2rem}.achievements-grid{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem}.achievement-badge{align-items:center;animation:badgeSlideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;cursor:pointer;display:inline-flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1rem .75rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgeSlideIn{0%{opacity:0;transform:translateX(-20px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.achievement-badge:hover{background:#ffd93d33;border-color:#ffd93d66;box-shadow:0 8px 20px #ffd93d4d;transform:translateY(-2px) scale(1.05)}[data-theme=dark] .achievement-badge{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .achievement-badge:hover{background:#ffd93d26;border-color:#ffd93d4d}.achievement-badge:before{background:linear-gradient(45deg,#ffd93d1a,#6fcf971a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.achievement-badge:hover:before{opacity:1}.achievement-icon{border-radius:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:140px;object-fit:contain;transition:all .3s ease;width:140px}.achievement-badge:hover .achievement-icon{transform:scale(1.1) rotate(5deg)}.achievement-info{display:flex;flex-direction:column;gap:.125rem;text-align:center}.achievement-name{color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1.2}.achievement-description{color:var(--text-secondary);font-size:.6875rem;line-height:1.3;opacity:.8}.harvest-chart-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;height:200px;margin:1.5rem 0;overflow:hidden;padding:1rem;position:relative}.harvest-chart-container:before{animation:chartShimmer 4s ease-in-out infinite;background:linear-gradient(45deg,#ffd93d05,#6fcf9705);content:"";inset:0;position:absolute}@keyframes chartShimmer{0%,to{opacity:.5}50%{opacity:1}}.harvest-chart{align-items:end;display:flex;height:100%;justify-content:space-between;padding:1rem .5rem;position:relative}.chart-line{height:calc(100% - 3rem);left:.5rem;position:absolute;right:.5rem;top:1rem}.chart-line svg{height:100%;width:100%}.chart-line path{fill:none;stroke:url(#lineGradient);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:drawLine 2s ease-out;filter:drop-shadow(0 2px 4px rgba(255,217,61,.3))}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.chart-area{fill:url(#areaGradient);animation:fillArea 2s ease-out .5s both}@keyframes fillArea{0%{opacity:0}to{opacity:1}}.harvest-point{align-items:center;animation:pointPop .6s cubic-bezier(.175,.885,.32,1.275);animation-fill-mode:both;display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:3}.harvest-point:first-child{animation-delay:.1s}.harvest-point:nth-child(2){animation-delay:.2s}.harvest-point:nth-child(3){animation-delay:.3s}.harvest-point:nth-child(4){animation-delay:.4s}.harvest-point:nth-child(5){animation-delay:.5s}.harvest-point:nth-child(6){animation-delay:.6s}.harvest-point:nth-child(7){animation-delay:.7s}@keyframes pointPop{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chart-dot{background:linear-gradient(135deg,var(--lemon-yellow),var(--lemon-green));border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #ffd93d66;cursor:pointer;height:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:12px}.chart-dot:hover{box-shadow:0 4px 16px #ffd93d99;transform:scale(1.5)}.harvest-amount{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);font-size:.875rem;font-weight:700;padding:.25rem .5rem}[data-theme=dark] .harvest-amount{background:#1e1e1ee6;border-color:#fff3}.harvest-amount.no-data{color:var(--text-secondary);font-style:italic}.harvest-date{color:var(--text-secondary);font-size:.75rem;font-weight:500;text-align:center}.transaction-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;padding:.25rem}.tab-button{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.tab-button:before{background:linear-gradient(135deg,#ffd93d1a,#6fcf971a);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.tab-button.active{background:#fff3;box-shadow:0 4px 12px #0000001a;color:var(--text-primary);transform:translateY(-1px)}.tab-button.active:before{opacity:1}.tab-button:hover:not(.active){background:#ffffff0d;color:var(--text-primary)}.instance-filter{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.instance-label{display:inline-block;font-weight:600;margin-right:1rem}.instance-label,.instance-select{color:var(--text-primary);font-size:.875rem}.instance-select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;cursor:pointer;max-width:400px;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.instance-select:focus{border-color:#ffd93d80;box-shadow:0 0 0 4px #ffd93d1a;outline:none;transform:translateY(-1px)}.instance-count{color:var(--text-secondary);font-size:.875rem;margin-top:1rem}.transactions-table{background:#ffffff0d;border-collapse:initial;border-radius:12px;border-spacing:0;overflow:hidden;table-layout:fixed;width:100%}.transactions-table thead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.transactions-table th{border-bottom:1px solid #ffffff1a;color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.transactions-table td:first-child,.transactions-table td:nth-child(2),.transactions-table th:first-child,.transactions-table th:nth-child(2){width:30%}.transactions-table td:nth-child(3),.transactions-table th:nth-child(3){text-align:right;width:20%}.transactions-table td:nth-child(4),.transactions-table th:nth-child(4){width:20%}.transactions-table tbody tr{border-bottom:1px solid #ffffff0d;transition:all .3s ease}.transactions-table tbody tr:hover{background:#ffffff14;transform:scale(1.005)}.transactions-table td{color:var(--text-primary);font-size:.875rem;padding:1.25rem 1.5rem;vertical-align:middle}.transaction-type-cell{font-weight:600}.transaction-instance-cell{color:var(--lemon-green-dark);font-weight:500}.transaction-amount-cell{font-size:1rem;font-weight:700;text-align:right}.amount.positive{color:var(--status-running)}.amount.negative{color:var(--status-error)}.transaction-date-cell{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.no-transactions{color:var(--text-secondary);font-size:1.125rem;font-style:italic;padding:4rem 2rem;text-align:center}.pagination{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.pagination-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.pagination-button:hover:not(:disabled){background:#ffd93d33;border-color:#ffd93d66;box-shadow:0 8px 16px #ffd93d33;transform:translateY(-2px)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:0 1rem}.loading-state{align-items:center;animation:pulse 2s ease-in-out infinite;color:var(--text-secondary);display:flex;font-size:1.25rem;justify-content:center;padding:4rem}@media (max-width:768px){.account-container{gap:1.5rem;padding:1rem}.header-content{padding:1rem}.character-header-section{flex-direction:column;min-height:auto}.user-info-section{padding:2rem}.user-stats-grid{gap:1rem;grid-template-columns:1fr 1fr}.user-name{font-size:1.5rem}.section-content{overflow-x:auto}.transactions-table{min-width:700px}.section-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.transaction-tabs{justify-content:center}.achievement-card{padding:1.5rem}.achievement-icon{font-size:2.5rem}}@media (max-width:480px){.user-stats-grid{grid-template-columns:1fr}.character-section{min-height:180px;padding:1.5rem}.account-character{height:120px;width:120px}.section-content{padding:1.5rem}.achievement-card{padding:1.25rem}.harvest-chart-container{height:160px}}.account-actions{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.delete-account-btn-simple{background:#0000;border:1px solid #ef44444d;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;opacity:.8;padding:.5rem 1rem;transition:all .2s ease}.delete-account-btn-simple:hover{border-color:var(--status-error);color:var(--status-error);opacity:1;transform:translateY(-1px)}.delete-account-btn-simple:active{transform:translateY(0)}@media (max-width:768px){.account-actions{margin-top:1.25rem;padding-top:1.25rem}.delete-account-btn-simple{width:100%}}@media (max-width:480px){.account-actions{margin-top:1rem;padding-top:1rem}.delete-account-btn-simple{font-size:.6875rem;padding:.4rem .8rem}}.delete-account-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-account-modal{animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}[data-theme=dark] .delete-account-modal{background:var(--card-background);box-shadow:0 20px 60px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delete-modal-header{align-items:center;background:#fee2e20d;border-bottom:2px solid #ef44441a;display:flex;justify-content:space-between;padding:1.5rem}[data-theme=dark] .delete-modal-header{background:#ef44440d;border-bottom-color:#ef444433}.delete-modal-title{align-items:center;color:var(--status-error);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.warning-icon{animation:pulse 2s ease-in-out infinite;font-size:1.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:.25rem;transition:all .2s ease;width:32px}.close-btn:hover{background:#0000000d;color:var(--text-primary)}[data-theme=dark] .close-btn:hover{background:#ffffff0d}.delete-modal-content{padding:1.5rem}.warning-section{background:#fee2e21a;border:1px solid #ef444433;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}[data-theme=dark] .warning-section{background:#ef44440d;border-color:#ef44444d}.warning-section h3{color:var(--text-primary);font-size:.9375rem;font-weight:600;margin:0 0 1rem}.deletion-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.deletion-list li{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.75rem}.list-icon{flex-shrink:0;font-size:1.125rem}.deletion-list strong{color:var(--text-primary);font-weight:600}.confirm-section{margin-bottom:1.5rem}.confirm-instruction{color:var(--text-primary);font-size:.875rem;margin-bottom:.75rem}.confirm-instruction strong{background:#ef44441a;border-radius:4px;color:var(--status-error);font-weight:700;padding:.125rem .375rem}.confirm-input{background:#fff;border:2px solid var(--border-light);border-radius:10px;color:var(--text-primary);font-size:1rem;font-weight:600;padding:.75rem 1rem;text-align:center;transition:all .2s ease;width:100%}[data-theme=dark] .confirm-input{background:var(--background-secondary);border-color:var(--border-color)}.confirm-input:focus{border-color:var(--status-error);box-shadow:0 0 0 4px #ef44441a;outline:none}.confirm-input:disabled{cursor:not-allowed;opacity:.5}.important-notice{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:10px;color:var(--text-secondary);font-size:.8125rem;line-height:1.5;padding:1rem}[data-theme=dark] .important-notice{background:#ffc1070d;border-color:#ffc10733}.important-notice strong{color:var(--lemon-yellow-dark)}.delete-modal-footer{border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}[data-theme=dark] .delete-modal-footer{border-top-color:var(--border-color)}.cancel-btn,.delete-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background:var(--neutral-100);color:var(--text-primary)}[data-theme=dark] .cancel-btn{background:var(--background-secondary)}.cancel-btn:hover:not(:disabled){background:var(--neutral-200);transform:translateY(-1px)}[data-theme=dark] .cancel-btn:hover:not(:disabled){background:var(--card-background)}.delete-btn{background:var(--neutral-300);color:var(--neutral-500);cursor:not-allowed}.delete-btn.enabled{background:var(--status-error);color:#fff;cursor:pointer}.delete-btn.enabled:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.delete-btn:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.delete-account-modal{max-height:90vh;width:95%}.delete-modal-header{padding:1.25rem}.delete-modal-title{font-size:1.125rem}.delete-modal-content{padding:1.25rem}.deletion-list{gap:.625rem}.deletion-list li{font-size:.8125rem}.delete-modal-footer{flex-direction:column;padding:1.25rem}.cancel-btn,.delete-btn{justify-content:center;width:100%}}:root{--color-primary:#4caf50;--color-primary-dark:#388e3c;--color-primary-light:#c8e6c9;--color-accent:#ffeb3b;--lemon-yellow:#ffd93d;--lemon-yellow-light:#fff4c4;--lemon-yellow-dark:#ffa000;--lemon-green:#6fcf97;--lemon-green-light:#a8e6cf;--lemon-green-dark:#27ae60;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--status-running:#27ae60;--status-stopped:#eb5757;--status-paused:#f2994a;--status-warning:#f2c94c;--status-error:#ef4444;--status-maintenance:#9333ea;--status-provisioning:#f59e0b;--border-light:#f0f0f0;--bg-cream:#fff9e6;--bg-light-brown:#f5e6d357;--text-brown:#8b4513;--text-brown-light:sienna;--transition-standard:0.3s ease;--border-radius-standard:8px;--border-radius-large:16px;--border-radius-xl:24px;--shadow-standard:0 2px 10px #0000001a;--shadow-hover:0 4px 20px #00000026}:root,[data-theme=light]{--text-primary:#212121;--text-secondary:#757575;--background:#fff;--background-alt:#f8f9fa;--background-secondary:#f5f5f5;--modal-background:#fff;--shadow:var(--shadow-standard);--button-text:#fff;--card:#fff;--card-background:#fff;--sidebar-background:#fafafa;--border:#e0e0e0;--border-color:#e0e0e0;--tree-background:#f5f5f5;--border-light:#f0f0f0}[data-theme=dark]{--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-brown:#c0a019;--text-brown-light:#ffa000;--background:#121212eb;--background-alt:#1a1a1a;--background-secondary:#202020;--modal-background:#1e1e1e;--shadow:0 2px 10px #0000004d;--shadow-hover:0 4px 20px #0006;--card:#1e1e1e;--card-background:#1e1e1e;--sidebar-background:#181818;--border:#333;--border-color:#333;--border-light:#2a2a2a;--tree-background:#0e0e0e;--lemon-yellow:#ffd93d;--lemon-yellow-light:#3a3512;--lemon-yellow-dark:#ffa000;--lemon-green:#4caf50;--lemon-green-light:#1b5e20;--bg-cream:#1a1a1a;--bg-light-brown:#504f4f;--status-running:#4caf50;--status-stopped:#f44336;--status-paused:#ff9800;--status-warning:#ffc107}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color var(--transition-standard),color var(--transition-standard)}button{background:none;border:none;cursor:pointer;transition:all .2s ease}button:focus{outline:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 5%;width:100%}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.animate-fade-in{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5ec7ae83.css.map*/