@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1a1a1a;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.navbar{align-items:center;padding:24px 64px;display:flex}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;display:flex}.logo{color:#e53e3e;letter-spacing:.02em;font-size:1.6rem;font-weight:900}.nav-actions{align-items:center;gap:16px;display:flex}.btn-login{color:#1a1a1a;letter-spacing:.03em;background:0 0;border:2px solid #1a1a1a;border-radius:50px;padding:10px 32px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-login:hover{background:#f5f5f5}.btn-signup{color:#fff;letter-spacing:.03em;background:#5b21b6;border:2px solid #5b21b6;border-radius:50px;padding:10px 32px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-signup:hover{background:#4c1d95}.login-prompt,.signup-prompt{color:#1a1a1a;font-size:.95rem;font-weight:500}.btn-signup-nav{color:#fff;letter-spacing:.03em;background:#5b21b6;border:2px solid #5b21b6;border-radius:50px;padding:10px 32px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-signup-nav:hover{background:#4c1d95}@media (width<=768px){.navbar{padding:16px 24px}.btn-login,.btn-signup,.btn-signup-nav{padding:8px 20px;font-size:.8rem}.logo{font-size:1.3rem}.login-prompt,.signup-prompt{display:none}}.footer{border-top:1px solid #e5e7eb;padding:32px 64px}.footer-container{justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;display:flex}.footer-left{align-items:center;gap:32px;display:flex}.footer-logo{color:#e53e3e;letter-spacing:.02em;font-size:1.4rem;font-weight:900}.footer-copy{color:#6b7280;font-size:.9rem;font-weight:500}.footer-socials{gap:12px;display:flex}.social-icon{color:#1a1a1a;border:2px solid #1a1a1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.social-icon:hover{color:#fff;background:#5b21b6;border-color:#5b21b6}@media (width<=768px){.footer{padding:24px}.footer-container{flex-direction:column;gap:20px}.footer-left{flex-direction:column;gap:8px}}.landing-page{flex-direction:column;min-height:100vh;display:flex}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:900px;margin:0 auto;padding:80px 24px;display:flex}.hero h1{letter-spacing:-.02em;color:#1a1a1a;margin-bottom:24px;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;line-height:1.2}.hero-sub{color:#6b7280;max-width:600px;margin-bottom:48px;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.hero-btn-primary{color:#fff;background:#5b21b6;border:2px solid #5b21b6;border-radius:50px;padding:14px 36px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.hero-btn-primary:hover{background:#4c1d95;border-color:#4c1d95}.hero-btn-outline{color:#1a1a1a;background:0 0;border:2px solid #1a1a1a;border-radius:50px;padding:14px 36px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.hero-btn-outline:hover{background:#f5f5f5}@media (width<=768px){.hero{padding:60px 24px}}.products-page{flex-direction:column;min-height:100vh;display:flex}.products-content{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:40px 64px 80px}.product-section{margin-bottom:64px}.section-title{text-align:center;color:#1a1a1a;letter-spacing:-.02em;margin-bottom:40px;font-size:2.8rem;font-weight:700}.products-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto;display:grid}.product-card{background:#fff;border:2px solid #c4b5fd;border-radius:20px;flex-direction:column;gap:16px;padding:32px;transition:border-color .2s,box-shadow .2s;display:flex}.product-card:hover{border-color:#5b21b6;box-shadow:0 8px 32px #5b21b614}.product-card-header{align-items:center;gap:16px;display:flex}.product-card-icon{flex-shrink:0}.product-icon-box{background:#5b21b6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.product-card-title{color:#5b21b6;font-size:1.5rem;font-weight:600}.product-card-desc{color:#6b7280;flex:1;font-size:.9rem;line-height:1.7}.product-card-link{color:#1a1a1a;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:.95rem;font-weight:600;transition:color .2s;display:inline-flex}.product-card-link:hover{color:#5b21b6}.product-card-link .arrow{font-size:1.2rem;transition:transform .2s}.product-card-link:hover .arrow{transform:translate(4px)}@media (width<=768px){.products-content{padding:24px}.products-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}.signup-page{flex-direction:column;min-height:100vh;display:flex}.signup-content{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1440px;margin:0 auto;padding:40px 64px 80px;display:grid}.signup-image{border-radius:8px;width:100%;height:100%;max-height:500px;overflow:hidden}.signup-image img{object-fit:cover;width:100%;height:100%}.signup-form{flex-direction:column;gap:24px;max-width:460px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#1a1a1a;font-size:.95rem;font-weight:600}.form-group input{background:#fff;border:2px solid #1a1a1a;border-radius:50px;outline:none;padding:14px 20px;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:#5b21b6}.btn-submit{color:#fff;background:#5b21b6;border:none;border-radius:50px;margin-top:8px;padding:16px;font-size:1.05rem;font-weight:600;transition:background .2s}.btn-submit:hover{background:#4c1d95}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.signup-content{grid-template-columns:1fr;gap:32px;padding:24px}.signup-image{max-height:250px}}.login-page{flex-direction:column;min-height:100vh;display:flex}.login-content{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;max-width:1440px;margin:0 auto;padding:40px 64px 80px;display:grid}.login-image{border-radius:8px;width:100%;height:100%;max-height:400px;overflow:hidden}.login-image img{object-fit:cover;width:100%;height:100%}.login-form{flex-direction:column;gap:24px;max-width:460px;display:flex}.form-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;font-size:.9rem;font-weight:500}.mfa-content{background:#f3f4f6;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.mfa-card{background:#fff;border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 4px 24px #00000014}.mfa-card-body{padding:40px 36px 32px}.mfa-card-title{color:#111827;margin-bottom:8px;font-size:1.4rem;font-weight:700}.mfa-card-desc{color:#6b7280;margin-bottom:28px;font-size:.92rem}.mfa-otp-input{letter-spacing:.15em;text-align:center;box-sizing:border-box;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:14px 16px;font-family:monospace;font-size:1.1rem;transition:border-color .15s}.mfa-otp-input:focus{border-color:#5b21b6;outline:none;box-shadow:0 0 0 3px #5b21b61a}.mfa-verify-btn{border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:700}.mfa-back-btn{text-align:center;color:#5b21b6;cursor:pointer;background:0 0;border:none;width:100%;margin-top:16px;font-size:.9rem;font-weight:600;display:block}.mfa-back-btn:hover{text-decoration:underline}.mfa-card-footer{color:#6b7280;text-align:center;background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 36px;font-size:.82rem}@media (width<=768px){.login-content{grid-template-columns:1fr;gap:32px;padding:24px}.login-image{max-height:250px}.mfa-card-body{padding:32px 24px 24px}}.sidebar{color:#e5e7eb;z-index:50;background:#111827;flex-direction:column;width:260px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-top{border-bottom:1px solid #ffffff14;padding:24px 20px}.sidebar-logo{color:#e53e3e;letter-spacing:.02em;font-size:1.3rem;font-weight:900}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-link{color:#9ca3af;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#c4b5fd;background:#5b21b633}.sidebar-section{margin-top:8px}.sidebar-section-header{color:#6b7280;letter-spacing:.1em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:.75rem;font-weight:700;transition:color .15s;display:flex}.sidebar-section-header:hover{color:#9ca3af}.chevron{transition:transform .2s}.chevron.open{transform:rotate(180deg)}.sidebar-section-items{flex-direction:column;gap:2px;padding-top:4px;display:flex}.sidebar-project-item{color:#d1d5db;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.sidebar-project-item:hover{color:#fff;background:#ffffff0f}.sidebar-project-item.new-project{color:#9ca3af;margin-top:4px}.sidebar-project-item.new-project:hover{color:#c4b5fd}.sidebar-bottom-links{border-bottom:1px solid #ffffff14;flex-direction:column;gap:2px;padding-bottom:12px;display:flex}.badge{letter-spacing:.02em;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:.65rem;font-weight:700}.badge-warning{color:#111827;background:#fff}.badge-new{color:#e5e7eb;background:#ffffff26}.sidebar-bottom{border-top:1px solid #ffffff14;flex-direction:column;gap:12px;padding:16px 12px;display:flex}.sidebar-user{align-items:center;gap:10px;padding:4px;display:flex}.sidebar-user-avatar{color:#fff;background:#5b21b6;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sidebar-user-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.sidebar-logout{color:#9ca3af;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.sidebar-logout:hover{color:#f87171;background:#dc26261a}.dashboard{background:#f9fafb;min-height:100vh;display:flex}.dashboard-main{flex:1;margin-left:260px;padding:32px 40px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.dashboard-header h1{color:#111827;font-size:1.8rem;font-weight:700}.welcome-text{color:#6b7280;font-size:.95rem;font-weight:500}.setup-banner{background:#7c3aed;border-radius:12px;margin-bottom:32px;padding:28px 32px}.setup-banner-content h3{color:#ffffffd9;margin-bottom:10px;font-size:1rem;font-weight:600}.setup-banner-content p{color:#fffc;max-width:700px;margin-bottom:20px;font-size:.92rem;line-height:1.6}.btn-setup{color:#111827;background:#fff;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.btn-setup:hover{background:#f3f4f6}.dashboard-content{max-width:960px}.empty-state{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:16px;padding:80px 24px}.empty-state h2{color:#111827;margin-bottom:8px;font-size:1.4rem;font-weight:600}.empty-state p{color:#6b7280;margin-bottom:24px}.btn-create{color:#fff;background:#5b21b6;border-radius:50px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:background .2s;display:inline-block}.btn-create:hover{background:#4c1d95}.projects-overview h2{color:#111827;margin-bottom:20px;font-size:1.2rem;font-weight:600}.project-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.project-overview-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.project-overview-card:hover{border-color:#c4b5fd;box-shadow:0 4px 16px #5b21b60f}.project-overview-icon{flex-shrink:0}.project-overview-card h3{color:#111827;margin-bottom:4px;font-size:.95rem;font-weight:600}@media (width<=768px){.dashboard-main{margin-left:0;padding:24px 16px}}.dropdown{width:100%;max-width:400px;position:relative}.dropdown-trigger{color:#111827;cursor:pointer;text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:.9rem;font-weight:500;transition:border-color .15s,box-shadow .15s;display:flex}.dropdown-trigger:hover{border-color:#9ca3af}.dropdown-trigger.open{border-color:#5b21b6;box-shadow:0 0 0 3px #5b21b614}.dropdown-chevron{flex-shrink:0;transition:transform .2s}.dropdown-chevron.flipped{transform:rotate(180deg)}.dropdown-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:8px;animation:.15s dropdownFade;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#374151;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:.9rem;transition:background .1s;display:block}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.selected{color:#5b21b6;background:#f0ecff;font-weight:600}.page-title{color:#111827;margin-bottom:24px;font-size:1.8rem;font-weight:700}.tab{color:#6b7280;background:0 0;border:none;padding:12px 20px;font-size:.9rem;font-weight:500;transition:color .15s;position:relative}.tab-content{width:100%}.btn-create-resource{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:50px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:background .2s}.btn-create-resource:hover{background:#4c1d95}.vpc-empty-page{padding:8px 0}.vpc-hero-title{color:#111827;margin-bottom:16px;font-size:1.5rem;font-style:italic;font-weight:700}.vpc-hero-subtitle{color:#111827;margin-bottom:10px;font-size:1rem;font-weight:600}.vpc-hero-desc{color:#6b7280;max-width:640px;margin-bottom:28px;font-size:.92rem;line-height:1.7}.vpc-cta{align-items:center;gap:20px;margin-bottom:40px;display:flex}.vpc-cta-text p{color:#6b7280;font-size:.85rem;line-height:1.5}.vpc-header{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:20px;display:flex}.vpc-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.vpc-table{border-collapse:collapse;width:100%}.vpc-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 16px;font-size:.8rem;font-weight:600}.vpc-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:.85rem}.vpc-table tr:last-child td{border-bottom:none}.cell-date{color:#9ca3af;font-size:.85rem}.btn-delete-sm{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:500}.fip-actions{gap:6px;display:flex}.btn-assign{color:#5b21b6;cursor:pointer;background:#fff;border:1px solid #c4b5fd;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:500}.btn-assign:hover{background:#f5f3ff}.btn-unassign{color:#d97706;cursor:pointer;background:#fff;border:1px solid #fde68a;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:500}.btn-unassign:hover{background:#fffbeb}.igw-info{border-top:1px solid #f3f4f6;padding:16px}.igw-info p{color:#9ca3af;font-size:.82rem;line-height:1.5}.btn-add-rule{color:#5b21b6;cursor:pointer;background:0 0;border:1px dashed #c4b5fd;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-add-rule:hover{background:#f5f3ff;border-color:#5b21b6}.modal-wide{min-width:600px;max-width:780px}.modal-wide .modal-field .admin-input,.modal-wide .modal-field .admin-select,.modal-rule .modal-field .admin-input,.modal-rule .modal-field .admin-select,.modal-rule .modal-field textarea{box-sizing:border-box;width:100%}.modal-wide .modal-field label,.modal-rule .modal-field label{color:#374151;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.fw-rules-table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.fw-rules-table{border-collapse:collapse;width:100%;font-size:.85rem}.fw-rules-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:.75rem;font-weight:600}.fw-rules-table td{border-bottom:1px solid #f3f4f6;padding:12px 14px}.fw-rules-table tr:last-child td{border-bottom:none}.fw-rules-table .btn-delete-sm{white-space:nowrap}.modal-rule{max-width:780px}.modal-rule-overlay{z-index:1100}.modal-rule .modal-body{padding:20px 24px}.modal-rule-layout{grid-template-columns:1fr 260px;gap:28px;display:grid}.modal-rule-form{flex-direction:column;gap:16px;display:flex}.modal-rule-help{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-self:start;padding:20px;font-size:.85rem;line-height:1.6;position:sticky;top:20px}.modal-rule-help h4{color:#111827;margin-bottom:10px;font-size:.95rem;font-weight:700}.modal-rule-help p{margin-bottom:10px}.modal-rule-help p:last-child{margin-bottom:0}.modal-rule-help code{background:#e5e7eb;border-radius:4px;padding:1px 5px;font-size:.82rem}@media (width<=700px){.modal-rule-layout{grid-template-columns:1fr}.modal-rule-help{display:none}}.badge-default{color:#059669;letter-spacing:.04em;background:#ecfdf5;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.admin-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.85rem}@media (width<=768px){.tabs{overflow-x:auto}.tab{white-space:nowrap;padding:10px 14px;font-size:.85rem}.empty-panel{padding:40px 20px}}.billing-note{color:#6b7280;margin-bottom:8px;font-size:.85rem}.billing-title{color:#111827;margin-bottom:28px;font-size:2.2rem;font-weight:700}.balance-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1.5fr 1fr;margin-bottom:48px;display:grid;overflow:hidden}.balance-left{border-right:1px solid #e5e7eb;padding:32px}.balance-label{color:#6b7280;margin-bottom:8px;font-size:.9rem}.balance-amount{color:#111827;letter-spacing:-.02em;margin-bottom:16px;font-size:3rem;font-weight:700}.balance-desc{color:#9ca3af;font-size:.88rem;line-height:1.6}.balance-right{flex-direction:column;justify-content:center;gap:20px;padding:32px;display:flex}.balance-item{flex-direction:column;gap:2px;display:flex}.balance-item-label{color:#6b7280;font-size:.85rem;font-weight:500}.balance-item-value{color:#111827;font-size:1rem;font-weight:700}.mtd-section{margin-bottom:48px}.mtd-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.mtd-title{color:#111827;margin-bottom:4px;font-size:1.4rem;font-weight:700}.mtd-desc{color:#6b7280;font-size:.88rem}.billing-history-link{color:#5b21b6;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:color .15s;display:flex}.billing-history-link:hover{color:#4c1d95}.mtd-info-banner{color:#374151;background:#f5f3ff;border:1px solid #e9e5ff;border-radius:10px;align-items:center;gap:12px;padding:20px 24px;font-size:.9rem;line-height:1.6;display:flex}.mtd-info-banner svg{flex-shrink:0}.mtd-table{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;font-size:.88rem;overflow:hidden}.mtd-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:.78rem;font-weight:600}.mtd-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px}.mtd-table tr:last-child td{border-bottom:none}.mtd-total-row td{background:#f9fafb;border-top:1px solid #e5e7eb}.cell-mono{font-family:monospace;font-size:.82rem}.btn-pay-now{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;margin-top:16px;padding:12px 28px;font-size:.92rem;font-weight:700;transition:background .15s}.btn-pay-now:hover{background:#4c1d95}.btn-pay-now:disabled{opacity:.6;cursor:not-allowed}.payment-section{border-top:1px solid #e5e7eb;padding-top:32px}.payment-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.payment-title{color:#111827;font-size:1.4rem;font-weight:700}.btn-add-payment{color:#5b21b6;cursor:pointer;background:#fff;border:2px solid #5b21b6;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .15s}.btn-add-payment:hover{color:#fff;background:#5b21b6}.payment-empty{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.payment-empty p{color:#6b7280;font-size:.9rem}.payment-setup{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px}.payment-setup-desc{color:#6b7280;margin-bottom:16px;font-size:.9rem}.currency-selector{gap:10px;margin-bottom:16px;display:flex}.currency-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .15s}.currency-btn:hover{border-color:#a78bfa}.currency-btn.selected{color:#5b21b6;background:#f5f3ff;border-color:#5b21b6}.payment-card-display{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.payment-card-info{align-items:center;gap:12px;display:flex}.payment-card-brand{color:#111827;font-size:.85rem;font-weight:700}.payment-card-last4{color:#374151;letter-spacing:.05em;font-family:monospace;font-size:.9rem}.payment-provider-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.payment-provider-badge.stripe{color:#4f46e5;background:#e0e7ff}.payment-provider-badge.razorpay{color:#1d4ed8;background:#dbeafe}.btn-remove-payment{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 14px;font-size:.82rem;transition:all .15s}.btn-remove-payment:hover{background:#fef2f2;border-color:#dc2626}.invoices-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.invoices-table{border-collapse:collapse;width:100%;font-size:.88rem}.invoices-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:.78rem;font-weight:600}.invoices-table td{border-bottom:1px solid #f3f4f6;padding:14px 16px}.invoices-table tr:last-child td{border-bottom:none}.invoice-status{text-transform:uppercase;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.invoice-status.paid{color:#059669;background:#ecfdf5}.invoice-status.draft{color:#6b7280;background:#f3f4f6}.invoice-status.pending{color:#d97706;background:#fffbeb}.invoice-status.failed{color:#dc2626;background:#fef2f2}@media (width<=768px){.balance-card{grid-template-columns:1fr}.balance-left{border-bottom:1px solid #e5e7eb;border-right:none}.mtd-header{flex-direction:column;gap:12px}.payment-header{flex-direction:column;align-items:flex-start;gap:12px}.currency-selector{flex-direction:column}}.vps-page{background:#f9fafb}.vps-public-page{background:#f9fafb;min-height:100vh}.vps-public-main{max-width:1120px;margin:0 auto;padding:40px 24px 80px}.vps-hero{background:linear-gradient(135deg,#ede9fe 0%,#e0e7ff 40%,#dbeafe 100%);border-radius:16px;min-height:320px;margin-bottom:48px;padding:56px 48px;position:relative;overflow:hidden}.vps-hero-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.vps-hero-content{z-index:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.vps-hero-left h1{color:#1e1b4b;letter-spacing:-.02em;margin-bottom:16px;font-size:2.2rem;font-weight:800;line-height:1.15}.vps-hero-left p{color:#4338ca;opacity:.75;max-width:480px;font-size:.95rem;line-height:1.7}.vps-hero-right{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border-radius:12px;padding:28px;box-shadow:0 4px 24px #0000000f}.vps-checklist{flex-direction:column;gap:14px;margin:0 0 24px;padding:0;list-style:none;display:flex}.vps-checklist li{color:#374151;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.check{color:#5b21b6;flex-shrink:0;margin-top:1px;font-size:1rem;font-weight:700}.btn-create-vps{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;width:100%;padding:14px;font-size:.95rem;font-weight:600;transition:background .2s}.btn-create-vps:hover{background:#4c1d95}.vps-features{padding:0 0 48px}.vps-features h2{color:#111827;margin-bottom:28px;font-size:1.5rem;font-weight:700}.vps-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.vps-feature-card{padding:4px 0}.vps-feature-dot{border-radius:4px;width:14px;height:14px;margin-bottom:14px}.vps-feature-card h3{color:#111827;margin-bottom:8px;font-size:1rem;font-weight:700}.vps-feature-card p{color:#6b7280;font-size:.88rem;line-height:1.65}@media (width<=768px){.vps-hero{padding:32px 24px}.vps-hero-content{grid-template-columns:1fr;gap:24px}.vps-features-grid{grid-template-columns:1fr}.vps-hero-left h1{font-size:1.6rem}}.vps-dash-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.vps-dash-actions{align-items:center;gap:12px;display:flex}.btn-create-new{color:#fff;white-space:nowrap;background:#5b21b6;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:background .15s}.btn-create-new:hover{background:#4c1d95}.vps-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table-empty{text-align:center;color:#6b7280;padding:48px;font-size:.9rem}.empty-link{color:#5b21b6;margin-left:6px;font-weight:600}.vps-table{border-collapse:collapse;width:100%;font-size:.88rem}.vps-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:.78rem;font-weight:600}.vps-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px}.vps-table tr:last-child td{border-bottom:none}.vps-table tr:hover{background:#faf5ff}.srv-name{color:#111827;font-weight:600}.srv-flavor{color:#6b7280;font-size:.82rem}.flavor-info{flex-direction:column;gap:2px;display:flex}.flavor-name{color:#374151;font-weight:600}.flavor-specs{color:#9ca3af;font-size:.75rem}.srv-image{color:#6b7280;font-size:.82rem}.srv-ip{color:#374151;font-family:monospace;font-size:.82rem}.srv-date{color:#9ca3af;font-size:.82rem}.status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.task-badge{color:#1e40af;background:#dbeafe;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.spinner{border:2px solid #93c5fd;border-top-color:#1e40af;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:#d1d5db}.srv-actions{justify-content:flex-end;gap:6px;display:flex}.action-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.action-btn.console{color:#5b21b6;border-color:#5b21b6}.action-btn.console:hover{color:#fff;background:#5b21b6}.action-btn.stop{color:#e17055;border-color:#e17055}.action-btn.stop:hover{color:#fff;background:#e17055}.action-btn.reboot{color:#0984e3;border-color:#0984e3}.action-btn.reboot:hover{color:#fff;background:#0984e3}.action-btn.resize{color:#6c5ce7;border-color:#6c5ce7}.action-btn.resize:hover{color:#fff;background:#6c5ce7}.action-btn.start{color:#00b894;border-color:#00b894}.action-btn.start:hover{color:#fff;background:#00b894}.action-btn.delete{color:#dc2626;border-color:#dc2626}.action-btn.delete:hover{color:#fff;background:#dc2626}.action-btn.firewall{color:#6366f1;border-color:#6366f1}.action-btn.firewall:hover{color:#fff;background:#6366f1}.action-btn.public-ip{color:#059669;border-color:#059669;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.action-btn.public-ip:hover{color:#fff;background:#059669}.action-btn.public-ip.assigned{color:#fff;cursor:default;background:#059669}.action-btn.public-ip.assigned:hover{background:#047857}.action-btn.public-ip:disabled{opacity:.5;cursor:wait}.fw-attach-row{align-items:flex-start;gap:8px;display:flex}.text-muted{color:#9ca3af;font-size:.85rem}.modal-box{background:#fff;border-radius:12px;width:440px;max-width:90vw;padding:28px}.modal-box h3{color:#111827;margin-bottom:20px;font-size:1.1rem;font-weight:600}.modal-actions{gap:10px;display:flex}.btn-modal-primary{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600}.btn-modal-primary:hover{background:#4c1d95}.btn-modal-primary:disabled{opacity:.5;cursor:not-allowed}.btn-modal-cancel{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:10px 24px;font-size:.9rem}.console-modal{background:#111827;border-radius:12px;flex-direction:column;width:90vw;height:85vh;display:flex;overflow:hidden}.console-header{color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 20px;font-size:.9rem;font-weight:600;display:flex}.console-header-actions{align-items:center;gap:8px;display:flex}.btn-open-tab{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;padding:4px 12px;font-size:.78rem}.btn-open-tab:hover{background:#ffffff1a}.btn-close-console{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem}.btn-close-console:hover{color:#fff}.console-body{background:#000;flex:1}.console-body iframe{border:none;width:100%;height:100%}.console-msg{color:#6b7280;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}.console-msg.error{color:#dc2626}.create-error{color:#dc2626;font-size:.85rem;font-weight:500}.create-form{width:100%}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:40px;padding-bottom:40px}.form-section h2{color:#111827;margin-bottom:16px;font-size:1.2rem;font-weight:700}.section-label{color:#374151;margin-bottom:12px;font-size:.9rem;font-weight:600}.region-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.region-card{color:#374151;cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;font-size:.9rem;font-weight:500;transition:border-color .15s;display:flex}.region-card.selected{color:#5b21b6;background:#f5f3ff;border-color:#5b21b6}.region-flag{font-size:1.2rem}.form-select{color:#111827;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 14px center no-repeat;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;max-width:400px;padding:12px 40px 12px 16px;font-size:.9rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.form-select:focus{border-color:#5b21b6;box-shadow:0 0 0 3px #5b21b614}.form-select option{color:#111827;padding:10px 16px;font-size:.9rem}.form-select option:checked{color:#5b21b6;background:#f3f0ff}.form-input{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:.9rem}.form-input:focus{border-color:#5b21b6}.form-textarea{color:#374151;resize:vertical;background:#fff;border:2px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:monospace;font-size:.85rem}.form-textarea:focus{border-color:#5b21b6}.tip-banner{background:#f5f3ff;border:1px solid #e9e5ff;border-radius:8px;gap:12px;margin-top:16px;padding:16px 20px;display:flex}.tip-icon{color:#f59e0b;font-size:1.1rem}.tip-banner strong{color:#111827;font-size:.88rem}.tip-banner p{color:#6b7280;margin-top:2px;font-size:.82rem}.vpc-info{color:#374151;align-items:center;gap:10px;margin-bottom:8px;font-size:.9rem;display:flex}.badge-default{color:#6b7280;letter-spacing:.05em;border:1px solid #d1d5db;border-radius:4px;padding:2px 10px;font-size:.7rem;font-weight:700}.vpc-desc{color:#6b7280;font-size:.85rem;line-height:1.6}.os-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.os-card{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:20px 12px 16px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.os-card:hover{background:#faf8ff;border-color:#c4b5fd}.os-card.selected{color:#5b21b6;background:#f0ecff;border-color:#5b21b6}.os-icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.os-card svg{opacity:.5;transition:opacity .15s}.os-card:hover svg{opacity:.7}.os-card.selected svg{opacity:1}.version-select{flex-direction:column;gap:6px;display:flex}.version-select label{color:#5b21b6;font-size:.88rem;font-weight:600}.disk-type-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.disk-type-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;display:flex}.disk-type-card.selected{background:#faf5ff;border-color:#5b21b6}.disk-type-card strong{color:#111827;font-size:.9rem;display:block}.disk-type-sub{color:#6b7280;font-size:.8rem;display:block}.radio-dot{border:2px solid #d1d5db;border-radius:50%;flex-shrink:0;width:18px;height:18px;position:relative}.radio-dot.active{border-color:#5b21b6}.radio-dot.active:after{content:"";background:#5b21b6;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plans-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.plan-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:20px 16px;transition:all .15s}.plan-card:hover{border-color:#c4b5fd}.plan-card.selected{background:#faf5ff;border-color:#5b21b6}.plan-price{color:#111827;margin-bottom:2px;font-size:1.8rem;font-weight:700}.plan-dollar{vertical-align:super;margin-right:1px;font-size:1rem}.plan-mo{color:#6b7280;font-size:.85rem;font-weight:500}.plan-hourly{color:#6b7280;margin-bottom:12px;font-size:.78rem}.plan-specs{color:#9ca3af;flex-direction:column;gap:2px;font-size:.8rem;display:flex}.volume-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:20px;padding:24px;display:flex}.btn-add-volume{color:#5b21b6;white-space:nowrap;cursor:pointer;background:#fff;border:2px solid #5b21b6;border-radius:8px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .15s}.btn-add-volume:hover{color:#fff;background:#5b21b6}.volume-info strong{color:#111827;margin-bottom:4px;font-size:.9rem;display:block}.volume-info p{color:#6b7280;font-size:.82rem;line-height:1.6}.volume-config{align-items:center;gap:16px;margin-top:16px;display:flex}.volume-config label{color:#374151;font-size:.88rem;font-weight:600}.volume-config .form-input{max-width:120px}.volume-price{color:#5b21b6;font-size:.88rem;font-weight:600}.auth-methods{gap:12px;margin-bottom:16px;display:flex}.auth-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:12px;padding:16px 20px;transition:all .15s;display:flex}.auth-card:hover{border-color:#a78bfa}.auth-card.selected{background:#faf5ff;border-color:#5b21b6}.auth-card strong{color:#111827;font-size:.9rem;display:block}.auth-sub{color:#6b7280;font-size:.82rem;display:block}.password-auth-section{margin-bottom:16px}.password-auth-section .form-hint{color:#9ca3af;margin-top:8px;font-size:.8rem}.ssh-keys-section{margin-top:8px}.ssh-keys-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ssh-key-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ssh-key-label{color:#374151;cursor:pointer;align-items:center;gap:10px;font-size:.9rem;display:flex}.ssh-key-label input[type=checkbox]{accent-color:#5b21b6;width:16px;height:16px}.ssh-key-delete{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1rem;transition:all .15s}.ssh-key-delete:hover{color:#dc2626;background:#fef2f2}.btn-add-key{color:#5b21b6;cursor:pointer;background:0 0;border:2px dashed #d1d5db;border-radius:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .15s}.btn-add-key:hover{background:#faf5ff;border-color:#5b21b6}.add-key-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex}.form-group-inline label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.add-key-actions{gap:10px;display:flex}.btn-save-key{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:6px;padding:8px 20px;font-size:.85rem;font-weight:600}.btn-save-key:hover{background:#4c1d95}.btn-cancel-key{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;padding:8px 20px;font-size:.85rem;font-weight:500}.btn-cancel-key:hover{background:#f9fafb}.btn-save-key:disabled{opacity:.6;cursor:not-allowed}.key-mode-tabs{border-bottom:1px solid #e5e7eb;gap:0;margin-bottom:16px;display:flex}.key-mode-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.85rem;font-weight:500;transition:color .15s;position:relative}.key-mode-tab:hover{color:#111827}.key-mode-tab.active{color:#5b21b6;font-weight:600}.key-mode-tab.active:after{content:"";background:#5b21b6;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.key-create-hint{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.82rem;line-height:1.5}.btn-primary{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600}.key-warning{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.85rem;line-height:1.5}.key-textarea{cursor:pointer;background:#f9fafb;font-family:SFMono-Regular,Menlo,monospace;font-size:.75rem}.finalize-grid{grid-template-columns:1fr 1.5fr;gap:32px;margin-bottom:24px;display:grid}.finalize-label{color:#5b21b6;margin-bottom:4px;font-size:.95rem;font-weight:700;display:block}.finalize-desc{color:#6b7280;margin-bottom:12px;font-size:.82rem}.quantity-control{border:2px solid #e5e7eb;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.quantity-control button{color:#374151;cursor:pointer;background:#f9fafb;border:none;width:40px;height:40px;font-size:1.1rem;transition:background .15s}.quantity-control button:hover{background:#e5e7eb}.quantity-control span{color:#374151;padding:0 20px;font-size:.9rem;font-weight:500}.hostnames-list{flex-direction:column;gap:8px;display:flex}.project-note{color:#6b7280;margin-top:6px;font-size:.82rem;font-style:italic}.create-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:20px 24px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 20px #0000000f}.summary-total{color:#111827;align-items:baseline;gap:8px;font-size:1.4rem;font-weight:700;display:flex}.summary-volume{color:#6b7280;font-size:.85rem;font-weight:500}.btn-create-instance{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:background .2s}.btn-create-instance:hover{background:#4c1d95}@media (width<=768px){.region-grid,.os-grid,.disk-type-grid,.plans-grid,.finalize-grid{grid-template-columns:1fr}.create-summary{flex-direction:column;gap:12px}}.rl-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.rl-desc{color:#6b7280;margin-top:4px;font-size:.9rem}.rl-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.rl-table-head{background:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:200px 1fr 80px 80px;padding:14px 24px;display:grid}.rl-table-head span{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.rl-table-row{border-bottom:1px solid #f3f4f6;grid-template-columns:200px 1fr 80px 80px;align-items:center;padding:14px 24px;transition:background .1s;display:grid}.rl-table-row:last-child{border-bottom:none}.rl-table-row:hover{background:#faf5ff}.rl-col-resource{color:#111827;align-items:center;gap:12px;font-size:.9rem;font-weight:500;display:flex}.rl-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rl-col-bar{padding:0 20px}.rl-bar-track{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.rl-bar-fill{border-radius:4px;height:100%;transition:width .3s}.rl-col-usage{color:#374151;text-align:center;font-size:.88rem;font-weight:600}.rl-col-limit{color:#111827;text-align:center;font-size:.88rem;font-weight:700}@media (width<=768px){.rl-header{flex-direction:column;gap:16px}.rl-table-head,.rl-table-row{grid-template-columns:1fr 1fr 60px 60px;padding:12px 16px}.rl-col-resource{font-size:.82rem}.rl-col-bar{padding:0 8px}}.project-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.project-header-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe,#ddd6fe);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.project-header-title{align-items:center;gap:12px;margin-bottom:4px;display:flex}.project-header-title h1{color:#111827;font-size:1.5rem;font-weight:700}.project-header-desc{color:#6b7280;font-size:.9rem}.tabs{border-bottom:1px solid #e5e7eb;gap:0;margin-bottom:32px;display:flex}.tab{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:.9rem;font-weight:500;transition:color .15s;position:relative}.tab:hover{color:#111827}.tab.active{color:#5b21b6;font-weight:600}.tab.active:after{content:"";background:#5b21b6;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.status-deleted{color:#6b7280;background:#f3f4f6}.status-build{color:#2563eb;background:#eff6ff}.status-shutoff{color:#6b7280;background:#f3f4f6}.resource-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;overflow:hidden}.resource-section-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:16px 24px;display:flex}.resource-section-header h3{color:#111827;font-size:.95rem;font-weight:600}.resource-count{color:#6b7280;background:#f3f4f6;border-radius:10px;padding:1px 8px;font-size:.75rem;font-weight:600}.resource-empty{text-align:center;padding:40px 24px}.resource-empty p{color:#9ca3af;margin-bottom:16px;font-size:.9rem}.resource-table table{border-collapse:collapse;width:100%}.resource-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 24px;font-size:.8rem;font-weight:600}.resource-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px 24px;font-size:.9rem}.resource-table tr:last-child td{border-bottom:none}.resource-name{color:#111827;font-weight:600}.resource-ip{font-family:SFMono-Regular,Menlo,monospace;font-size:.85rem}.resource-date{color:#9ca3af;font-size:.85rem}.empty-panel{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:64px 40px}.empty-icon{margin-bottom:24px}.empty-panel h2{color:#111827;margin-bottom:8px;font-size:1.25rem;font-weight:600}.empty-panel p{color:#6b7280;max-width:400px;margin:0 auto;font-size:.9rem;line-height:1.6}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.settings-card h3{color:#111827;margin-bottom:20px;font-size:1rem;font-weight:600}.settings-field{margin-bottom:16px}.settings-field input,.settings-field textarea{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.settings-danger{border-color:#fca5a5}.settings-danger h3{color:#dc2626}.settings-danger p{color:#6b7280;margin-bottom:16px;font-size:.9rem}.btn-primary{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:#4c1d95}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .15s}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.admin-badge{color:#5b21b6;letter-spacing:.05em;background:#ede9fe;border-radius:4px;margin-left:8px;padding:2px 8px;font-size:.65rem;font-weight:700}.admin-filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.admin-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:160px;padding:8px 12px;font-family:inherit;font-size:.85rem}.admin-input:focus{border-color:#5b21b6;outline:none;box-shadow:0 0 0 3px #5b21b614}.admin-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.85rem}.admin-select:focus{border-color:#5b21b6;outline:none}.admin-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 16px;font-size:.8rem;font-weight:600}.admin-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:10px 16px;font-size:.85rem}.admin-table tr:last-child td{border-bottom:none}.cell-name{color:#111827;font-weight:600}.cell-mono{color:#6b7280;font-family:SFMono-Regular,Menlo,monospace;font-size:.8rem}.cell-empty{text-align:center;color:#9ca3af;padding:32px 16px!important}.flavor-form{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.flavor-form h3{color:#111827;margin-bottom:14px;font-size:.95rem;font-weight:600}.flavor-form-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.flavor-form-fields .admin-input{flex:1;min-width:120px}.form-error{color:#dc2626;margin-top:8px;font-size:.85rem}.btn-delete-sm{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.btn-delete-sm:hover{background:#fef2f2}.btn-edit-sm{color:#5b21b6;cursor:pointer;background:#fff;border:1px solid #c4b5fd;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:500;transition:all .15s}.btn-edit-sm:hover{background:#f5f3ff}.cell-actions{align-items:center;gap:6px;display:flex}.admin-empty{text-align:center;color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:40px;font-size:.9rem}.admin-section{margin-top:8px}.admin-subsection{margin-top:40px}.admin-subsection-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-subsection-title{color:#374151;font-size:1.1rem;font-weight:600}.btn-primary-sm{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.btn-primary-sm:hover{background:#4c1d95}.status{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.status-active{color:#059669;background:#ecfdf5}.status-offline{color:#dc2626;background:#fef2f2}.status-maintenance{color:#d97706;background:#fffbeb}.status-disabled{color:#6b7280;background:#f3f4f6}.status-approved{color:#059669;background:#ecfdf5}.status-rejected{color:#dc2626;background:#fef2f2}.status-processing{color:#d97706;background:#fffbeb}.status-completed{color:#059669;background:#ecfdf5}.status-queued{color:#d97706;background:#fffbeb}.status-error{color:#dc2626;background:#fef2f2}.loading-text{color:#9ca3af;font-size:.95rem}.status-pending{color:#d97706;background:#fffbeb}.admin-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-page-header .page-title{margin-bottom:0}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #00000026}.modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.modal-header h3{color:#111827;font-size:1.1rem;font-weight:600}.modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close:hover{color:#111827}.modal-body{padding:20px 24px}.modal-field{margin-bottom:14px}.modal-field label{color:#374151;margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}.modal-field .admin-input{box-sizing:border-box;width:100%}.modal-row{gap:12px;display:flex}.modal-row .modal-field{flex:1}.modal-actions{gap:10px;padding:0 24px 20px;display:flex}.btn-modal-cancel{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500}.btn-modal-cancel:hover{background:#f9fafb}.field-error{color:#dc2626;margin-top:3px;font-size:.75rem;display:block}.file-upload-area{text-align:center;cursor:pointer;border:2px dashed #e5e7eb;border-radius:8px;padding:24px;transition:all .15s}.file-upload-area:hover{background:#faf5ff;border-color:#a78bfa}.file-placeholder{color:#9ca3af;font-size:.88rem}.file-selected{color:#5b21b6;font-size:.88rem;font-weight:600}.upload-progress{color:#92400e;background:#fffbeb;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:12px 16px;font-size:.85rem;display:flex}.upload-spinner{border:2px solid #e5e7eb;border-top-color:#d97706;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.pool-ips-title{color:#111827;margin:24px 0 12px;font-size:1rem;font-weight:600}.pool-ips-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.pool-ip-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pool-ip-card.assigned{background:#fef2f2;border-color:#fecaca}.pool-ip-addr{color:#111827;font-family:monospace;font-size:.82rem}.pool-ip-status{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.pool-ip-status.available{color:#059669;background:#ecfdf5}.pool-ip-status.assigned{color:#dc2626;background:#fef2f2}.field-hint{color:#9ca3af;margin-top:4px;font-size:.75rem;display:block}.status-saving{color:#d97706;background:#fffbeb}.pool-ip-card.snat{background:#f0fdf4;border-color:#bbf7d0}.pool-ip-status.snat{color:#1d4ed8;background:#dbeafe}.pool-ip-delete{color:#dc2626;cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 4px;font-size:1.1rem;line-height:1;transition:opacity .15s}.pool-ip-delete:hover{opacity:1}.nat-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.nat-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:14px;padding:18px 20px;transition:all .15s;display:flex}.nat-card:hover{background:#faf5ff;border-color:#a78bfa}.nat-card.active{background:#f5f3ff;border-color:#5b21b6}.nat-card.stat-card{cursor:default;background:#f5f3ff;border-color:#5b21b6}.nat-card.stat-card:hover{background:#f5f3ff}.nat-stat-number{color:#5b21b6;font-size:2rem;font-weight:800;line-height:1}.nat-card-icon{color:#5b21b6;flex-shrink:0}.nat-card-info h3{color:#111827;margin:0 0 2px;font-size:.95rem;font-weight:700}.nat-card-info p{color:#6b7280;margin:0;font-size:.78rem}.nat-view{margin-top:8px}.nat-view-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.nat-view-header h3{color:#111827;margin:0;font-size:1rem;font-weight:600}.nat-view-desc{color:#6b7280;margin-bottom:16px;font-size:.85rem}.snat-add-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.snat-add-row .admin-input{width:250px}.pool-name-btn{color:#5b21b6;cursor:pointer;background:0 0;border:none;padding:0;font-family:monospace;font-size:.88rem;font-weight:600}.pool-name-btn:hover{text-decoration:underline}.row-expanded td{background:#f9fafb}.expanded-ips-cell{padding:0!important}.ip-detail-table{border:none;margin:0}.ip-detail-table th{background:#f3f4f6;font-size:.72rem}.ip-detail-table td{padding:8px 14px;font-size:.82rem}.runners-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.runners-actions{align-items:center;gap:12px;display:flex}.runners-empty{flex-direction:column;align-items:center;min-height:calc(100vh - 64px);display:flex}.runners-empty-top{text-align:center;max-width:480px;padding-top:10vh}.runners-empty-icon{margin-bottom:16px}.runners-empty-top h2{color:#111827;margin-bottom:8px;font-size:1.4rem;font-weight:700}.runners-empty-top p{color:#6b7280;margin-bottom:24px;font-size:.92rem;line-height:1.5}.runners-empty-cta{flex:1;justify-content:center;align-items:center;display:flex}.runners-providers{gap:16px;margin-bottom:24px;display:flex}.runner-provider-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:14px;padding:16px 20px;display:flex}.runner-provider-card div{flex-direction:column;display:flex}.runner-provider-card strong{color:#111827;font-size:.92rem}.runner-provider-card span{color:#6b7280;font-size:.78rem}.btn-create-runner{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;padding:12px 32px;font-size:.95rem;font-weight:600;transition:background .15s;display:inline-block}.btn-create-runner:hover{background:#4c1d95}.runners-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.runners-table{border-collapse:collapse;width:100%;font-size:.88rem}.runners-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:.78rem;font-weight:600}.runners-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px}.runners-table tr:last-child td{border-bottom:none}.runners-table tr:hover{background:#faf5ff}.runner-name{color:#111827;font-weight:600}.runner-repo{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.82rem;overflow:hidden}.runner-ip{color:#374151;font-family:monospace;font-size:.82rem}.runner-date{color:#9ca3af;font-size:.82rem}.type-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:700}.type-github{color:#24292f;background:#f0f0f0}.type-gitlab{color:#c45000;background:#fef3e2}.runner-labels{flex-wrap:wrap;gap:4px;display:flex}.label-tag{color:#5b21b6;background:#ede9fe;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:600}.runner-actions{gap:6px;display:flex}.create-runner-page{max-width:780px}.create-runner-page .page-title{margin-bottom:24px}.runner-type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.runner-type-card{cursor:pointer;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:24px;font-size:.92rem;font-weight:600;transition:all .15s;display:flex}.runner-type-card:hover{background:#faf5ff;border-color:#a78bfa}.runner-type-card.selected{color:#5b21b6;background:#f5f3ff;border-color:#5b21b6}.flavor-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.flavor-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:14px;transition:all .15s}.flavor-card:hover{background:#faf5ff;border-color:#a78bfa}.flavor-card.selected{background:#f5f3ff;border-color:#5b21b6}.flavor-name{color:#111827;margin-bottom:6px;font-size:.88rem;font-weight:700}.flavor-specs{color:#6b7280;flex-direction:column;gap:2px;font-size:.78rem;display:flex}.create-form .form-section{border-bottom:1px solid #f3f4f6;padding:20px 0}.create-form .form-section:last-of-type{border-bottom:none}.create-form .form-section h2{color:#111827;margin-bottom:12px;font-size:.92rem;font-weight:700}.form-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .15s}.form-input:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 2px #a78bfa26}.form-hint{color:#9ca3af;margin-top:8px;font-size:.8rem;line-height:1.4}.form-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-top:8px;padding:12px 16px;font-size:.88rem}.form-actions{gap:12px;padding:24px 0;display:flex}.form-actions .btn-create-runner{padding:12px 36px}.form-actions .btn-create-runner:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.runner-type-grid,.flavor-grid{grid-template-columns:1fr}}.settings-tabs{border-bottom:2px solid #e5e7eb;gap:0;margin-bottom:28px;display:flex}.settings-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .15s}.settings-tab:hover{color:#374151}.settings-tab.active{color:#5b21b6;border-bottom-color:#5b21b6}.settings-tab.danger{color:#9ca3af}.settings-tab.danger.active{color:#dc2626;border-bottom-color:#dc2626}.settings-content{max-width:640px}.settings-section{flex-direction:column;gap:24px;display:flex}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.settings-card-title{color:#111827;margin-bottom:16px;font-size:1.05rem;font-weight:700}.settings-card-title.danger{color:#dc2626}.settings-info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.info-label{color:#9ca3af;margin-bottom:2px;font-size:.8rem;font-weight:500;display:block}.info-value{color:#374151;font-size:.92rem;font-weight:500}.settings-form{flex-direction:column;gap:14px;display:flex}.settings-field label{color:#374151;margin-bottom:4px;font-size:.82rem;font-weight:600;display:block}.settings-field input,.settings-field textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.9rem}.settings-field input:focus,.settings-field textarea:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.settings-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-error{color:#dc2626;background:#fef2f2;border-radius:8px;padding:10px 14px;font-size:.88rem;font-weight:500}.settings-success{color:#059669;background:#ecfdf5;border-radius:8px;padding:10px 14px;font-size:.88rem;font-weight:500}.btn-settings-primary{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;padding:8px 20px;font-size:.88rem;font-weight:600;transition:background .15s}.btn-settings-primary:hover{background:#4c1d95}.btn-settings-primary:disabled{opacity:.6;cursor:not-allowed}.btn-settings-secondary{color:#5b21b6;cursor:pointer;background:#fff;border:1px solid #c4b5fd;border-radius:8px;padding:8px 20px;font-size:.88rem;font-weight:600;transition:all .15s}.btn-settings-secondary:hover{background:#f5f3ff}.btn-settings-cancel{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:8px 20px;font-size:.88rem}.btn-settings-cancel:hover{background:#e5e7eb}.mfa-status{align-items:center;gap:12px;margin-bottom:16px;display:flex}.mfa-badge{text-transform:uppercase;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700}.mfa-badge.enabled{color:#059669;background:#ecfdf5}.mfa-desc{color:#6b7280;font-size:.85rem}.mfa-actions{flex-wrap:wrap;gap:10px;display:flex}.mfa-verify-step{margin-top:16px}.mfa-verify-desc{color:#6b7280;margin-bottom:12px;font-size:.88rem}.mfa-verify-row{align-items:center;gap:8px;display:flex}.mfa-code-input{letter-spacing:.1em;text-align:center;border:1px solid #d1d5db;border-radius:8px;width:120px;padding:8px 12px;font-family:monospace;font-size:1rem}.mfa-code-input:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.mfa-scan-step{margin-top:16px}.mfa-qr-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;margin-bottom:16px;padding:20px;display:flex}.mfa-manual-key{margin-bottom:16px}.mfa-manual-key summary{cursor:pointer;color:#5b21b6;font-size:.82rem;font-weight:600}.mfa-manual-key code{word-break:break-all;letter-spacing:.05em;background:#f3f4f6;border-radius:8px;margin-top:8px;padding:10px;font-size:.82rem;display:block}.mfa-backup-step{margin-top:16px}.mfa-backup-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:14px}.mfa-backup-warning strong{color:#92400e;margin-bottom:4px;display:block}.mfa-backup-warning p{color:#92400e;margin:0;font-size:.85rem}.mfa-backup-grid{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;padding:14px;display:grid}.mfa-backup-code{text-align:center;background:#fff;border-radius:6px;padding:6px 12px;font-family:monospace;font-size:.92rem}.danger-card{border-color:#fecaca}.danger-desc{color:#6b7280;margin-bottom:16px;font-size:.9rem}.danger-status{border-radius:8px;padding:14px;font-size:.9rem;font-weight:500}.danger-status.pending{color:#d97706;background:#fffbeb}.danger-status.rejected{color:#dc2626;background:#fef2f2}.danger-confirm{background:#fef2f2;border-radius:10px;padding:16px}.danger-confirm-title{color:#dc2626;margin-bottom:8px;font-weight:600}.danger-list{color:#6b7280;margin-bottom:14px;padding-left:20px;font-size:.88rem}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:8px 20px;font-size:.88rem;font-weight:600}.btn-danger:hover{background:#b91c1c}.btn-danger-outline{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:8px;padding:8px 20px;font-size:.88rem;font-weight:600}.btn-danger-outline:hover{background:#fef2f2}@media (width<=640px){.settings-info-grid,.settings-field-row{grid-template-columns:1fr}.mfa-verify-row{flex-wrap:wrap}.mfa-backup-grid{grid-template-columns:1fr}}.docs-sidebar{z-index:100;background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.docs-sidebar-top{border-bottom:1px solid #e5e7eb;align-items:center;gap:10px;padding:20px 24px;display:flex}.docs-sidebar-logo{color:#5b21b6;letter-spacing:-.02em;font-size:1.1rem;font-weight:800;text-decoration:none}.docs-sidebar-badge{color:#5b21b6;text-transform:uppercase;letter-spacing:.03em;background:#f5f3ff;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700}.docs-sidebar-nav{flex:1;padding:16px 0}.docs-sidebar-section{margin-bottom:8px}.docs-sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;padding:8px 24px 4px;font-size:.7rem;font-weight:700;display:block}.docs-sidebar-link{color:#6b7280;border-left:2px solid #0000;padding:7px 24px 7px 32px;font-size:.88rem;text-decoration:none;transition:all .15s;display:block}.docs-sidebar-link:hover{color:#5b21b6;background:#faf5ff}.docs-sidebar-link.active{color:#5b21b6;background:#f5f3ff;border-left-color:#5b21b6;font-weight:600}.docs-sidebar-bottom{border-top:1px solid #e5e7eb;padding:16px 24px}.docs-sidebar-back{color:#6b7280;align-items:center;gap:8px;font-size:.85rem;text-decoration:none;transition:color .15s;display:flex}.docs-sidebar-back:hover{color:#5b21b6}.docs-page{grid-template-columns:200px 1fr;gap:40px;max-width:960px;display:grid}.docs-nav{align-self:start;position:sticky;top:24px}.docs-nav h4{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:12px;font-size:.75rem}.docs-nav a{color:#6b7280;border-left:2px solid #0000;padding:6px 0 6px 12px;font-size:.85rem;text-decoration:none;transition:all .15s;display:block}.docs-nav a:hover{color:#5b21b6;border-left-color:#5b21b6}.docs-content{min-width:0}.docs-content h1{color:#111827;margin-bottom:8px;font-size:2rem;font-weight:700}.docs-intro{color:#6b7280;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.docs-content section{border-bottom:1px solid #f3f4f6;margin-bottom:40px;padding-bottom:32px}.docs-content section:last-child{border-bottom:none}.docs-content h2{color:#111827;margin-bottom:12px;font-size:1.3rem;font-weight:700}.docs-content h3{color:#111827;margin-top:20px;margin-bottom:8px;font-size:1rem;font-weight:600}.docs-content p{color:#374151;margin-bottom:12px;font-size:.92rem;line-height:1.6}.docs-content ul{margin-bottom:12px;padding-left:20px}.docs-content li{color:#374151;font-size:.92rem;line-height:1.7}.docs-content code{color:#5b21b6;background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.82rem}.doc-status{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.doc-status.green{color:#059669;background:#ecfdf5}.doc-status.yellow{color:#d97706;background:#fffbeb}.doc-status.red{color:#dc2626;background:#fef2f2}.doc-status.gray{color:#6b7280;background:#f3f4f6}.docs-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:20px}.docs-card h3{margin-top:0}.docs-code{color:#cdd6f4;white-space:pre-wrap;background:#1e1e2e;border-radius:8px;margin:12px 0;padding:16px;font-family:monospace;font-size:.82rem;line-height:1.6;overflow-x:auto}.docs-code code{color:inherit;font-size:inherit;background:0 0;padding:0}.docs-callout{color:#374151;background:#f5f3ff;border-left:3px solid #5b21b6;border-radius:0 8px 8px 0;margin:12px 0;padding:12px 16px;font-size:.88rem}.docs-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.88rem}.docs-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px;font-size:.78rem;font-weight:600}.docs-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 14px}.docs-table tr:last-child td{border-bottom:none}.docs-endpoint{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:16px 20px}.endpoint-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.endpoint-header code{color:#111827;background:0 0;padding:0;font-size:.88rem}.method{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700}.method.get{color:#1d4ed8;background:#dbeafe}.method.post{color:#059669;background:#ecfdf5}.method.delete{color:#dc2626;background:#fef2f2}.method.patch{color:#d97706;background:#fffbeb}.docs-note{color:#9ca3af;font-size:.82rem;font-style:italic}@media (width<=768px){.docs-page{grid-template-columns:1fr}.docs-nav{display:none}}