.navbar{position:sticky;top:0;z-index:1000;background:#0a0b0ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:60px}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.navbar-brand .logo{width:36px;height:36px;background:var(--accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.navbar-brand .logo i{font-size:16px;color:#fff}.brand-name{font-size:1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius);transition:var(--transition)}.nav-links a:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-links a.active{color:var(--accent-hover);background:var(--accent-dim)}.nav-links a i{font-size:.9rem}.user-section{position:relative;display:flex;align-items:center}.user-profile{display:flex;align-items:center;gap:.625rem;padding:.375rem .75rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition)}.user-profile:hover{background:var(--bg-hover)}.user-avatar{width:30px;height:30px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #0009;overflow:hidden;z-index:1001;animation:slide-up .12s ease-out}.dropdown-header{padding:1rem;border-bottom:1px solid var(--border)}.dropdown-header .user-name{font-weight:600;margin-bottom:.2rem}.dropdown-header .user-email{font-size:.78rem;color:var(--text-muted)}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.logout{border-top:1px solid var(--border);color:var(--danger)}.dropdown-item.logout:hover{background:#ef444414}.dropdown-item i{width:16px;text-align:center}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{width:22px;height:16px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-line{width:100%;height:2px;background:var(--text-secondary);border-radius:1px;transition:var(--transition)}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-links-container{display:flex;align-items:center;gap:1.5rem}@media (max-width: 768px){.mobile-menu-btn{display:block}.nav-links-container{position:fixed;top:60px;left:0;right:0;flex-direction:column;gap:0;background:#0a0b0efa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:1rem;display:none}.nav-links-container.open{display:flex}.nav-links{flex-direction:column;width:100%}.nav-links a{width:100%}.user-section{width:100%;margin-top:.5rem}.user-dropdown{right:auto;left:0}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:4rem 2rem 2rem;margin-top:auto}.footer-container{max-width:1280px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem;margin-bottom:3rem}.footer-column h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.25rem;color:var(--text-primary)}.footer-logo{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.footer-logo i{color:var(--accent)}.footer-about{color:var(--text-secondary);font-size:.85rem;line-height:1.7;margin-bottom:1.5rem}.social-links{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.social-link:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hover)}.footer-links{list-style:none}.footer-links li{margin-bottom:.625rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.footer-links a:hover{color:var(--accent-hover)}.footer-links a i{font-size:.6rem;color:var(--text-muted)}.contact-info{list-style:none}.contact-info li{display:flex;gap:.75rem;margin-bottom:.875rem;color:var(--text-secondary);font-size:.85rem}.contact-info i{color:var(--accent);margin-top:.2rem;width:14px;text-align:center}.copyright{text-align:center;padding-top:2rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border)}@media (max-width: 768px){.footer-content{gap:2rem}}.auto-typing-code{background:#0d0e12;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 40px #00000080;max-width:900px;margin:0 auto}.code-editor{background:#0d0e12;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}.editor-header{background:var(--bg-elevated);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border)}.header-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.header-title{color:var(--text-primary);font-size:.82rem;font-weight:500;margin-right:auto;font-family:var(--font-mono)}.header-language{color:var(--text-muted);font-size:.72rem;padding:.15rem .5rem;background:var(--bg-hover);border-radius:var(--radius);font-family:var(--font-mono)}.editor-content{padding:1.25rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);line-height:1.8;min-height:240px;overflow-x:auto}.editor-content pre{margin:0}.keyword{color:#c792ea}.string{color:#c3e88d}.function{color:#82aaff}.number{color:#f78c6c}.comment{color:#546e7a;font-style:italic}.property{color:#ffcb6b}.operator,.punctuation{color:#89ddff}.cursor{animation:type-cursor 1s step-end infinite;display:inline-block;width:2px;height:1.1em;background:var(--accent);vertical-align:text-bottom;margin-left:2px}@keyframes type-cursor{0%,to{opacity:1}50%{opacity:0}}.editor-footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:.75rem 1rem}.terminal-output{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.terminal-line{padding:.15rem 0}.terminal-line .prompt{color:var(--success)}.terminal-line .output{color:var(--text-secondary)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.container{width:100%}.matrix-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.035}.matrix-col{position:absolute;top:0;font-family:var(--font-mono);font-size:14px;line-height:1.2;color:var(--accent);writing-mode:vertical-rl;animation:matrix-fall linear infinite}@keyframes matrix-fall{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--accent-dim)}50%{box-shadow:0 0 20px #6366f14d}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:var(--transition)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg)}.card-accent{border-left:3px solid var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:var(--font-sans);font-size:.875rem;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);background:var(--bg-elevated);color:var(--text-primary);text-decoration:none;white-space:nowrap}.btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn i{font-size:.9em}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 12px #6366f140}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--bg-hover)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-block{width:100%}.input,.select,textarea{width:100%;padding:.625rem .875rem;font-family:var(--font-sans);font-size:.875rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);transition:var(--transition);outline:none}.input:focus,.select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;border-radius:var(--radius);text-transform:uppercase;letter-spacing:.03em}.badge-active{background:#22c55e26;color:var(--success)}.badge-inactive{background:#ef444426;color:var(--danger)}.badge-pending{background:#eab30826;color:var(--warning)}.badge-info{background:var(--accent-dim);color:var(--accent-hover)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.375rem}.status-dot.active{background:var(--success);box-shadow:0 0 6px #22c55e80}.status-dot.inactive{background:var(--danger)}.status-dot.pending{background:var(--warning)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:.875rem}thead{background:var(--bg-secondary)}th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text-primary)}tr:hover td{background:var(--bg-hover)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.8rem}.code-block{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:var(--font-mono);font-size:.8rem;overflow-x:auto;color:var(--text-secondary);line-height:1.7}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:slide-up .2s ease-out;font-size:.875rem;max-width:380px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--info)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@media (max-width: 768px){.main-content{padding:1rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.prices-page{display:flex;flex-direction:column;min-height:100vh}.pricing-hero{padding:5rem 0;background:linear-gradient(135deg,#0f172a,#1e293b);text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.pricing-hero .hero-title{font-size:2.8rem;margin-bottom:1rem;background:linear-gradient(to right,#f1f5f9,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-hero .hero-subtitle{color:#cbd5e1;font-size:1.2rem;max-width:700px;margin:0 auto 2rem}.toggle-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;color:#cbd5e1;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch label{position:absolute;cursor:pointer;inset:0;background-color:#334155;transition:.4s;border-radius:34px}.toggle-switch label:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+label{background-color:#6366f1}.toggle-switch input:checked+label:before{transform:translate(30px)}.discount{background:#10b98133;color:#10b981;padding:.2rem .6rem;border-radius:20px;font-size:.9rem}.pricing-plans{padding:5rem 0;background:#0f172a}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.plan-card{background:#1e293b;border-radius:12px;padding:2.5rem 2rem;position:relative;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px #0003}.plan-card.popular{border:1px solid #6366f1;transform:scale(1.03)}.plan-card.popular:hover{transform:scale(1.03) translateY(-10px)}.plan-card.highlight{border:1px solid #f59e0b}.popular-badge{position:absolute;top:-12px;right:20px;background:#6366f1;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:.9rem}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.plan-name{font-size:1.5rem;margin-bottom:.5rem;color:#f1f5f9}.plan-price{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#f1f5f9}.plan-desc{color:#94a3b8;font-size:.95rem}.plan-features{flex:1;margin-bottom:2rem}.feature-item{margin-bottom:1rem}.feature-availability{display:flex;align-items:center;gap:.8rem}.feature-availability i.fa-check{color:#10b981}.feature-availability i.fa-times{color:#ef4444}.feature-spec{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed rgba(255,255,255,.05)}.feature-name{color:#cbd5e1}.feature-value{color:#f1f5f9;font-weight:500}.plan-card .btn{width:100%;padding:.8rem;font-weight:600;border-radius:8px}.feature-comparison{padding:5rem 0;background:#0a0f1f}.comparison-table{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1)}table{width:100%;border-collapse:collapse;background:#1e293b}th,td{padding:1.2rem 1.5rem;text-align:center}th{background:#0f172a;color:#f1f5f9;font-weight:600;position:sticky;top:0}td{color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.05)}tr:last-child td{border-bottom:none}td:first-child{text-align:left;font-weight:500;color:#f1f5f9}tr:nth-child(2n){background:#ffffff05}.fa-check{color:#10b981}.fa-times{color:#ef4444}.faq-section{padding:5rem 0;background:#0f172a}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.faq-item{background:#1e293b;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.faq-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.faq-item h3{font-size:1.3rem;margin-bottom:1rem;color:#f1f5f9}.faq-item p{color:#cbd5e1;line-height:1.7}.pricing-cta{padding:5rem 0;background:linear-gradient(135deg,#0a0f1f,#1e293b);text-align:center;border-top:1px solid rgba(255,255,255,.05)}.pricing-cta h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(to right,#f1f5f9,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.pricing-cta p{color:#cbd5e1;font-size:1.2rem;max-width:600px;margin:0 auto 2rem}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 992px){.plans-grid{grid-template-columns:repeat(2,1fr)}.plan-card.popular{transform:scale(1)}}@media (max-width: 768px){.pricing-hero .hero-title{font-size:2.2rem}.plans-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.toggle-container{flex-direction:column;gap:.5rem}.comparison-table{font-size:.9rem}th,td{padding:.8rem}}@media (max-width: 480px){.pricing-hero .hero-title{font-size:1.8rem}.plan-price{font-size:2rem}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}}.server-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);position:relative}.server-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.server-status{position:absolute;left:0;top:0;width:3px;height:100%}.server-content{padding:1.25rem}.server-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.server-name{font-size:1.05rem;font-weight:600;color:var(--text-primary);flex:1}.status-badge{padding:.2rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius)}.badge-online{background:#22c55e1f;color:var(--success);border:1px solid rgba(34,197,94,.2)}.badge-offline{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge-starting{background:#eab3081f;color:var(--warning);border:1px solid rgba(234,179,8,.2)}.server-plan{display:inline-block;padding:.2rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--accent-dim);color:var(--accent-hover);border-radius:var(--radius);margin-bottom:.75rem}.server-description{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-bottom:1rem}.server-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:.75rem}.server-exp{display:flex;align-items:center;gap:.4rem}.server-actions{display:flex;gap:.375rem}.action-btn{padding:.3rem .6rem;font-size:.75rem;font-family:var(--font-sans);font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.25rem}.action-btn:hover{border-color:var(--accent);color:var(--accent-hover);background:var(--accent-dim)}.create-server-page{min-height:100vh;background:var(--dark)}.create-project-main{width:min(1380px,calc(100% - 32px));margin:0 auto;padding:56px 0 96px}.create-project-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:stretch;margin-bottom:28px}.hero-copy,.hero-policy-card,.project-form-card,.project-summary-card{border:1px solid rgba(255,255,255,.08);border-radius:28px;background:var(--dark-light);box-shadow:0 24px 60px #0000002e}.hero-copy{padding:38px}.hero-kicker{display:inline-flex;margin-bottom:14px;color:var(--primary-light);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.hero-copy h1{margin:0 0 16px;color:var(--text);font-size:clamp(2.7rem,5vw,4.5rem);line-height:.95}.hero-copy p{margin:0;max-width:760px;color:var(--text-light);font-size:1.06rem;line-height:1.7}.hero-policy-card{padding:30px;background:var(--darker);color:var(--text)}.policy-row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.policy-row:last-child{border-bottom:none;padding-bottom:0}.policy-row svg{flex-shrink:0;margin-top:2px;color:var(--primary-light)}.policy-row strong,.summary-section h3,.section-heading h2,.summary-head h2{display:block;font-weight:700}.policy-row span{display:block;margin-top:4px;color:var(--text-light);font-size:.94rem}.create-project-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:24px}.project-form-card,.project-summary-card{padding:30px}.form-alert{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding:16px 18px;border-radius:16px;font-size:.95rem}.form-alert.error{background:#ef444426;border:1px solid rgba(239,68,68,.28);color:var(--text)}.form-alert.success{background:#10b98126;border:1px solid rgba(16,185,129,.22);color:var(--text)}.form-section-block+.form-section-block{margin-top:28px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}.section-heading{margin-bottom:16px}.section-heading h2{margin:0 0 6px;color:var(--text);font-size:1.18rem}.section-heading p,.summary-head p,.upload-box span,.option-card span,.summary-section li,.field-grid label,.source-panel label,.success-box p{color:var(--text-light)}.section-heading p,.summary-head p{margin:0;line-height:1.6}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.option-grid.three-up{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.option-card{width:100%;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.option-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00000038}.option-card.active{border-color:#6366f18c;background:#6366f11f;box-shadow:0 18px 36px #6366f12e}.option-card strong{color:var(--text);font-size:1rem}.option-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:14px;background:#6366f129;color:var(--primary-light);font-size:1.1rem}.source-panel{display:grid;gap:14px;margin-top:16px;padding:18px;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full-span{grid-column:1 / -1}.field-grid label,.source-panel label{display:flex;flex-direction:column;gap:8px;font-size:.94rem;font-weight:600}.field-grid input,.field-grid select,.field-grid textarea,.source-panel input{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;font:inherit;color:var(--text);background:var(--darker)}.field-grid textarea{resize:vertical}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus,.source-panel input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.checkbox-row{flex-direction:row!important;align-items:center;gap:12px!important;font-weight:500!important}.checkbox-row input{width:18px;height:18px;margin:0}.upload-box{position:relative;align-items:center;justify-content:center;text-align:center;padding:28px;border:1px dashed rgba(255,255,255,.14);border-radius:18px;background:#ffffff08;cursor:pointer}.upload-box input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:18px;background:#6366f129;color:var(--primary-light);font-size:1.2rem}.submit-project-btn{width:100%;margin-top:30px;padding:17px 20px;border:none;border-radius:18px;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;background:var(--primary);box-shadow:0 20px 44px #6366f147}.submit-project-btn:disabled{cursor:wait;opacity:.75}.summary-head{margin-bottom:18px}.summary-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#6366f129;color:var(--primary-light);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.summary-head h2{margin:16px 0 10px;color:var(--text);font-size:2rem;line-height:1.02}.summary-section+.summary-section{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.summary-section ul{margin:12px 0 0;padding-left:18px}.summary-section li+li{margin-top:8px}.plan-price{margin-top:10px;color:var(--text);font-size:1.45rem;font-weight:800}.success-box{border-radius:18px;padding:18px;background:#10b9811f;border:1px solid rgba(16,185,129,.18)}@media (max-width: 1120px){.create-project-hero,.create-project-grid{grid-template-columns:1fr}}@media (max-width: 760px){.create-project-main{width:min(100%,calc(100% - 20px));padding:32px 0 72px}.hero-copy,.hero-policy-card,.project-form-card,.project-summary-card{padding:22px;border-radius:22px}.field-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;background:var(--bg-primary);display:flex}.login-grid{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100vh}.login-hero{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(99,102,241,.04) 0%,transparent 50%);pointer-events:none}.hero-content{max-width:560px;width:100%;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--success);background:#22c55e14;border:1px solid rgba(34,197,94,.15);border-radius:var(--radius);margin-bottom:1.5rem}.hero-title{font-size:3rem;font-weight:700;line-height:1.15;color:var(--text-primary);margin-bottom:1rem}.hero-accent{color:var(--accent-hover)}.hero-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem}.hero-code-window{background:#0d0e12;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:2.5rem;box-shadow:0 16px 40px #00000080}.code-window-header{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.win-dots{display:flex;gap:6px}.win-dot{width:10px;height:10px;border-radius:50%}.win-dot.red{background:#ff5f56}.win-dot.yellow{background:#ffbd2e}.win-dot.green{background:#27c93f}.win-title{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.code-window-body{padding:1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.7;min-height:200px}.code-line{display:flex;gap:1rem}.line-num{color:var(--text-muted);-webkit-user-select:none;user-select:none;min-width:2ch;text-align:right;opacity:.5}.line-code{color:var(--text-secondary);white-space:pre}.cursor-block{display:inline-block;width:8px;height:1.1em;background:var(--accent);vertical-align:text-bottom;margin-left:1px}.cursor-block.blink{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.hero-stats{display:flex;gap:2rem}.hero-stat{display:flex;flex-direction:column}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--bg-primary)}.form-panel-inner{max-width:400px;width:100%}.form-header{text-align:center;margin-bottom:2.5rem}.form-logo{width:56px;height:56px;background:var(--accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.form-logo i{font-size:24px;color:#fff}.form-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-subtitle{color:var(--text-muted);font-size:.9rem}.oauth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);margin-bottom:2rem}.oauth-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 16px #6366f14d;transform:translateY(-1px)}.oauth-btn:disabled{opacity:.7;cursor:not-allowed}.form-footer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.trust-item{display:flex;align-items:center;gap:.625rem;padding:.5rem 0;font-size:.85rem;color:var(--text-secondary)}.trust-item:not(:last-child){border-bottom:1px solid var(--border)}.trust-item i{color:var(--accent-hover);font-size:.9rem}@media (max-width: 900px){.login-grid{grid-template-columns:1fr}.login-hero,.login-form-panel{padding:2rem 1.5rem}.hero-title{font-size:2rem}.hero-stats{gap:1.5rem}}@media (max-width: 480px){.hero-title{font-size:1.65rem}.hero-code-window{display:none}}.file-manager-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.path-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.path-root{color:var(--accent-blue);font-weight:500}.path-separator{color:var(--text-tertiary)}.path-folder{color:var(--text-primary)}.file-manager-main{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.file-manager-header{padding:24px 32px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.header-left{display:flex;flex-direction:column;gap:12px;flex:1;min-width:300px}.header-title{display:flex;align-items:center;gap:12px}.title-icon{font-size:24px;color:var(--accent-blue)}.header-title h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.breadcrumb-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.breadcrumb-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px 10px;border-radius:6px;font-size:14px;transition:all .2s}.breadcrumb-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.breadcrumb-btn:disabled{opacity:.6;cursor:not-allowed}.breadcrumb-separator{color:var(--text-tertiary);font-size:12px;-webkit-user-select:none;user-select:none}.header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.stats-display{display:flex;gap:16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:12px 16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.stat-icon{color:var(--accent-blue);font-size:14px}.stat-value{color:var(--text-primary)}.error-alert{margin:16px 32px 0;padding:12px 16px;background:var(--error-bg);border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;align-items:center;gap:12px;color:var(--accent-red);font-size:14px}.file-manager-content{flex:1;display:flex;flex-direction:column;padding:24px 32px;overflow:hidden}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:wrap;gap:16px}.search-bar{position:relative;flex:1;max-width:400px;margin-right:20px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:14px}.search-input{width:100%;padding:10px 12px 10px 36px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.content-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.sort-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sort-label{font-size:13px;color:var(--text-tertiary)}.sort-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;border:none}.sort-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sort-btn.active{background:var(--accent-blue);color:#fff}.view-controls{display:flex;gap:8px}.view-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:18px;border:none}.view-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.view-btn.active{background:var(--accent-blue);color:#fff}.selected-info{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.selected-count{background:#3b82f61a;color:var(--accent-blue);padding:6px 12px;border-radius:6px;font-weight:500}.select-all-btn{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;border:none}.select-all-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.files-container{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:400px;color:var(--text-secondary);flex:1}.empty-icon{font-size:4rem;margin-bottom:1.5rem;color:var(--accent-blue);opacity:.7;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:var(--text-primary);margin-bottom:.8rem;font-size:1.5rem;font-weight:600}.empty-state p{max-width:400px;line-height:1.5;font-size:.95rem;margin-bottom:2rem;color:var(--text-secondary)}.empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;border:none}.action-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-blue)}.action-btn.primary{background:var(--accent-blue);color:#fff}.action-btn.primary:hover{background:#2563eb}.files-grid,.files-list{flex:1;overflow-y:auto;max-height:calc(100vh - 320px)}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.files-list{display:flex;flex-direction:column;padding:0}.file-item{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);transition:all .3s ease;cursor:pointer;display:flex;align-items:center;min-height:72px;padding:0 20px;position:relative}.file-item:last-child{border-bottom:none}.file-item:hover{background:#3b82f60d}.file-item.selected{background:#3b82f61a;border-left:3px solid var(--accent-blue)}.file-item.grid{flex-direction:column;height:200px;border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;padding:0}.file-item.grid:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:var(--accent-blue)}.file-item.grid .file-item-content{flex-direction:column;align-items:center;text-align:center;padding:24px 16px;flex:1}.file-item.grid .file-icon{width:64px;height:64px;font-size:32px;margin-bottom:16px;border-radius:16px}.file-item.grid .file-name{font-size:14px;max-width:100%}.file-item.grid .file-meta{flex-direction:column;gap:4px;font-size:11px}.file-item.grid .file-actions{position:absolute;top:12px;right:12px;opacity:0;transition:all .3s ease}.file-item.grid:hover .file-actions{opacity:1}.file-item.list{border-radius:8px;margin:4px 16px;border:1px solid transparent}.file-item.list:hover{border-color:var(--border-light)}.file-item-select{margin-right:16px;flex-shrink:0}.file-item-select input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue);cursor:pointer}.file-item-content{flex:1;display:flex;align-items:center;gap:16px;padding:16px 0;min-width:0;overflow:hidden}.file-icon{font-size:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px}.file-icon.folder{color:var(--accent-blue);background:#3b82f61a}.file-icon.image{color:#10b981;background:#10b9811a}.file-icon.code{color:#8b5cf6;background:#8b5cf61a}.file-icon.document{color:var(--accent-purple);background:#7928ca1a}.file-icon.archive{color:var(--accent-orange);background:#f59e0b1a}.file-icon.video{color:var(--accent-red);background:#ef44441a}.file-icon.audio{color:var(--accent-green);background:#10b9811a}.file-icon.spreadsheet{color:#06b6d4;background:#06b6d41a}.file-icon.presentation{color:#ef4444;background:#ef44441a}.file-icon.file{color:#64748b;background:#64748b1a}.file-info{flex:1;min-width:0;overflow:hidden}.file-name{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-input{width:100%;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--accent-blue);border-radius:4px;color:var(--text-primary);font-size:15px;outline:none}.file-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.meta-icon{font-size:11px}.file-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s;flex-shrink:0;margin-left:auto}.file-item:hover .file-actions{opacity:1}.file-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;border:none;font-size:14px}.file-action-btn:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent-blue)}.file-action-btn.delete:hover{background:#ef44441a;color:#f87171}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-secondary);border-radius:16px;padding:2rem;width:90%;max-width:500px;border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #00000080}.modal h3{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal input{width:100%;padding:.8rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:.95rem;margin-bottom:1.5rem;transition:border-color .2s}.modal input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.btn{padding:.7rem 1.4rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;border:1px solid transparent}.btn.secondary{background:transparent;border-color:var(--border-light);color:var(--text-secondary)}.btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn.primary{background:var(--accent-blue);color:#fff}.btn.primary:hover{background:#2563eb}.upload-modal{max-width:500px}.progress-container{text-align:center}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),#8b5cf6);transition:width .3s ease}.progress-message{color:var(--text-secondary);font-size:14px}.preview-modal{max-width:800px;max-height:80vh;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.close-preview{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer}.preview-content{flex:1;overflow:auto;background:var(--bg-tertiary);border-radius:8px;padding:16px;margin-bottom:20px}.image-preview{max-width:100%;max-height:50vh;object-fit:contain}.code-preview{margin:0;padding:0;background:transparent;color:var(--text-primary);font-family:Menlo,monospace;font-size:13px;line-height:1.5;overflow:auto;max-height:50vh;white-space:pre-wrap}.preview-actions{display:flex;gap:12px;justify-content:flex-end}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;background:var(--bg-primary)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.files-grid::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.files-grid::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.files-grid::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.files-grid::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:block}.file-manager-main{margin-left:0}.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.file-manager-header{padding:70px 20px 20px}.file-manager-content{padding:20px}}@media (max-width: 768px){.file-manager-header{flex-direction:column;align-items:stretch}.header-right{width:100%;justify-content:center}.stats-display{width:100%;justify-content:space-around}.content-header{flex-direction:column;align-items:stretch}.search-bar{max-width:100%;margin-right:0}.file-item{padding:0 16px;min-height:88px}.file-actions{opacity:1;position:absolute;top:12px;right:12px}.file-item-select{position:absolute;top:12px;left:12px;margin-right:0}.file-icon{margin-left:28px}.files-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 480px){.file-manager-header{padding:70px 16px 16px}.header-title h1{font-size:20px}.stats-display{flex-direction:column;align-items:center}.files-grid{grid-template-columns:1fr}.modal{padding:1.5rem}.empty-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.domain-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#1a1a1a;border-bottom:1px solid #333}.domain-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#fff}.domain-icon{color:#3b82f6}.server-id{font-size:.875rem;color:#888;font-weight:400}.add-domain-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s}.add-domain-btn:hover{background:#2563eb}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;color:#444;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.empty-state p{color:#888;margin-bottom:2rem}.domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1.5rem}.domain-card{background:#1a1a1a;border:1px solid #333;border-radius:.75rem;overflow:hidden;transition:transform .2s,box-shadow .2s}.domain-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.domain-card.active{border-color:#22c55e}.domain-card.pending{border-color:#f59e0b}.domain-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem;background:#222;border-bottom:1px solid #333}.domain-info{flex:1}.domain-name{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.5rem;word-break:break-all}.domain-url{margin-bottom:.5rem}.domain-url a{color:#3b82f6;text-decoration:none;font-size:.875rem;display:flex;align-items:center;gap:.25rem;transition:color .2s}.domain-url a:hover{color:#2563eb;text-decoration:underline}.ssl-icon{color:#22c55e;font-size:.875rem}.domain-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500}.domain-badge.subdomain{background:#3b82f620;color:#3b82f6}.domain-badge.custom{background:#8b5cf620;color:#8b5cf6}.domain-actions{display:flex;gap:.5rem}.icon-btn{padding:.5rem;background:transparent;border:1px solid #444;border-radius:.375rem;color:#888;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#333;color:#fff;border-color:#666}.domain-card-body{padding:1.25rem}.domain-status{display:flex;gap:.75rem;margin-bottom:1rem}.status-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.status-badge.active{background:#22c55e20;color:#22c55e}.status-badge.pending{background:#f59e0b20;color:#f59e0b}.status-badge.failed{background:#ef444420;color:#ef4444}.verified-badge{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#22c55e20;color:#22c55e;border-radius:.375rem;font-size:.875rem}.unverified-badge{padding:.375rem .75rem;background:#88888820;color:#888;border-radius:.375rem;font-size:.875rem}.verification-section{padding:1rem;background:#f59e0b10;border:1px solid #f59e0b30;border-radius:.5rem;margin-bottom:1rem}.verification-text{color:#f59e0b;margin-bottom:.75rem;font-size:.875rem}.verify-btn{padding:.5rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background .2s}.verify-btn:hover{background:#d97706}.domain-settings{display:flex;flex-direction:column;gap:.75rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#222;border-radius:.375rem}.setting-item span:first-child{color:#888;font-size:.875rem}.toggle-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#333;border:1px solid #444;border-radius:.375rem;color:#888;cursor:pointer;font-size:.875rem;transition:all .2s}.toggle-btn.active{background:#22c55e20;border-color:#22c55e;color:#22c55e}.toggle-btn:hover{background:#444}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:1.5rem;color:#fff}.modal-header button{padding:.5rem;background:transparent;border:none;color:#888;cursor:pointer;font-size:1.25rem}.domain-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:#222;border:2px solid #333;border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:center}.type-btn:hover{border-color:#3b82f6}.type-btn.active{background:#3b82f620;border-color:#3b82f6}.type-btn svg{font-size:2rem;color:#3b82f6}.type-btn span{font-weight:600;color:#fff}.type-btn small{color:#888;font-size:.75rem}.form-group label{display:block;margin-bottom:.5rem;color:#fff;font-weight:500}.form-group input{width:100%;padding:.75rem;background:#222;border:1px solid #444;border-radius:.375rem;color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:#3b82f6}.subdomain-input{display:flex;align-items:center;gap:.5rem}.subdomain-input input{flex:1}.domain-suffix{color:#888;font-weight:500}.domain-preview{margin-top:1rem;padding:1rem;background:#3b82f620;border:1px solid #3b82f640;border-radius:.5rem}.domain-preview strong{display:block;color:#3b82f6;margin-bottom:.5rem;font-size:.875rem}.preview-url{padding:.75rem;background:#1a1a1a;border:1px solid #3b82f6;border-radius:.375rem;color:#3b82f6;font-family:monospace;font-size:1rem;font-weight:600;margin-bottom:.5rem;word-break:break-all}.domain-preview small{display:block;color:#22c55e;font-size:.875rem;margin-top:.5rem}.verification-info{padding:1rem;background:#f59e0b10;border:1px solid #f59e0b30;border-radius:.5rem;margin-top:1rem}.verification-info h4{color:#f59e0b;margin-bottom:.5rem}.verification-info p{color:#888;margin-bottom:1rem;font-size:.875rem}.dns-record{margin-bottom:1rem;padding:.75rem;background:#222;border-radius:.375rem}.dns-record strong{display:block;color:#fff;margin-bottom:.5rem}.record-value{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.record-value code{flex:1;padding:.5rem;background:#1a1a1a;border:1px solid #333;border-radius:.25rem;color:#3b82f6;font-size:.875rem}.record-value button{padding:.5rem;background:#333;border:none;border-radius:.25rem;color:#888;cursor:pointer}.cancel-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid #444;border-radius:.375rem;color:#888;cursor:pointer;font-weight:500}.cancel-btn:hover{background:#333;color:#fff}.submit-btn{padding:.75rem 1.5rem;background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500}.submit-btn:hover{background:#2563eb}.loading-state{display:flex;align-items:center;justify-content:center;padding:4rem;color:#888}@media (max-width: 768px){.domains-grid,.domain-type-selector{grid-template-columns:1fr}}.ssl-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ssl-spin .6s linear infinite}@keyframes ssl-spin{to{transform:rotate(360deg)}}.domain-toast{position:fixed;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.5rem;font-weight:500;z-index:2000;animation:toastSlideIn .4s ease-out,toastFadeOut .4s ease-in 2.6s forwards;box-shadow:0 8px 24px #0000004d}.domain-toast-success{background:#1e4620;border:1px solid #48bb78;color:#48bb78}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}.success-animate{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-checkmark{width:56px;height:56px;margin:0 auto 1rem;position:relative}.check-icon{width:56px;height:56px;position:relative;border-radius:50%;box-sizing:content-box;border:3px solid #48bb78;animation:check-icon-scale .3s ease-in-out .4s both}.check-icon .icon-line{height:3px;background-color:#48bb78;display:block;border-radius:2px;position:absolute;z-index:10}.check-icon .icon-line.line-tip{top:33px;left:10px;width:14px;transform:rotate(45deg);animation:icon-line-tip .4s ease-in-out .5s both}.check-icon .icon-line.line-long{top:29px;right:7px;width:24px;transform:rotate(-45deg);animation:icon-line-long .4s ease-in-out .6s both}@keyframes check-icon-scale{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:14px;left:8px;top:33px}to{width:14px;left:10px;top:33px}}@keyframes icon-line-long{0%{width:0;right:36px;top:33px}65%{width:24px;right:0;top:29px}84%{width:20px;right:6px;top:29px}to{width:24px;right:7px;top:29px}}.dns-modal{max-width:600px}.success-message{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#1e4620;border:1px solid #48bb78;border-radius:8px;margin-bottom:1.5rem}.success-icon{font-size:2rem;color:#48bb78}.success-message p{margin:0;color:#e2e8f0;font-size:1rem}.dns-instructions h3{margin:0 0 1rem;font-size:1.1rem;color:#fff}.dns-instructions>p{margin:0 0 1.5rem;color:#a0aec0}.dns-record-box{background:#2d3748;border:1px solid #4a5568;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.dns-field{margin-bottom:1.25rem}.dns-field:last-child{margin-bottom:0}.dns-field label{display:block;font-weight:600;color:#e2e8f0;margin-bottom:.5rem;font-size:.9rem}.dns-value{display:flex;align-items:center;gap:.75rem;background:#1a202c;padding:.75rem 1rem;border-radius:6px;border:1px solid #4a5568}.dns-value code{flex:1;color:#4299e1;font-size:.95rem;word-break:break-all}.copy-btn{background:#4a5568;border:none;color:#e2e8f0;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#2d3748;color:#4299e1}.dns-note{display:flex;gap:1rem;padding:1rem;background:#744210;border:1px solid #ed8936;border-radius:8px}.note-icon{color:#ed8936;font-size:1.25rem;flex-shrink:0;margin-top:.25rem}.dns-note strong{display:block;color:#fbd38d;margin-bottom:.5rem}.dns-note p{margin:0;color:#e2e8f0;font-size:.9rem;line-height:1.5}.file-manager-container *{box-sizing:border-box;margin:0;padding:0}.file-manager-container{background:var(--bg-primary);color:var(--text-primary);height:100vh;width:100vw;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden;position:relative}.file-manager-container.dark{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--bg-card: #161622;--bg-hover: #25253a;--bg-active: #2d2d4a;--text-primary: #ffffff;--text-secondary: #a0a0c0;--text-muted: #6c6c8c;--border-color: #2a2a40;--border-light: #3a3a5a;--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #818cf8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}.file-manager-container.light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-hover: #e2e8f0;--bg-active: #cbd5e1;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--border-color: #e2e8f0;--border-light: #cbd5e1;--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #60a5fa;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}.file-manager-container .global-loading-bar{position:fixed;top:0;left:0;right:0;height:32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:12px;color:var(--primary);font-size:14px;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}.file-manager-container.drag-over:before{content:"";position:fixed;inset:0;background:#6366f11a;border:3px dashed var(--primary);z-index:9999;pointer-events:none}.file-manager-container .app-header{height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px #0000001a;flex-shrink:0}.file-manager-container .header-left{display:flex;align-items:center;gap:16px;flex:1}.file-manager-container .mobile-menu-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;display:none;transition:all .2s}.file-manager-container .mobile-menu-btn:hover{background:var(--bg-hover)}.file-manager-container .logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s}.file-manager-container .logo-section:hover{opacity:.9}.file-manager-container .logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 2px 8px #6366f14d}.file-manager-container .logo-text h1{font-size:18px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.file-manager-container .server-id{font-size:11px;color:var(--text-muted);letter-spacing:.5px;font-weight:500;opacity:.8}.file-manager-container .header-center{flex:2;max-width:500px;margin:0 24px}.file-manager-container .search-container{position:relative;width:100%}.file-manager-container .search-input{width:100%;padding:10px 16px 10px 44px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.file-manager-container .search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-secondary)}.file-manager-container .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.file-manager-container .clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-manager-container .clear-search:hover{color:var(--text-primary);background:var(--bg-hover)}.file-manager-container .header-right{flex:1;display:flex;justify-content:flex-end}.file-manager-container .header-controls{display:flex;align-items:center;gap:8px}.file-manager-container .control-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;outline:none;flex-shrink:0}.file-manager-container .control-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.file-manager-container .control-btn:active{transform:translateY(0)}.file-manager-container .control-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.file-manager-container .control-btn.has-problems{animation:pulse-error 2s infinite}@keyframes pulse-error{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.file-manager-container .badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;font-weight:600;border:2px solid var(--bg-secondary)}.file-manager-container .problem-count{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;font-weight:600;border:2px solid var(--bg-secondary)}.file-manager-container .app-main{display:flex;flex:1;overflow:hidden;position:relative;height:calc(100vh - var(--header-height, 64px));gap:0!important}.file-manager-container .app-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;position:relative;transition:width .3s ease;overflow:hidden;margin:0;padding:0}.file-manager-container .sidebar-header{padding:20px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.file-manager-container .sidebar-header h3{font-size:14px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.file-manager-container .sidebar-actions{display:flex;gap:4px}.file-manager-container .sidebar-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;outline:none;font-size:12px}.file-manager-container .sidebar-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-light)}.file-manager-container .bookmarks-section{padding:16px;border-bottom:1px solid var(--border-color);flex-shrink:0}.file-manager-container .bookmarks-section h4{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.file-manager-container .bookmarks-list{display:flex;flex-direction:column;gap:4px}.file-manager-container .bookmark-item{padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;border:1px solid transparent}.file-manager-container .bookmark-item:hover{background:var(--bg-hover);border-color:var(--primary-light)}.file-manager-container .bookmark-name{font-size:13px;color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-manager-container .file-tree-container{flex:1;overflow-y:auto;padding:16px}.file-manager-container .tree-item{margin-bottom:2px}.file-manager-container .tree-node{display:flex;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;border:1px solid transparent;min-height:36px}.file-manager-container .tree-node:hover{background:var(--bg-hover);border-color:var(--primary-light)}.file-manager-container .tree-node.active{background:var(--primary);color:#fff}.file-manager-container .tree-node.active .file-icon,.file-manager-container .tree-node.active .file-name,.file-manager-container .tree-node.active .file-size{color:#fff!important}.file-manager-container .expand-icon{width:16px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:10px;flex-shrink:0}.file-manager-container .file-icon{margin:0 10px 0 4px;font-size:16px;display:flex;align-items:center;flex-shrink:0}.file-manager-container .file-info{flex:1;min-width:0;overflow:hidden}.file-manager-container .file-name{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;display:block}.file-manager-container .file-size{font-size:11px;color:var(--text-muted);margin-top:2px;font-weight:400}.file-manager-container .tree-children{margin-left:1rem;border-left:1px dashed var(--border-color);padding-left:8px}.file-manager-container .rename-input{background:var(--bg-tertiary);border:1px solid var(--primary);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:14px;width:100%;outline:none;font-family:inherit}.file-manager-container .rename-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 2px #6366f11a}.file-manager-container .tree-loading{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--text-muted);gap:12px;font-size:14px}.file-manager-container .sidebar-footer{padding:16px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.file-manager-container .server-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);font-weight:500}.file-manager-container .status-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);position:relative;flex-shrink:0}.file-manager-container .status-dot.online{background:var(--success);box-shadow:0 0 0 3px #10b98133}.file-manager-container .status-dot.online:after{content:"";position:absolute;inset:-3px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.file-manager-container .refresh-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;outline:none;flex-shrink:0}.file-manager-container .refresh-btn:hover{background:var(--bg-hover);color:var(--primary-light);transform:rotate(90deg)}.file-manager-container .app-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);transition:margin-left .3s ease,width .3s ease;position:relative;min-width:0;margin:0!important;padding:0!important}.file-manager-container .breadcrumb-nav{padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-height:50px;flex-shrink:0;margin:0}.file-manager-container .breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:4px;flex:1}.file-manager-container .breadcrumb-item{padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;outline:none;font-weight:500}.file-manager-container .breadcrumb-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-light);transform:translateY(-1px)}.file-manager-container .editor-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;min-height:40px;flex-shrink:0;position:relative;z-index:10;padding:0;margin:0}.file-manager-container .tabs-scroll{display:flex;align-items:center;flex:1;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-left:8px}.file-manager-container .tabs-scroll::-webkit-scrollbar{display:none}.file-manager-container .editor-tab{padding:12px 20px;display:flex;align-items:center;gap:8px;cursor:pointer;border-right:1px solid var(--border-color);min-width:160px;max-width:200px;transition:all .2s;position:relative;flex-shrink:0;border-bottom:2px solid transparent;-webkit-user-select:none;user-select:none;background:var(--bg-tertiary);margin-top:4px;margin-right:4px;border-radius:8px 8px 0 0}.file-manager-container .editor-tab:hover{background:var(--bg-hover)}.file-manager-container .editor-tab.active{background:var(--bg-primary);border-bottom-color:var(--primary);color:var(--text-primary);margin-top:0;border-top:4px solid var(--primary)}.file-manager-container .editor-tab.dragging{opacity:.5;transform:scale(.95);box-shadow:0 5px 15px #0000004d}.file-manager-container .editor-tab.drag-over{border-left:3px solid var(--primary)}.file-manager-container .tab-icon{font-size:14px;color:var(--text-secondary);flex-shrink:0}.file-manager-container .tab-name{flex:1;font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:flex;align-items:center;gap:6px}.file-manager-container .unsaved-dot{color:var(--warning);margin-left:4px;animation:pulse 2s infinite;font-size:12px}.file-manager-container .error-count{background:var(--danger);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.file-manager-container .tab-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;opacity:0;transition:all .2s;flex-shrink:0;outline:none}.file-manager-container .editor-tab:hover .tab-close{opacity:1}.file-manager-container .tab-close:hover{background:var(--bg-hover);color:var(--text-primary)}.file-manager-container .tab-actions{display:flex;gap:8px;padding:0 12px;align-items:center;border-left:1px solid var(--border-color);flex-shrink:0;height:100%;margin:0}.file-manager-container .save-tab-btn,.file-manager-container .save-all-btn{padding:8px 16px;border:none;border-radius:8px;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;font-weight:600;outline:none;flex-shrink:0;height:32px;margin:0}.file-manager-container .save-tab-btn{background:var(--primary)}.file-manager-container .save-all-btn{background:var(--success)}.file-manager-container .save-tab-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.file-manager-container .save-all-btn:hover{background:#0ea471;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.file-manager-container .file-grid-view{flex:1;overflow-y:auto;padding:24px;background:var(--bg-primary);margin:0}.file-manager-container .empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);padding:40px 20px;margin:0}.file-manager-container .empty-state-content{text-align:center;max-width:500px;padding:40px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 20px #0000001a;margin:0}.file-manager-container .empty-icon{font-size:64px;margin-bottom:24px;color:var(--text-muted);opacity:.5}.file-manager-container .empty-state h3{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--text-primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.file-manager-container .empty-state p{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:400px;margin:0 auto 32px}.file-manager-container .empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0}.file-manager-container .primary-btn{padding:14px 28px;background:var(--primary);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 8px #6366f133;margin:0}.file-manager-container .primary-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.file-manager-container .secondary-btn{padding:14px 28px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;margin:0}.file-manager-container .secondary-btn:hover{background:var(--bg-hover);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.file-manager-container .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-manager-container .file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:0;margin:0}.file-manager-container .file-grid-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;margin:0}.file-manager-container .file-grid-item:hover{transform:translateY(-4px);border-color:var(--primary-light);box-shadow:0 8px 32px #00000026}.file-manager-container .file-grid-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s}.file-manager-container .file-grid-item:hover:before{opacity:1}.file-manager-container .file-grid-icon{font-size:40px;display:flex;justify-content:center;align-items:center;height:60px;margin:0}.file-manager-container .file-grid-info{flex:1;margin:0}.file-manager-container .file-grid-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.file-manager-container .file-grid-meta{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.file-manager-container .file-grid-meta span{display:flex;align-items:center}.file-manager-container .file-grid-actions{opacity:0;transition:opacity .2s;display:flex;justify-content:flex-end;margin:0}.file-manager-container .file-grid-item:hover .file-grid-actions{opacity:1}.file-manager-container .grid-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s;outline:none;margin:0}.file-manager-container .grid-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-light);transform:scale(1.1)}.file-manager-container .monaco-editor-container{flex:1;position:relative;overflow:hidden;min-height:200px;margin:0;padding:0;width:100%}.file-manager-container .editor-loading{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-primary);color:var(--text-secondary);font-size:14px}.file-manager-container .problems-container{background:var(--bg-secondary);border-top:1px solid var(--border-color);overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;margin:0;padding:0}.file-manager-container .problems-panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;margin:0;padding:0}.file-manager-container .problems-panel.empty{display:flex;align-items:center;justify-content:center;padding:40px;margin:0}.file-manager-container .problems-empty{text-align:center;color:var(--text-muted);margin:0}.file-manager-container .problems-empty .success-icon{font-size:48px;color:var(--success);margin-bottom:16px}.file-manager-container .problems-header{padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin:0}.file-manager-container .problems-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.file-manager-container .close-problems{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin:0}.file-manager-container .close-problems:hover{background:var(--bg-hover);color:var(--text-primary)}.file-manager-container .problems-list{flex:1;overflow-y:auto;padding:8px;margin:0}.file-manager-container .problem-item{padding:12px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .2s;border-radius:6px;margin:0}.file-manager-container .problem-item:hover{background:var(--bg-hover)}.file-manager-container .problem-item.error{border-left:3px solid var(--danger)}.file-manager-container .problem-icon{font-size:16px;margin-top:2px;flex-shrink:0}.file-manager-container .error-icon{color:var(--danger)}.file-manager-container .problem-content{flex:1;min-width:0;margin:0}.file-manager-container .problem-message{font-size:14px;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.file-manager-container .problem-location{font-size:12px;color:var(--text-muted);font-family:Fira Code,monospace}.file-manager-container .terminal-panel{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;flex-direction:column;font-family:Fira Code,Consolas,Monaco,monospace;flex-shrink:0;overflow:hidden;margin:0;padding:0}.file-manager-container .terminal-header{padding:8px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;flex-wrap:wrap;gap:12px;margin:0}.file-manager-container .terminal-tabs{display:flex;gap:4px;margin:0}.file-manager-container .terminal-tab{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px 6px 0 0;color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;outline:none;margin:0}.file-manager-container .terminal-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.file-manager-container .terminal-tab.active{background:var(--bg-primary);color:var(--text-primary);border-bottom-color:var(--bg-primary)}.file-manager-container .terminal-controls{display:flex;align-items:center;gap:12px;margin:0}.file-manager-container .server-controls{display:flex;gap:8px;margin:0}.file-manager-container .server-control-btn{padding:6px 12px;border:none;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;outline:none;font-weight:500;margin:0}.file-manager-container .server-control-btn.start{background:var(--success)}.file-manager-container .server-control-btn.stop{background:var(--danger)}.file-manager-container .server-control-btn.restart{background:var(--warning)}.file-manager-container .server-control-btn:disabled{opacity:.5;cursor:not-allowed}.file-manager-container .server-control-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0003}.file-manager-container .terminal-actions{display:flex;gap:8px;margin:0}.file-manager-container .terminal-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s;outline:none;margin:0}.file-manager-container .terminal-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary-light)}.file-manager-container .terminal-content{flex:1;overflow-y:auto;padding:16px;font-size:13px;line-height:1.6;background:#1a1a1a;color:#0f0;font-family:Fira Code,monospace;margin:0}.file-manager-container .terminal-log{margin-bottom:4px;display:flex;align-items:flex-start;gap:12px;font-family:Fira Code,monospace}.file-manager-container .log-time{color:#666;font-size:11px;min-width:80px;flex-shrink:0;font-family:Fira Code,monospace}.file-manager-container .log-message{color:#0f0;flex:1;word-break:break-word;font-family:Fira Code,monospace}.file-manager-container .log-line{margin-bottom:4px;padding:4px 0;font-family:Fira Code,monospace}.file-manager-container .log-prompt{color:#87ceeb;margin-right:4px}.file-manager-container .command-line{color:#0f0}.file-manager-container .output-line{color:#fff}.file-manager-container .error-line{color:#ff6b6b}.file-manager-container .system-line{color:gold}.file-manager-container .exit-code{color:orange;margin-left:8px;font-size:11px}.file-manager-container .log-line-plain{color:#0f0}.file-manager-container .terminal-input{padding:12px 16px;background:#1a1a1a;border-top:1px solid var(--border-color);flex-shrink:0;margin:0}.file-manager-container .terminal-input form{display:flex;align-items:center;gap:8px;margin:0}.file-manager-container .command-prompt{display:flex;align-items:center;color:#0f0;font-family:Fira Code,monospace;font-size:14px;white-space:nowrap;flex-shrink:0;margin:0}.file-manager-container .prompt-user{color:#87ceeb}.file-manager-container .prompt-separator{margin:0 2px}.file-manager-container .prompt-path{color:#ff0}.file-manager-container .prompt-symbol{margin-left:4px;color:#0f0}.file-manager-container .command-input{flex:1;padding:8px 12px;background:#2a2a2a;border:1px solid #00ff00;border-radius:4px;color:#fff;font-family:Fira Code,monospace;font-size:14px;outline:none;margin:0}.file-manager-container .command-input:focus{box-shadow:0 0 0 2px #0f03}.file-manager-container .execute-btn{padding:8px 16px;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;outline:none;margin:0}.file-manager-container .execute-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.file-manager-container .execute-btn:disabled{opacity:.5;cursor:not-allowed}.file-manager-container .resize-handle{position:relative;z-index:100;-webkit-user-select:none;user-select:none;background:var(--border-color);transition:background .2s;flex-shrink:0}.file-manager-container .resize-handle:hover,.file-manager-container .resize-handle:active{background:var(--primary)}.file-manager-container .resize-handle-vertical{width:4px;cursor:col-resize;position:absolute;top:0;bottom:0;right:0;z-index:1000}.file-manager-container .resize-handle-vertical:after{content:"";position:absolute;inset:0 -4px;cursor:col-resize}.file-manager-container .resize-handle-horizontal{height:4px;cursor:row-resize;width:100%;z-index:1000}.file-manager-container .resize-handle-horizontal:after{content:"";position:absolute;inset:-4px 0;cursor:row-resize}.file-manager-container .loading-state{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:9999}.file-manager-container .spinner-container{text-align:center;padding:40px;background:var(--bg-card);border-radius:20px;border:1px solid var(--border-color);box-shadow:0 8px 32px #0000001a}.file-manager-container .spinner{font-size:48px;color:var(--primary);animation:spin 1s linear infinite;margin-bottom:24px}.file-manager-container .spinner-text{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.file-manager-container .spinner-subtext{font-size:14px;color:var(--text-muted);max-width:300px;margin:0 auto}.file-manager-container .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary);padding:24px;text-align:center}.file-manager-container .error-icon{font-size:64px;margin-bottom:24px;color:var(--danger)}.file-manager-container .error-state h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.file-manager-container .error-state p{font-size:16px;color:var(--text-secondary);margin:0 0 32px;max-width:400px;line-height:1.6}.file-manager-container .retry-btn{padding:14px 28px;background:var(--primary);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;outline:none;box-shadow:0 2px 8px #6366f133}.file-manager-container .retry-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.file-manager-container .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-manager-container .modal,.file-manager-container .quick-open-modal,.file-manager-container .settings-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:modalFadeIn .2s ease-out}.file-manager-container .settings-modal{max-width:600px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.file-manager-container .modal-header,.file-manager-container .settings-header,.file-manager-container .quick-open-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.file-manager-container .modal-header h3,.file-manager-container .settings-header h3,.file-manager-container .quick-open-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.file-manager-container .modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-manager-container .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.file-manager-container .modal-body,.file-manager-container .settings-body,.file-manager-container .quick-open-body{padding:24px;overflow-y:auto;flex:1}.file-manager-container .modal-footer,.file-manager-container .settings-footer,.file-manager-container .quick-open-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}.file-manager-container .modal-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s}.file-manager-container .modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.file-manager-container .quick-open-modal{max-width:600px}.file-manager-container .quick-open-header .hint,.file-manager-container .quick-open-footer .hint{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:8px}.file-manager-container .quick-open-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s}.file-manager-container .quick-open-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.file-manager-container .quick-open-results{margin-top:16px;max-height:300px;overflow-y:auto}.file-manager-container .no-results{padding:20px;text-align:center;color:var(--text-muted);font-size:14px}.file-manager-container .settings-section{margin-bottom:24px}.file-manager-container .settings-section h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.file-manager-container .setting-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-light)}.file-manager-container .setting-item:last-child{border-bottom:none}.file-manager-container .setting-item label{font-size:14px;color:var(--text-secondary)}.file-manager-container .setting-item select,.file-manager-container .setting-item input[type=range]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:6px 12px;font-size:14px;outline:none;min-width:120px}.file-manager-container .setting-item .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.file-manager-container .setting-item .checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.file-manager-container .setting-value{min-width:60px;text-align:right;font-size:14px;color:var(--text-muted)}.file-manager-container .context-menu{position:fixed;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:6px 0;min-width:180px;box-shadow:0 12px 28px #00000080;z-index:99999;animation:fadeIn .1s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.file-manager-container .context-menu hr{margin:6px 0;border:none;border-top:1px solid var(--border-color)}.file-manager-container .context-menu-item{padding:10px 16px;display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.file-manager-container .context-menu-item:hover{background:var(--bg-hover);color:var(--primary-light)}.file-manager-container .context-menu-item.danger:hover{background:#ef444433;color:var(--danger)}.file-manager-container .context-menu-item svg{font-size:14px;color:currentColor}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.file-manager-container .app-header{padding:0 16px}.file-manager-container .mobile-menu-btn{display:flex}.file-manager-container .header-center{display:none}.file-manager-container .logo-text h1{font-size:16px}.file-manager-container .app-sidebar{position:fixed;top:var(--header-height, 64px);left:0;bottom:0;z-index:1000;box-shadow:4px 0 20px #0000004d;width:100%!important;max-width:100%}.file-manager-container .resize-handle-vertical,.file-manager-container .resize-handle-horizontal{display:none}.file-manager-container .file-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.file-manager-container .file-grid-item{padding:16px}.file-manager-container .editor-tab{min-width:120px;padding:10px 16px}.file-manager-container .tab-actions{display:none}.file-manager-container .modal,.file-manager-container .quick-open-modal,.file-manager-container .settings-modal{margin:16px;width:calc(100% - 32px);max-height:80vh}}@media (max-width: 480px){.file-manager-container .header-controls .control-btn{width:36px;height:36px}.file-manager-container .file-grid{grid-template-columns:1fr}.file-manager-container .empty-actions{flex-direction:column;width:100%}.file-manager-container .empty-actions button{width:100%}.file-manager-container .terminal-panel{height:200px!important}.file-manager-container .breadcrumb-nav{flex-direction:column;align-items:flex-start;gap:8px}}.file-manager-container .text-blue-400{color:#60a5fa}.file-manager-container .text-gray-400{color:#9ca3af}.file-manager-container .text-yellow-500{color:#eab308}.file-manager-container .ml-2{margin-left:.5rem}.file-manager-container .toast-notification{position:fixed;top:80px;right:24px;min-width:280px;max-width:400px;padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 28px #0000004d;display:flex;align-items:center;gap:12px;z-index:99999;animation:toastSlideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.file-manager-container .toast-notification.success{border-left:4px solid var(--success)}.file-manager-container .toast-notification.error{border-left:4px solid var(--danger)}.file-manager-container .toast-notification.warning{border-left:4px solid var(--warning)}.file-manager-container .toast-notification.info{border-left:4px solid var(--info)}.file-manager-container .toast-icon{font-size:20px;display:flex;align-items:center}.file-manager-container .toast-notification.success .toast-icon{color:var(--success)}.file-manager-container .toast-notification.error .toast-icon{color:var(--danger)}.file-manager-container .toast-notification.warning .toast-icon{color:var(--warning)}.file-manager-container .toast-notification.info .toast-icon{color:var(--info)}.file-manager-container .toast-message{flex:1;font-size:14px;color:var(--text-primary);word-break:break-word}.file-manager-container .terminal-log.log-info .log-message{color:#4ade80}.file-manager-container .terminal-log.log-warning .log-message{color:#fbbf24}.file-manager-container .terminal-log.log-error .log-message{color:#f87171}.file-manager-container .terminal-log.log-success .log-message{color:#60a5fa}.file-manager-container .terminal-log.log-debug .log-message{color:#9ca3af}.file-manager-container .ai-chat{display:flex;flex-direction:column;gap:12px;padding:8px 0;font-family:Fira Code,monospace}.file-manager-container .ai-message{display:flex;gap:12px;margin-bottom:8px;animation:fadeInMessage .2s ease-out}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.file-manager-container .message-avatar{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.file-manager-container .ai-message.user .message-avatar{background:var(--primary);color:#fff}.file-manager-container .ai-message.assistant .message-avatar{background:var(--success);color:#fff}.file-manager-container .message-content{flex:1;background:var(--bg-tertiary);border-radius:8px;padding:12px 16px;font-size:13px;line-height:1.5;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-light)}.file-manager-container .ai-message.user .message-content{background:var(--bg-hover);border-left:3px solid var(--primary)}.file-manager-container .ai-message.assistant .message-content{border-left:3px solid var(--success)}.file-manager-container .message-content pre{margin:0;font-family:inherit;white-space:pre-wrap;word-break:break-word}.file-manager-container .typing-cursor{display:inline-block;width:2px;height:1em;background:var(--primary);margin-left:4px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.file-manager-container .terminal-input.ai-input{background:var(--bg-tertiary);border-top:2px solid var(--primary)}.file-manager-container .terminal-input.ai-input .command-prompt{color:var(--primary)}.file-manager-container .debug-ai-btn{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:11px;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s;margin-left:auto;flex-shrink:0;outline:none;white-space:nowrap}.file-manager-container .debug-ai-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.file-manager-container .debug-ai-btn svg{font-size:12px}.file-manager-container .problem-item{display:flex;align-items:center;gap:8px}.file-manager-container .problem-item .problem-content{flex:1}.file-manager-container .terminal-tabs{flex-wrap:wrap}.file-manager-container .terminal-tab svg{margin-right:4px}.file-manager-container .log-time{color:var(--text-muted);font-size:10px;white-space:nowrap}.file-manager-container .log-icon{font-size:12px;flex-shrink:0}.file-manager-container .log-message{flex:1;white-space:pre-wrap}.file-manager-container .ai-panel{display:flex;height:100%;overflow:hidden}.file-manager-container .ai-chat-column{flex:1;overflow-y:auto;padding:8px;border-right:1px solid var(--border-color);min-width:200px}.file-manager-container .ai-action-log-column{width:300px;display:flex;flex-direction:column;background:var(--bg-tertiary);border-left:1px solid var(--border-color);transition:width .3s ease}.file-manager-container .ai-action-log-column.collapsed{width:40px}.file-manager-container .action-log-header{padding:8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);font-size:12px;font-weight:600;color:var(--text-secondary)}.file-manager-container .action-log-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.file-manager-container .action-log-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.file-manager-container .action-log{flex:1;overflow-y:auto;padding:8px;font-size:11px;font-family:Fira Code,monospace}.file-manager-container .action-log-entry{padding:4px 8px;margin-bottom:4px;border-radius:4px;background:var(--bg-secondary);border-left:3px solid transparent;display:flex;align-items:flex-start;gap:6px;word-break:break-word}.file-manager-container .action-log-entry.action{border-left-color:var(--primary)}.file-manager-container .action-log-entry.result{border-left-color:var(--success)}.file-manager-container .action-log-entry.error{border-left-color:var(--danger)}.file-manager-container .action-log-entry.info{border-left-color:var(--info)}.file-manager-container .action-log-entry.complete{border-left-color:var(--warning)}.file-manager-container .action-log .log-time{color:var(--text-muted);font-size:10px;white-space:nowrap}.file-manager-container .action-log .log-icon{font-size:12px;flex-shrink:0}.file-manager-container .action-log .log-message{flex:1;white-space:pre-wrap}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #2d3748}.settings-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#fff}.settings-icon{color:#4299e1}.settings-container{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#1a202c;border-radius:12px;padding:1.5rem;border:1px solid #2d3748}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;font-weight:600;color:#fff;margin:0}.section-icon{font-size:1.5rem;color:#4299e1}.github-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#e2e8f0;font-size:.9rem}.form-group input{padding:.75rem;background:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#fff;font-size:.95rem}.form-group input:focus{outline:none;border-color:#4299e1}.form-group small{color:#a0aec0;font-size:.85rem}.link-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#4299e1;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.link-btn:hover{background:#3182ce}.link-btn:disabled{opacity:.5;cursor:not-allowed}.github-connected{display:flex;flex-direction:column;gap:1.5rem}.repo-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#2d3748;border-radius:8px}.repo-icon{font-size:2rem;color:#4299e1}.repo-info h3{margin:0;font-size:1.1rem;color:#fff}.branch-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#4a5568;border-radius:12px;font-size:.85rem;color:#e2e8f0;margin-top:.5rem}.unlink-btn{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.unlink-btn:hover{background:#c53030}.auto-deploy-toggle{padding:1rem;background:#2d3748;border-radius:8px}.auto-deploy-toggle label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#e2e8f0}.auto-deploy-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.auto-deploy-toggle small{display:block;margin-top:.5rem;margin-left:2rem;color:#a0aec0;font-size:.85rem}.commits-section{display:flex;flex-direction:column;gap:1rem}.commits-header{display:flex;justify-content:space-between;align-items:center}.commits-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;color:#e2e8f0}.fetch-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4a5568;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.fetch-btn:hover{background:#2d3748}.commits-list{display:flex;flex-direction:column;gap:.75rem}.commit-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#2d3748;border-radius:8px;border:1px solid #4a5568}.commit-info{display:flex;flex-direction:column;gap:.25rem}.commit-info code{display:inline-block;padding:.25rem .5rem;background:#4a5568;border-radius:4px;font-size:.85rem;color:#4299e1;width:fit-content}.commit-info span{color:#e2e8f0;font-size:.95rem}.commit-info small{color:#a0aec0;font-size:.85rem}.deploy-btn{padding:.5rem 1rem;background:#48bb78;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.deploy-btn:hover{background:#38a169}.no-commits{padding:2rem;text-align:center;color:#a0aec0;font-size:.95rem}.transfer-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ed8936;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem}.transfer-btn:hover{background:#dd6b20}.danger-zone{border-color:#e53e3e}.danger-zone .section-icon{color:#e53e3e}.delete-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#e53e3e;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:1rem}.delete-btn:hover{background:#c53030}.warning-box{display:flex;gap:.75rem;padding:1rem;background:#742a2a;border:1px solid #e53e3e;border-radius:8px;margin-top:1rem}.warning-box svg{color:#fc8181;font-size:1.25rem;flex-shrink:0}.warning-box p{margin:0;color:#feb2b2;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a202c;border-radius:12px;width:90%;max-width:500px;border:1px solid #2d3748}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #2d3748}.modal-header h2{margin:0;font-size:1.25rem;color:#fff}.modal-header button{background:none;border:none;color:#a0aec0;font-size:1.5rem;cursor:pointer;padding:0}.modal-body p{margin:0 0 1rem;color:#e2e8f0}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #2d3748}.cancel-btn{padding:.75rem 1.5rem;background:#4a5568;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#2d3748}.submit-btn{padding:.75rem 1.5rem;background:#4299e1;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.submit-btn:hover{background:#3182ce}.submit-btn.danger{background:#e53e3e}.submit-btn.danger:hover{background:#c53030}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.settings-header,.commit-item{flex-direction:column;align-items:flex-start;gap:1rem}.deploy-btn{width:100%}}.sidebar-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.control-btn-icon{font-size:16px}.settings-group{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:16px}.settings-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.settings-hint{font-size:12px;color:var(--text-tertiary)}.settings-slider{width:100%;height:4px;background:var(--border-color);border-radius:2px;outline:none;-webkit-appearance:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-blue);border-radius:50%;cursor:pointer}.settings-range{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary);margin-top:8px}.action-btn-icon{font-size:16px}.command-history-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;border:none;width:100%;text-align:left}.history-item:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-blue)}.history-icon{font-size:14px;color:var(--accent-blue)}.history-command{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-btn-icon{font-size:18px}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:block}.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}}@media (max-width: 768px){.server-controls{grid-template-columns:1fr}}@media (max-width: 480px){.sidebar{width:100%;max-width:300px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.sidebar-close{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;line-height:1;padding:4px}.sidebar-nav-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:24px}.server-control-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}.selection-actions{display:flex;flex-direction:column;gap:8px}.selection-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s;border:1px solid transparent;width:100%;justify-content:center}.selection-action-btn.delete{background:#ef44441a;color:var(--accent-red);border-color:#ef444433}.selection-action-btn.download{background:#10b9811a;color:var(--accent-green);border-color:#10b98133}.selection-action-btn:hover{opacity:.9;transform:translateY(-1px)}.console-main{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.console-header{padding:24px 32px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.console-header-left{display:flex;flex-direction:column;gap:16px;flex:1;min-width:300px}.console-title{display:flex;align-items:center;gap:12px}.console-public-url{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.console-public-url-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.console-public-url-link{color:var(--accent-blue);text-decoration:none;font-size:14px;font-weight:500}.console-public-url-link:hover{text-decoration:underline}.console-title-icon{font-size:24px;color:var(--accent-blue)}.console-title h1{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.console-server-id{font-size:14px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;margin-left:8px}.console-tabs{display:flex;gap:8px}.console-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.console-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.console-tab.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.tab-icon{font-size:16px}.console-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;font-size:14px}.connection-status.connected{background:var(--success-bg);color:var(--accent-green);border-color:#10b98133}.connection-status.disconnected{background:var(--error-bg);color:var(--accent-red);border-color:#ef444433}.status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor}.console-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;border:none}.console-action-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.console-error{margin:16px 32px 0;padding:12px 16px;background:var(--error-bg);border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;align-items:center;gap:12px;color:var(--accent-red);font-size:14px}.error-icon{font-size:18px}.error-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:20px;opacity:.7}.terminal-container{flex:1;margin:24px 32px;position:relative}.terminal-output{height:calc(100vh - 280px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;overflow-y:auto;overflow-x:hidden;font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.5}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.terminal-output::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.terminal-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-tertiary);text-align:center}.placeholder-title{font-size:16px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.placeholder-subtitle{font-size:14px;margin-bottom:16px}.placeholder-subtitle code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.placeholder-hint{font-size:13px}.loading-indicator{display:inline-block;width:12px;height:12px;border:2px solid var(--text-tertiary);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.log-line{margin-bottom:8px;display:flex;align-items:flex-start;gap:8px;word-wrap:break-word;word-break:break-all}.log-time{color:var(--text-tertiary);font-size:11px;font-family:monospace;min-width:70px;flex-shrink:0;margin-top:2px}.log-prompt{color:var(--accent-green);font-weight:500;flex-shrink:0;margin-top:2px}.log-content{flex:1;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;font-family:inherit;margin:0;line-height:1.6}.command-line .log-content{color:var(--accent-blue)}.output-line .log-content{color:var(--text-primary)}.error-line{background:#ef44440d;padding:8px;border-radius:4px;margin:4px 0}.error-line .log-content{color:var(--accent-red)}.exit-code{color:var(--text-tertiary);font-size:11px;font-family:monospace;margin-left:8px}.system-line{background:#3b82f60d;padding:8px;border-radius:4px;margin:4px 0}.system-line .log-content{color:var(--accent-blue)}.log-line-plain{color:var(--text-secondary);font-family:monospace}.log-success{color:#22c55e!important}.log-error{color:#ef4444!important;font-weight:600}.log-warn{color:#f59e0b!important}.log-info{color:#3b82f6!important}.executing-line{display:flex;align-items:center;gap:8px;padding:8px;background:#3b82f60d;border-radius:4px;margin-top:8px}.executing-indicator{width:12px;height:12px;border:2px solid var(--accent-blue);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.executing-text{color:var(--accent-blue);font-size:13px;font-weight:500}.scroll-to-bottom-btn{position:absolute;bottom:40px;right:40px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0003}.scroll-to-bottom-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-light);transform:translateY(-2px)}.scroll-to-bottom-icon{font-size:16px}.command-input-container{margin:0 32px 32px}.command-input-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.command-input-wrapper{display:flex;align-items:center;padding:0 16px;gap:16px}.command-prompt{display:flex;align-items:center;gap:2px;font-family:monospace;font-size:13px;flex-shrink:0}.prompt-user{color:var(--accent-green);font-weight:500}.prompt-at{color:var(--text-tertiary)}.prompt-server{color:var(--accent-purple);font-weight:500}.prompt-separator{color:var(--text-tertiary)}.prompt-path{color:var(--accent-blue)}.prompt-symbol{color:var(--text-primary);margin-left:4px}.command-input{flex:1;background:none;border:none;color:var(--text-primary);font-family:Menlo,Monaco,Courier New,monospace;font-size:13px;padding:16px 0;outline:none}.command-input::placeholder{color:var(--text-tertiary)}.command-input:disabled{opacity:.5;cursor:not-allowed}.command-submit-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent-blue);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.command-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.command-submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn-loading{width:16px;height:16px;border:2px solid white;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.submit-btn-icon{font-size:14px}.command-hints{display:flex;gap:16px;padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color);font-size:12px;color:var(--text-tertiary)}.command-hint{display:flex;align-items:center;gap:4px}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:block}.console-main{margin-left:0}.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.console-header{padding:70px 20px 20px}.terminal-container{margin:20px}.command-input-container{margin:0 20px 20px}}@media (max-width: 768px){.console-header{flex-direction:column;align-items:stretch}.console-header-right{justify-content:space-between}.console-tabs{width:100%}.console-tab{flex:1;justify-content:center}.server-controls{grid-template-columns:1fr}.command-input-wrapper{flex-direction:column;align-items:stretch;gap:12px}.command-prompt{justify-content:center}.command-submit-btn{width:100%;justify-content:center}.scroll-to-bottom-btn{bottom:20px;right:20px}}@media (max-width: 480px){.console-title h1{font-size:20px}.console-server-id{font-size:12px}.terminal-output{height:calc(100vh - 320px);padding:16px;font-size:12px}.command-hints{flex-direction:column;gap:8px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary)}.console-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:18px}.brand-icon{font-size:24px;color:var(--accent-blue)}.sidebar-close{display:none;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px}.sidebar-content{flex:1;overflow-y:auto;padding:20px}.sidebar-section{margin-bottom:32px}.sidebar-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:16px}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--text-secondary);border-radius:8px;transition:all .2s;border:1px solid transparent;cursor:pointer;background:transparent;width:100%;text-align:left;font-size:14px}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.sidebar-nav-item.active{background:#3b82f61a;color:var(--accent-blue);border-color:#3b82f633}.sidebar-nav-icon{font-size:18px;width:24px;display:flex;justify-content:center}.server-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.server-control-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.server-control-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.server-control-btn.start{color:var(--accent-green)}.server-control-btn.stop{color:var(--accent-red)}.server-control-btn.restart{color:var(--accent-orange)}.server-control-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-actions{display:flex;flex-direction:column;gap:8px}.sidebar-action-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;border:none;width:100%;text-align:left}.sidebar-action-btn:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.sidebar-action-btn:disabled{opacity:.5;cursor:not-allowed}.current-path-display{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;padding:12px;font-size:12px;color:var(--text-secondary);word-break:break-all}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--border-color)}.sidebar-footer-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .2s}.sidebar-footer-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.console-mainn{flex:1;margin-left:280px;min-height:100vh;background:var(--bg-primary);padding:0}.monitor-header{padding:24px 32px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.monitor-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:var(--text-primary)}.monitor-icon{font-size:24px;color:var(--accent-blue)}.server-id{font-size:14px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;margin-left:8px}.monitor-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light)}.status-indicator.connected{background:var(--success-bg);color:var(--accent-green);border-color:#10b98133}.status-indicator.disconnected{background:var(--error-bg);color:var(--accent-red);border-color:#ef444433}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-blue);border:none;border-radius:6px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.refresh-btn:hover{background:#2563eb}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{margin:16px 32px 0;padding:12px 16px;background:var(--error-bg);border:1px solid rgba(239,68,68,.2);border-radius:8px;display:flex;align-items:center;gap:12px;color:var(--accent-red);font-size:14px}.error-icon{background:var(--accent-red);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.retry-btn{background:var(--accent-red);color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px;margin-left:auto}.error-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;opacity:.7}.error-close:hover{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;padding:24px 32px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:transform .2s,border-color .2s}.stat-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stat-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-secondary)}.stat-icon{font-size:20px}.stat-percent{font-size:20px;font-weight:700;color:var(--accent-blue)}.stat-value{font-size:28px;font-weight:700;text-align:center;margin:16px 0;color:var(--text-primary)}.progress-container{width:100%;height:8px;background:var(--bg-tertiary);border-radius:10px;overflow:hidden;margin:16px 0}.progress-bar{height:100%;border-radius:10px;transition:width .3s ease}.progress-low{background:var(--accent-green)}.progress-medium{background:var(--accent-orange)}.progress-high{background:var(--accent-red)}.status-running{color:var(--accent-green)}.status-stopped{color:var(--accent-red)}.status-offline{color:var(--text-tertiary)}.stat-details{color:var(--text-tertiary);font-size:14px;line-height:1.6}.utilization-text,.memory-usage,.traffic-status,.disk-activity{font-weight:500;margin-bottom:4px;color:var(--text-secondary)}.update-time{color:var(--text-tertiary);font-size:12px;margin-top:8px}.graphs-section{margin-top:16px;padding:0 32px 32px}.graphs-section h3{margin-bottom:20px;color:var(--text-primary);font-size:20px;font-weight:500}.graphs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.graph-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;color:var(--text-secondary)}.graph-icon{margin-right:8px}.graph-current{font-size:14px;color:var(--text-tertiary);text-align:right}.graph-container{height:120px;margin-top:8px}.sparkline{display:flex;align-items:flex-end;gap:2px;height:100%;width:100%}.sparkline-bar{flex:1;min-width:2px;border-radius:2px 2px 0 0;transition:all .3s ease}.line-graph{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-style:italic}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-tertiary)}.spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-left-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:101;width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;border:none}.menu-toggle-icon{width:20px;height:2px;background:var(--text-secondary);border-radius:1px}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:block}.console-mainn{margin-left:0}.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.monitor-header{padding:70px 20px 20px}.stats-grid{padding:20px}.graphs-section{padding:0 20px 20px}}@media (max-width: 768px){.monitor-header{flex-direction:column;align-items:stretch}.monitor-controls{justify-content:space-between}.stats-grid,.graphs-grid{grid-template-columns:1fr}}@media (max-width: 480px){.monitor-title{font-size:20px}.stats-grid{padding:16px;gap:16px}.graphs-section{padding:0 16px 16px}.graph-card{padding:16px}}:root{--darker: #0d1117;--dark: #161b22;--dark-light: #21262d;--dark-lighter: #30363d;--text: #e6edf3;--text-light: #f0f6fc;--text-lighter: #7d8590;--primary: #2f81f7;--primary-light: #58a6ff;--primary-dark: #1f6feb;--success: #238636;--warning: #d29922;--danger: #f85149;--info: #79c0ff}*{box-sizing:border-box}.code-editor-container{display:flex;flex-direction:column;height:100vh;background-color:var(--darker);color:var(--text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;overflow:hidden}.loading,.error-message{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem}.error-message{color:var(--danger)}.editor-headerr{padding:.75rem 1rem;background-color:var(--dark-light);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--dark-lighter);flex-shrink:0;min-height:60px}.file-path{font-size:.9rem;display:flex;align-items:center;flex-wrap:wrap}.path-root{color:var(--primary-light);font-weight:500;margin-right:.25rem}.path-segment{padding:.1rem .25rem;border-radius:3px;border:none;background:none;font-family:inherit;font-size:inherit}.path-segment.clickable{color:var(--primary);cursor:pointer;background:none;transition:background-color .2s}.path-segment.clickable:hover{background-color:var(--dark-lighter)}.path-segment.current{color:var(--text-light);font-weight:500}.path-separator{color:var(--text-lighter);margin:0 .25rem}.header-actions{display:flex;align-items:center;gap:1rem}.modified-indicator{color:var(--warning);font-size:.9rem;font-style:italic}.save-status{color:var(--text-lighter);font-size:.9rem}.save-button{background-color:var(--success);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#0da271}.save-button:disabled{background-color:var(--dark-lighter);cursor:not-allowed;color:var(--text-lighter)}.code-editorr{flex:1;display:grid;grid-template-columns:60px 1fr;background-color:var(--dark);overflow:hidden;min-height:0}.line-numbers{background-color:var(--dark-light);padding:12px 8px;text-align:right;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--text-lighter);font-size:14px;line-height:1.5;border-right:1px solid var(--dark-lighter);white-space:pre}.line-numbers pre{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}.code-content-wrapper{position:relative;overflow:hidden;background-color:var(--dark)}.code-input{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;color:var(--text);border:none;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;resize:none;white-space:pre;overflow:auto;tab-size:4;caret-color:var(--text);z-index:2;outline:none;margin:0}.code-highlighted{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;white-space:pre;overflow:hidden;pointer-events:none;z-index:1;color:var(--text);margin:0}.code-highlighted .line{margin:0;padding:0;min-height:21px}.code-highlighted .error{background-color:#f851491a;color:var(--danger)}.code-highlighted .warning{background-color:#d299221a;color:var(--warning)}.code-highlighted .info{background-color:#79c0ff1a;color:var(--info)}.code-highlighted .debug{background-color:#2f81f71a;color:var(--primary-light)}.code-input::-webkit-scrollbar{width:12px;height:12px}.code-input::-webkit-scrollbar-track{background:var(--dark-light)}.code-input::-webkit-scrollbar-thumb{background:var(--dark-lighter);border-radius:6px;border:3px solid var(--dark-light)}.code-input::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.code-input::-webkit-scrollbar-corner{background:var(--dark-light)}.code-input{scrollbar-width:thin;scrollbar-color:var(--dark-lighter) var(--dark-light)}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:flex-start;gap:.5rem}.header-actions{width:100%;justify-content:space-between}.code-editor{grid-template-columns:40px 1fr}.code-input,.code-highlighted,.line-numbers{font-size:12px}}.users-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#1a1a1a;border-bottom:1px solid #333}.users-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#fff}.users-icon{color:#8b5cf6}.invite-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf6;color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .2s}.invite-user-btn:hover{background:#7c3aed}.users-list{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.user-card{background:#1a1a1a;border:1px solid #333;border-radius:.75rem;overflow:hidden}.user-card.active{border-color:#22c55e}.user-card.pending{border-color:#f59e0b}.user-card.revoked{border-color:#ef4444;opacity:.6}.user-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#222;border-bottom:1px solid #333}.user-info{flex:1}.user-name{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.25rem}.user-email{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem}.user-actions{display:flex;align-items:center;gap:.75rem}.icon-btn.danger{color:#ef4444}.icon-btn.danger:hover{background:#ef444420;border-color:#ef4444}.permissions-summary{padding:1.25rem;display:flex;flex-wrap:wrap;gap:.75rem}.permission-badge{padding:.5rem .75rem;background:#222;border-radius:.375rem;font-size:.875rem;color:#888}.permission-badge strong{color:#fff;margin-right:.375rem}.permissions-editor{padding:1.25rem;background:#1a1a1a}.permissions-editor h4{color:#fff;margin-bottom:1rem;font-size:1rem}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.permission-category{padding:1rem;background:#222;border:1px solid #333;border-radius:.5rem}.permission-category h5{color:#fff;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.permission-items{display:flex;flex-direction:column;gap:.5rem}.permission-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#888;font-size:.875rem}.permission-item input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.permission-item:hover{color:#fff}.user-meta{display:flex;justify-content:space-between;padding:.75rem 1.25rem;background:#1a1a1a;border-top:1px solid #333;font-size:.875rem;color:#888}.permissions-section{margin-top:1.5rem}.permissions-section h4{color:#fff;margin-bottom:1rem;font-size:1rem}.invite-success{text-align:center;padding:2rem 0}.success-icon{font-size:3rem;color:#22c55e;margin-bottom:1rem}.invite-success h3{color:#fff;margin-bottom:.5rem}.invite-success p{color:#888;margin-bottom:1rem}.invite-link-box{display:flex;gap:.5rem;margin-bottom:1rem}.invite-link-box input{flex:1;padding:.75rem;background:#222;border:1px solid #444;border-radius:.375rem;color:#fff;font-size:.875rem}.invite-link-box button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500}.invite-link-box button:hover{background:#2563eb}.invite-success small{color:#888;font-size:.75rem}@media (max-width: 768px){.user-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-actions{width:100%;justify-content:space-between}.permissions-grid{grid-template-columns:1fr}.invite-link-box{flex-direction:column}}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-sidebar: #0f0f0f;--border-color: #2a2a2a;--border-light: #404040;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #8a8a8a;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f59e0b;--accent-purple: #8b5cf6;--success-bg: rgba(16, 185, 129, .1);--error-bg: rgba(239, 68, 68, .1);--warning-bg: rgba(245, 158, 11, .1)}.time-range-selector{display:flex;gap:8px}.range-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.range-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.range-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.country-list{display:flex;flex-direction:column;gap:12px;padding:8px 0}.country-item{display:flex;align-items:center;gap:12px}.country-name{min-width:100px;font-size:13px;color:var(--text-secondary)}.country-bar-wrapper{flex:1;height:20px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.country-bar{height:100%;background:var(--accent-blue);transition:width .5s}.country-count{font-weight:600;color:var(--accent-blue);min-width:40px;text-align:right;font-size:13px}.alert-card{border-color:var(--accent-red)!important}.suspicious-list{display:flex;flex-direction:column;gap:8px;padding:8px 0}.suspicious-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg-tertiary);border-radius:6px}.ip-address{font-family:monospace;color:var(--text-primary);flex:1}.ip-requests{color:var(--accent-red);font-weight:600;font-size:13px}.block-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-red);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.block-btn:hover{background:#dc2626}.requests-table-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.requests-table{width:100%;border-collapse:collapse}.requests-table th{background:var(--bg-tertiary);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:13px;border-bottom:1px solid var(--border-color)}.requests-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:13px}.requests-table tr.failed-row{background:#ef44440d}.method-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.method-badge.get{background:#3b82f61a;color:var(--accent-blue)}.method-badge.post{background:#10b9811a;color:var(--accent-green)}.method-badge.put{background:#f59e0b1a;color:var(--accent-orange)}.method-badge.delete{background:#ef44441a;color:var(--accent-red)}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.status-badge.status-2{background:#10b9811a;color:var(--accent-green)}.status-badge.status-3{background:#3b82f61a;color:var(--accent-blue)}.status-badge.status-4{background:#f59e0b1a;color:var(--accent-orange)}.status-badge.status-5{background:#ef44441a;color:var(--accent-red)}.path-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--border-color: #2a2a2a;--border-light: #404040;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: #8a8a8a;--accent-blue: #3b82f6;--accent-red: #ef4444}.info-banner{margin:16px 32px;padding:16px 20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;display:flex;gap:16px;align-items:flex-start}.info-icon{font-size:24px;color:var(--accent-blue);flex-shrink:0;margin-top:2px}.info-banner strong{display:block;color:var(--text-primary);margin-bottom:4px;font-size:15px}.info-banner p{color:var(--text-secondary);font-size:14px;margin:0;line-height:1.5}.empty-state-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.empty-icon{font-size:64px;color:var(--text-tertiary);margin-bottom:24px;opacity:.5}.empty-state-section h3{font-size:24px;color:var(--text-primary);margin-bottom:12px}.empty-state-section p{color:var(--text-secondary);font-size:15px;margin-bottom:32px;max-width:500px}.rules-section{padding:24px 32px}.rules-section h3{font-size:20px;color:var(--text-primary);margin-bottom:24px;font-weight:500}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.rule-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s}.rule-card:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rule-type{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--accent-blue);font-weight:600;font-size:13px}.rule-type svg{font-size:16px}.remove-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--accent-red);width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-btn:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.rule-body{padding-top:16px;border-top:1px solid var(--border-color)}.rule-value{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px;word-break:break-all;font-family:monospace}.rule-reason{color:var(--text-secondary);font-size:14px;margin-bottom:12px;font-style:italic;line-height:1.5}.rule-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin:0;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;transition:color .2s;padding:4px;display:flex;align-items:center}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:28px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--text-primary);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-blue);background:var(--bg-secondary)}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--border-color)}.btn-secondary{padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--bg-primary);color:var(--text-primary)}.btn-primary{padding:10px 20px;background:var(--accent-blue);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.settings-section{padding:24px 32px;margin-bottom:24px}.settings-section h3{font-size:20px;color:var(--text-primary);margin-bottom:20px;font-weight:500;display:flex;align-items:center;gap:10px}.dev-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px}.dev-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dev-mode-header h4{font-size:16px;color:var(--text-primary);margin:0 0 6px;font-weight:600}.dev-mode-header p{font-size:14px;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;display:inline-block;width:56px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);border:1px solid var(--border-light);transition:.3s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:var(--text-tertiary);transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent-blue);border-color:var(--accent-blue)}input:checked+.toggle-slider:before{transform:translate(26px);background-color:#fff}.admin-ips-section{padding-top:20px;border-top:1px solid var(--border-color)}.admin-ips-section h4{font-size:15px;color:var(--text-primary);margin-bottom:8px;font-weight:600;display:flex;align-items:center;gap:8px}.help-text{font-size:13px;color:var(--text-tertiary);margin-bottom:16px;display:block}.add-ip-form{display:flex;gap:12px;margin-bottom:16px}.add-ip-form input{flex:1;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:14px}.add-ip-form input:focus{outline:none;border-color:var(--accent-blue)}.ip-list{display:flex;flex-direction:column;gap:10px}.ip-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:8px;font-family:monospace;color:var(--text-primary)}.ip-icon{color:var(--accent-blue);font-size:16px}.ip-item span{flex:1}.remove-ip-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--accent-red);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-ip-btn:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-tertiary)}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.subscription-page{min-height:100vh;background:#0a0a0a;color:#fff;padding:24px}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:20px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#b0b0b0;cursor:pointer;transition:all .2s}.back-btn:hover{background:#2a2a2a;color:#fff}.subscription-header h1{font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px;margin:0}.wallet-display{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;cursor:pointer;transition:all .2s}.wallet-display:hover{border-color:#3b82f6}.wallet-display svg{font-size:20px;color:#3b82f6}.wallet-display span{font-size:18px;font-weight:600}.add-money-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-money-btn:hover{background:#2563eb}.current-plan-banner{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;padding:24px;margin-bottom:32px}.banner-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.banner-left{display:flex;align-items:center;gap:16px}.check-icon{font-size:32px;color:#10b981}.banner-left h3{margin:0 0 4px;font-size:20px}.banner-left p{margin:0;opacity:.9}.cancel-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#ffffff4d}.resource-usage-section{margin-bottom:48px}.resource-usage-section h2{font-size:24px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.usage-card{background:#111;border:1px solid #2a2a2a;border-radius:12px;padding:20px}.usage-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.usage-icon{font-size:24px;color:#3b82f6}.usage-header span{font-size:16px;font-weight:600}.usage-bar{width:100%;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden;margin-bottom:12px}.usage-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s}.usage-text{font-size:14px;color:#b0b0b0}.plans-section h2{font-size:24px;margin-bottom:32px;display:flex;align-items:center;gap:12px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.plan-card{background:#111;border:2px solid #2a2a2a;border-radius:16px;padding:28px;position:relative;transition:all .3s}.plan-card:hover{border-color:#3b82f6;transform:translateY(-4px)}.plan-card.current{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#3b82f61a)}.current-badge{position:absolute;top:-12px;right:20px;background:#10b981;color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600}.plan-header{text-align:center;margin-bottom:28px}.plan-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;margin-bottom:12px}.plan-header h3{font-size:24px;margin:0 0 16px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.currency{font-size:20px;color:#b0b0b0}.amount{font-size:48px;font-weight:700;color:#3b82f6}.period{font-size:16px;color:#b0b0b0}.plan-features{margin-bottom:24px}.feature{display:flex;align-items:center;gap:12px;padding:10px 0;color:#e0e0e0}.feature-icon{font-size:18px;color:#3b82f6;flex-shrink:0}.feature-icon.check{color:#10b981}.feature-divider{height:1px;background:#2a2a2a;margin:12px 0}.plan-btn{width:100%;padding:14px;background:#3b82f6;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.plan-btn:hover{background:#2563eb;transform:translateY(-2px)}.plan-btn.current{background:#10b981;cursor:default}.plan-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-money-modal{max-width:500px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.quick-amount-btn{padding:12px;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:8px;color:#b0b0b0;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#b0b0b0}.spinner{width:40px;height:40px;border:4px solid #2a2a2a;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.subscription-page{padding:16px}.subscription-header{flex-direction:column;align-items:flex-start}.plans-grid,.usage-grid{grid-template-columns:1fr}.quick-amounts{grid-template-columns:repeat(2,1fr)}}.wallet-page{min-height:100vh;background:#0a0a0a;color:#fff;padding:24px}.wallet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.wallet-header h1{font-size:28px;font-weight:600;display:flex;align-items:center;gap:12px;margin:0}.wallet-balance-card{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 10px 40px #3b82f64d}.balance-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.balance-left{display:flex;align-items:center;gap:24px}.balance-icon{width:80px;height:80px;background:#fff3;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px}.balance-label{font-size:14px;opacity:.9;margin-bottom:8px}.balance-amount{font-size:48px;font-weight:700;margin-bottom:4px}.balance-currency{font-size:14px;opacity:.8}.add-money-btn-large{display:flex;align-items:center;gap:10px;padding:16px 32px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.add-money-btn-large:hover{background:#ffffff4d;transform:translateY(-2px)}.transactions-section{background:#111;border:1px solid #2a2a2a;border-radius:16px;padding:28px}.transactions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.transactions-header h2{font-size:22px;margin:0;display:flex;align-items:center;gap:10px}.filter-buttons{display:flex;gap:8px}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#b0b0b0;font-size:14px;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#3b82f6;color:#fff}.filter-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.empty-transactions{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;color:#2a2a2a;margin-bottom:20px}.empty-transactions h3{font-size:20px;margin-bottom:8px;color:#fff}.empty-transactions p{color:#b0b0b0}.transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;transition:all .2s}.transaction-item:hover{border-color:#3b82f6;transform:translate(4px)}.txn-left{display:flex;align-items:center;gap:16px;flex:1}.txn-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.txn-icon.credit{background:#10b9811a;color:#10b981}.txn-icon.debit{background:#ef44441a;color:#ef4444}.txn-details{flex:1}.txn-description{font-size:16px;font-weight:500;margin-bottom:4px;color:#fff}.txn-date{font-size:13px;color:#8a8a8a}.txn-reference{font-size:12px;color:#6a6a6a;font-family:monospace;margin-top:4px}.txn-right{text-align:right}.txn-amount{font-size:20px;font-weight:700;margin-bottom:6px}.txn-status{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.txn-status.completed{background:#10b9811a;color:#10b981}.txn-status.pending{background:#fbbf241a;color:#fbbf24}.txn-status.failed{background:#ef44441a;color:#ef4444}.add-money-modal{max-width:550px}.quick-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.quick-amount-btn{padding:14px 8px;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:10px;color:#b0b0b0;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.quick-amount-btn:hover{border-color:#3b82f6;color:#fff}.quick-amount-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:10px;color:#b0b0b0;cursor:pointer;transition:all .2s}.payment-method-btn svg{font-size:24px}.payment-method-btn span{font-size:12px;font-weight:600}.payment-method-btn:hover{border-color:#3b82f6;color:#fff}.payment-method-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.payment-note{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:13px;color:#b0b0b0;margin-top:16px}.payment-note svg{color:#3b82f6;flex-shrink:0;margin-top:2px}@media (max-width: 768px){.wallet-page{padding:16px}.wallet-balance-card{padding:24px}.balance-content{flex-direction:column;align-items:flex-start}.balance-amount{font-size:36px}.transactions-header{flex-direction:column;align-items:flex-start}.transaction-item{flex-direction:column;align-items:flex-start;gap:12px}.txn-right{text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center}.quick-amounts{grid-template-columns:repeat(3,1fr)}.payment-methods{grid-template-columns:repeat(2,1fr)}}.env-selector{padding:10px 16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s}.env-selector:focus{outline:none;border-color:#3b82f6}.env-vars-list{display:flex;flex-direction:column;gap:16px;padding:24px 32px}.env-var-item{background:#111;border:1px solid #2a2a2a;border-radius:12px;padding:20px;transition:all .2s}.env-var-item:hover{border-color:#3b82f6}.env-var-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.env-var-key{font-size:16px;font-weight:600;color:#3b82f6;font-family:monospace;display:flex;align-items:center;gap:8px}.secret-icon{color:#fbbf24;font-size:14px}.delete-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.env-var-value{font-size:14px;color:#e0e0e0;font-family:monospace;background:#1a1a1a;padding:12px;border-radius:8px;margin-bottom:8px;word-break:break-all}.env-var-description{font-size:13px;color:#8a8a8a;font-style:italic;margin-bottom:8px}.env-var-meta{font-size:12px;color:#6a6a6a}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.empty-icon{font-size:64px;color:#2a2a2a;margin-bottom:24px}.empty-state h3{font-size:24px;color:#fff;margin-bottom:12px}.empty-state p{color:#b0b0b0;font-size:15px;margin-bottom:32px}.schedule-banner{display:flex;align-items:center;gap:16px;padding:16px 32px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:12px;margin:16px 32px}.banner-icon{font-size:24px;color:#10b981}.schedule-banner strong{display:block;color:#fff;margin-bottom:4px}.schedule-banner p{color:#b0b0b0;font-size:14px;margin:0}.tabs-container{display:flex;gap:8px;padding:0 32px;margin:24px 0;border-bottom:1px solid #2a2a2a}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:#b0b0b0;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#fff}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.backups-list{padding:24px 32px;display:flex;flex-direction:column;gap:16px}.backup-item{background:#111;border:1px solid #2a2a2a;border-radius:12px;padding:20px;transition:all .2s}.backup-item:hover{border-color:#3b82f6}.backup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.backup-info h4{font-size:18px;margin:0 0 8px;color:#fff}.backup-type{display:inline-block;padding:4px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px;font-size:12px;color:#3b82f6;font-weight:600}.backup-status{font-size:14px;font-weight:600;text-transform:capitalize}.backup-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:8px;color:#b0b0b0;font-size:14px}.detail-item svg{color:#3b82f6}.backup-description{color:#8a8a8a;font-size:14px;font-style:italic;margin-top:12px}.backup-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #2a2a2a}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.restore{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.action-btn.restore:hover{background:#3b82f6;color:#fff}.action-btn.delete{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:10px;margin-bottom:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width: 768px){.tabs-container{padding:0 16px}.backups-list{padding:16px}.backup-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.cron-layout{display:flex;min-height:100vh;background:#0a0a0a;color:#fff}.cron-main{flex:1;padding:2rem;margin-left:280px}.cron-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cron-title{display:flex;align-items:center;gap:1rem}.cron-title h1{font-size:2rem;margin:0}.cron-icon{font-size:2rem;color:#3b82f6}.cron-list{display:grid;gap:1.5rem}.cron-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s}.cron-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.cron-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cron-card-title{display:flex;align-items:center;gap:1rem}.cron-card-title h3{margin:0;font-size:1.25rem}.cron-card-actions{display:flex;gap:.5rem}.cron-card-body{display:flex;flex-direction:column;gap:1rem}.cron-info{display:flex;gap:.5rem;align-items:center}.cron-label{font-weight:600;color:#888}.cron-info code{background:#0a0a0a;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#3b82f6}.cron-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.stat-value{font-size:1.125rem;font-weight:600}.stat-value.success{color:#22c55e}.stat-value.failed{color:#ef4444}.modal-content.modal-large{max-width:900px}.schedule-presets{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.preset-btn{background:#0a0a0a;border:1px solid #333;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .3s}.preset-btn:hover{border-color:#3b82f6;color:#3b82f6}.logs-list{display:flex;flex-direction:column;gap:1rem}.log-item{background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:1rem}.log-item.success{border-left:4px solid #22c55e}.log-item.failed{border-left:4px solid #ef4444}.log-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.log-icon{font-size:1.25rem}.log-icon.success{color:#22c55e}.log-icon.failed{color:#ef4444}.log-time{font-weight:500}.log-duration{color:#888;font-size:.875rem}.log-output,.log-error{background:#000;padding:1rem;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:.875rem;margin-top:.5rem}.log-error{color:#ef4444}@media (max-width: 768px){.cron-main{margin-left:0;padding:1rem}.cron-header{flex-direction:column;gap:1rem;align-items:flex-start}.cron-stats{grid-template-columns:1fr}.modal-content{width:95%}}.alerts-layout{display:flex;min-height:100vh;background:#0a0a0a;color:#fff}.alerts-main{flex:1;padding:2rem;margin-left:280px}.alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.alerts-title{display:flex;align-items:center;gap:1rem}.alerts-title h1{font-size:2rem;margin:0}.alerts-icon{font-size:2rem;color:#3b82f6}.alerts-list,.history-list{display:grid;gap:1.5rem}.alert-card,.history-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s}.alert-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.alert-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alert-card-title{display:flex;align-items:center;gap:1rem}.alert-card-title h3{margin:0;font-size:1.25rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-badge.enabled{background:#22c55e33;color:#22c55e}.status-badge.disabled{background:#ef444433;color:#ef4444}.alert-card-actions{display:flex;gap:.5rem}.alert-card-body{display:flex;flex-direction:column;gap:.75rem}.alert-info{display:flex;gap:.5rem}.alert-label{font-weight:600;color:#888;min-width:100px}.alert-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.history-item{border-left:4px solid #f59e0b}.history-item.critical{border-left-color:#ef4444}.history-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.history-icon{font-size:1.25rem}.history-icon.warning{color:#f59e0b}.history-icon.critical{color:#ef4444}.history-title{font-weight:600;flex:1}.history-time{color:#888;font-size:.875rem}.history-body p{margin:0 0 .5rem;color:#ccc}.resolved-badge{display:inline-flex;align-items:center;gap:.5rem;background:#22c55e33;color:#22c55e;padding:.5rem 1rem;border-radius:6px;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:.75rem;border-radius:8px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-group small{display:block;margin-top:.5rem;color:#888;font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.alerts-main{margin-left:0;padding:1rem}.alerts-header{flex-direction:column;gap:1rem;align-items:flex-start}.form-row{grid-template-columns:1fr}.modal-content{width:95%}}.collab-layout{display:flex;min-height:100vh;background:#0a0a0a;color:#fff}.collab-main{flex:1;padding:2rem;margin-left:280px}.collab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.collab-title{display:flex;align-items:center;gap:1rem}.collab-title h1{font-size:2rem;margin:0}.collab-icon{font-size:2rem;color:#3b82f6}.collab-list{display:grid;gap:1rem}.collab-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s}.collab-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.collab-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;flex-shrink:0}.collab-info{flex:1}.collab-info h3{margin:0 0 .25rem;font-size:1.125rem}.collab-info p{margin:0 0 .5rem;color:#888;font-size:.875rem}.collab-meta{display:flex;align-items:center;gap:1rem}.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.role-badge.owner{background:#8b5cf633;color:#8b5cf6}.role-badge.admin{background:#3b82f633;color:#3b82f6}.role-badge.developer{background:#22c55e33;color:#22c55e}.role-badge.viewer{background:#9ca3af33;color:#9ca3af}.join-date,.invite-status{color:#888;font-size:.875rem}.activity-list{display:grid;gap:1rem}.activity-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;display:flex;gap:1rem}.activity-icon{width:40px;height:40px;border-radius:50%;background:#3b82f633;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.activity-content{flex:1}.activity-content p{margin:0 0 .5rem}.activity-time{color:#888;font-size:.875rem}.form-group input,.form-group select{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:.75rem;border-radius:8px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}@media (max-width: 768px){.collab-main{margin-left:0;padding:1rem}.collab-header{flex-direction:column;gap:1rem;align-items:flex-start}.collab-card{flex-direction:column;text-align:center}.modal-content{width:95%}}.cicd-layout{display:flex;min-height:100vh;background:#0a0a0a;color:#fff}.cicd-main{flex:1;padding:2rem;margin-left:280px}.cicd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cicd-title{display:flex;align-items:center;gap:1rem}.cicd-title h1{font-size:2rem;margin:0}.cicd-icon{font-size:2rem;color:#3b82f6}.tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #333}.tab{background:transparent;border:none;color:#888;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;border-bottom:2px solid transparent;transition:all .3s}.tab:hover{color:#fff}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.pipeline-list,.deployment-list{display:grid;gap:1.5rem}.pipeline-card,.deployment-item{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:all .3s}.pipeline-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.pipeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pipeline-card-title{display:flex;align-items:center;gap:1rem}.github-icon{font-size:2rem;color:#fff}.pipeline-card-title h3{margin:0;font-size:1.25rem}.repo-info{margin:.25rem 0 0;color:#888;font-size:.875rem}.pipeline-card-actions{display:flex;gap:.5rem}.btn-icon{background:transparent;border:1px solid #333;color:#fff;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s}.btn-icon:hover{background:#3b82f6;border-color:#3b82f6}.btn-icon.btn-danger:hover{background:#ef4444;border-color:#ef4444}.pipeline-card-body{display:flex;flex-direction:column;gap:1rem}.pipeline-info{display:flex;gap:.5rem;align-items:center}.pipeline-label{font-weight:600;color:#888;min-width:60px}.pipeline-info code{background:#0a0a0a;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#3b82f6;font-size:.875rem}.pipeline-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.enabled{background:#22c55e33;color:#22c55e}.badge.disabled{background:#ef444433;color:#ef4444}.badge.auto{background:#3b82f633;color:#3b82f6}.pipeline-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.875rem;color:#888}.stat-value{font-size:1rem;font-weight:600}.deployment-item{border-left:4px solid #3b82f6}.deployment-item.success{border-left-color:#22c55e}.deployment-item.failed{border-left-color:#ef4444}.deployment-item.pending{border-left-color:#f59e0b}.deployment-header{display:flex;align-items:center;gap:1rem}.deploy-icon{font-size:1.5rem;flex-shrink:0}.deploy-icon.success{color:#22c55e}.deploy-icon.failed{color:#ef4444}.deploy-icon.pending{color:#f59e0b}.deployment-info{flex:1}.deployment-info h4{margin:0 0 .25rem;font-size:1.125rem}.deployment-info p{margin:0;color:#888;font-size:.875rem}.deployment-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.deploy-time{color:#888;font-size:.875rem}.deploy-duration{color:#3b82f6;font-size:.875rem;font-weight:600}.deploy-status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.deploy-status-badge.running{background:#3b82f633;color:#3b82f6;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.deployment-logs{background:#000;padding:1rem;border-radius:6px;overflow-x:auto;font-family:Courier New,monospace;font-size:.875rem;margin-top:1rem;max-height:400px;overflow-y:auto;line-height:1.6}.deployment-logs div{margin:2px 0}.log-success{color:#22c55e}.log-error{color:#ef4444;font-weight:600}.log-warn{color:#f59e0b}.log-info{color:#3b82f6}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s}.btn-primary:hover{background:#2563eb}.btn-secondary{background:transparent;color:#fff;border:1px solid #333;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.btn-secondary:hover{border-color:#3b82f6;color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#888}.form-group input,.form-group textarea{width:100%;background:#0a0a0a;border:1px solid #333;color:#fff;padding:.75rem;border-radius:8px;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#fff}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.empty-state{text-align:center;padding:4rem 2rem;color:#888}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{margin:0 0 .5rem;color:#fff}.loading{text-align:center;padding:4rem 2rem;color:#888}@media (max-width: 768px){.cicd-main{margin-left:0;padding:1rem}.cicd-header{flex-direction:column;gap:1rem;align-items:flex-start}.deployment-header{flex-direction:column;align-items:flex-start}.deployment-meta{align-items:flex-start}.modal-content{width:95%}}.host-platform{min-height:100vh;background:#eef2f7;color:#172033;padding:24px}.host-shell{max-width:1240px;margin:0 auto}.host-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.host-brandline{display:flex;align-items:center;gap:12px}.host-brandline>img,.host-brandline>svg{width:42px;height:42px;border-radius:8px;object-fit:cover;padding:9px;background:#fff;box-shadow:0 8px 20px #141f3114}.host-topbar span{color:#526079;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.host-topbar h1{margin:4px 0 0;font-size:30px;line-height:1.1}.host-tool-button,.host-primary{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.host-tool-button{width:38px;height:38px;border-radius:8px;color:#2459d6;background:#fff;box-shadow:0 8px 20px #141f3114}.host-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-bottom:2px}.host-tabs button{border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#526079;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:800;white-space:nowrap}.host-tabs button.active{border-color:#2459d6;color:#2459d6;background:#eef4ff}.host-metrics{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px}.host-open-panel{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px;padding:18px;border:1px solid #dbe7ff;border-radius:8px;background:#fff;box-shadow:0 12px 28px #141f3112}.host-open-panel span{color:#2459d6;font-size:12px;font-weight:900;text-transform:uppercase}.host-open-panel h2{margin:4px 0;font-size:22px;word-break:break-word}.host-open-panel p{margin:0;color:#64748b;font-size:13px}.host-metric,.host-panel,.host-auth{background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 12px 28px #141f3112}.host-metric{min-height:108px;padding:16px;display:grid;gap:8px}.host-metric svg,.host-panel-title>svg,.host-auth svg{color:#2459d6}.host-metric span,.host-panel-title p,.host-vps-row span,.host-empty{color:#64748b;font-size:13px}.host-metric strong{font-size:24px;line-height:1}.host-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:18px;margin-bottom:18px}.host-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.host-panel{padding:18px}.host-panel-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.host-panel-title h2{margin:0 0 4px;font-size:18px}.host-panel-title p{margin:0}.host-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.host-form label{display:grid;gap:6px;color:#526079;font-size:12px;font-weight:700}.host-form input,.host-form select,.host-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:11px 12px;color:#172033;background:#fff;font:inherit}.host-form textarea{min-height:82px;resize:vertical}.host-domain-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.host-domain-input input{border:0;border-radius:0}.host-domain-input span{padding:0 12px;color:#526079;font-size:13px;font-weight:800;white-space:nowrap}.host-form.compact{grid-template-columns:1fr 1fr}.host-form-wide{grid-column:1 / -1}.host-primary{min-height:40px;padding:0 16px;border-radius:7px;color:#fff;background:#2459d6;font-weight:800}.host-primary:disabled{opacity:.65;cursor:wait}.host-danger{width:36px;height:36px;border:0;border-radius:7px;color:#991b1b;background:#fee2e2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.host-danger:disabled{opacity:.6;cursor:wait}.host-list{display:grid;gap:10px}.host-vps-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:8px}.host-vps-row>div{display:grid;gap:4px}.host-vps-row>div:last-child{justify-items:end}.host-vps-actions{display:flex;justify-content:flex-end;gap:8px}.host-state{width:fit-content;border-radius:999px;padding:4px 9px;color:#475569;background:#f1f5f9;font-size:12px;font-weight:800}.host-state.online{color:#166534;background:#dcfce7}.host-state.error{color:#991b1b;background:#fee2e2}.host-state.installing,.host-state.updating{color:#92400e;background:#fef3c7}.host-provision{display:grid;gap:12px}.host-provision-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.host-progress{height:9px;overflow:hidden;border-radius:999px;background:#e2e8f0}.host-progress span{display:block;height:100%;border-radius:inherit;background:#2459d6;transition:width .25s ease}.host-timeline{max-height:330px;overflow:auto;display:grid;gap:8px}.host-timeline-row{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.host-timeline-row span{color:#526079;font-size:11px;font-weight:900;text-transform:uppercase}.host-timeline-row p{margin:0;white-space:pre-wrap;word-break:break-word}.host-timeline-row.success{border-color:#bbf7d0;background:#f0fdf4}.host-timeline-row.warning{border-color:#fde68a;background:#fffbeb}.host-timeline-row.error{border-color:#fecaca;background:#fef2f2}.host-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.host-table-row{display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr 1fr;gap:12px;padding:12px 14px;border-bottom:1px solid #e2e8f0;font-size:14px}.host-table-row:last-child{border-bottom:0}.host-table-head{background:#f8fafc;color:#526079;font-size:12px;font-weight:800;text-transform:uppercase}.host-guide{display:grid;gap:10px}.host-guide>div:not(.host-dns-record){display:grid;gap:4px;padding:10px 0;border-bottom:1px solid #e2e8f0}.host-guide strong{font-size:13px}.host-guide span{color:#64748b;font-size:13px}.host-dns-record{display:grid;grid-template-columns:.8fr 70px 1.2fr 1.2fr;gap:8px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:8px}.host-dns-record code{width:fit-content;padding:4px 8px;border-radius:6px;color:#2459d6;background:#eef4ff}.host-log-controls{display:flex;gap:10px;margin-bottom:12px}.host-log-controls select{flex:1;border:1px solid #cbd5e1;border-radius:7px;padding:10px 12px;font:inherit}.host-error{margin-bottom:10px;padding:10px 12px;border-radius:7px;color:#991b1b;background:#fee2e2;font-size:13px}.host-log-source{margin-bottom:8px;color:#64748b;font-size:12px}.host-log-output{min-height:260px;max-height:360px;overflow:auto;margin:0;padding:14px;border-radius:8px;color:#dbeafe;background:#0f172a;font-size:12px;line-height:1.5;white-space:pre-wrap}.host-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.host-plan{border:1px solid #e2e8f0;border-radius:8px;padding:14px}.host-plan-head{display:flex;gap:8px;margin-bottom:12px}.host-plan-head strong{flex:1;font-size:16px}.host-plan-head span{border-radius:999px;padding:4px 9px;color:#166534;background:#dcfce7;font-size:11px;font-weight:800}.host-plan-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.host-plan-fields label{display:grid;gap:4px;color:#526079;font-size:11px;font-weight:800}.host-plan-fields span{color:#172033;font-size:13px;font-weight:900}.host-plan-toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.host-plan-toggles label{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px}.host-plan-toggles label.enabled{color:#166534;background:#dcfce7}.host-loading,.host-empty,.host-auth{padding:28px;text-align:center}.host-auth{max-width:420px;margin:80px auto}@media (max-width: 980px){.host-platform{padding:14px}.host-metrics,.host-layout,.host-grid-2,.host-plan-grid{grid-template-columns:1fr}.host-open-panel{align-items:stretch;flex-direction:column}.host-form,.host-form.compact,.host-dns-record,.host-table-row{grid-template-columns:1fr}.host-vps-row{align-items:flex-start;grid-template-columns:1fr}.host-vps-row>div:last-child{justify-items:start}.host-vps-actions{justify-content:flex-start}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0b0e;--bg-secondary: #111318;--bg-card: #16181d;--bg-elevated: #1c1e24;--bg-hover: #22252b;--border: #2a2d35;--border-accent: #3b3f48;--text-primary: #e8eaed;--text-secondary: #9aa0a8;--text-muted: #5f6570;--accent: #6366f1;--accent-hover: #818cf8;--accent-dim: rgba(99, 102, 241, .15);--success: #22c55e;--warning: #eab308;--danger: #ef4444;--info: #3b82f6;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 6px;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.5);--transition: .18s cubic-bezier(.4, 0, .2, 1);--darker: var(--bg-primary);--dark: var(--bg-secondary);--dark-light: var(--bg-card);--text: var(--text-primary);--text-light: var(--text-secondary);--primary: var(--accent);--primary-light: var(--accent-hover)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.mono{font-family:var(--font-mono)}::selection{background:var(--accent-dim);color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}