@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#ec4899;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-dark:#0f0f1a;--bg-sidebar:#13131f;--bg-card:#1a1a2e;--bg-card-hover:#252542;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#6b6b80;--border:#2a2a4a;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--gradient-joint:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);min-height:100vh;font-family:Noto Sans SC,Space Grotesk,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.btn-ghost{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card)}.btn-danger{color:var(--error);border:1px solid var(--error);background:0 0}.btn-danger:hover{background:#ef44441a}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.form-group{margin-bottom:1.5rem}.form-label{margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input{background:var(--bg-dark);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.form-input::placeholder{color:var(--text-muted)}.form-hint{color:var(--text-muted);margin-top:.4rem;font-size:.8rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h1{font-size:1.75rem;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.status-badge{border-radius:100px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.78rem;font-weight:500;display:inline-flex}.status-paid{color:var(--success);background:#10b98126}.status-pending{color:var(--warning);background:#f59e0b26}.status-processing{color:var(--primary);background:#6366f126}.status-ready{color:var(--success);background:#10b98126}.status-failed{color:var(--error);background:#ef444426}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:90%;max-width:720px;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:260px;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.logo-icon{background:var(--gradient-primary);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.logo-text{font-size:1.1rem;font-weight:600}.sidebar-nav{flex:1}.nav-item{color:var(--text-secondary);border-radius:12px;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.875rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text-primary);text-decoration:none}.nav-item.active{color:var(--primary);background:#6366f126}.nav-item .icon{text-align:center;width:24px;font-size:1.2rem}.nav-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.nav-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;padding:0 1rem;font-size:.75rem}.sidebar-user{background:var(--bg-card);border-radius:12px;align-items:center;gap:.75rem;padding:1rem;display:flex}.user-avatar{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.user-info{flex:1}.user-name{font-size:.9rem;font-weight:600}.user-plan{color:var(--primary);font-size:.8rem}.main-content{flex:1;min-height:100vh;margin-left:260px;padding:2rem}