:root{--bg:#fffdfb;--panel:#fff;--primary:#e12b2c;--primary-hover:#c41e1f;--text:#1a202c;--text-dim:#4a5568;--border:#e2e8f0}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);margin:0;font-family:Outfit,sans-serif;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{text-align:center;padding:80px 0}.hero h1{background:linear-gradient(135deg,#1a202c 0%,#4a5568 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3.5rem;line-height:1.2}@media (width<=600px){.hero h1{font-size:2.2rem}.hero-grid{padding:30px 20px}}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #e12b2c33}@media (width<=600px){.btn-primary{text-align:center;width:100%;display:block}}.card-form{background:var(--panel);border:1px solid var(--border);border-radius:24px;max-width:550px;margin:40px auto;padding:40px;box-shadow:0 20px 50px #0000000f}@media (width<=500px){.card-form{margin:20px auto;padding:24px 20px}}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=480px){.form-grid{grid-template-columns:1fr;gap:0}}.input-group{text-align:left;margin-bottom:24px}.input-group label{color:var(--text-dim);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.input-group input,.input-group select{border:1px solid var(--border);width:100%;color:var(--text);background:#fdfdfd;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.category-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px}.input-group input:focus,.input-group select:focus{border-color:var(--primary);color:var(--text);background:#fff;outline:none;box-shadow:0 0 0 4px #e12b2c1a}.url-input-container{border:1px solid var(--border);background:#fdfdfd;border-radius:12px;align-items:stretch;transition:all .2s;display:flex;overflow:hidden}.url-prefix{color:var(--text-dim);border-right:1px solid var(--border);white-space:nowrap;background:#edf2f7;align-items:center;padding:0 16px;font-size:.9rem;display:flex}.url-input-container input{flex:1;min-width:0;height:50px;box-shadow:none!important;background:0 0!important;border:none!important}@media (width<=480px){.url-input-container{flex-direction:column}.url-prefix{border-right:none;border-bottom:1px solid var(--border);height:40px;padding:0 12px;font-size:.8rem}.url-input-container input{width:100%;height:50px;padding:12px}}.dashboard{padding:40px 0}.table-container{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:16px}th{color:var(--text-dim);font-weight:500}.badge{border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:600}.badge-active{color:#48bb78;background:#48bb7833}.badge-suspended{color:#f56565;background:#e53e3e33}.badge-pending{color:#ed8936;background:#ed893633}.btn-action{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-suspend{color:#f56565;background:0 0;border-color:#e53e3e4d}.btn-suspend:hover{background:#e53e3e1a;border-color:#f56565}.btn-activate{color:#48bb78;background:0 0;border-color:#48bb784d}.btn-activate:hover{background:#48bb781a;border-color:#48bb78}.auth-gate{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:20px;max-width:400px;margin:100px auto;padding:40px;box-shadow:0 30px 60px #00000014}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);margin-top:80px;padding:40px 0}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:20px;display:flex}.footer-link{color:var(--text-dim);cursor:pointer;font-size:.9rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.policy-container{text-align:left;max-width:800px;margin:0 auto;padding:40px 0}.policy-content{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);border-radius:16px;padding:40px}.policy-content h1,.policy-content h2,.policy-content h3{color:var(--text);margin-top:32px;margin-bottom:16px}.policy-content h1:first-child{margin-top:0}.policy-content p,.policy-content li{margin-bottom:12px}.policy-content ul{padding-left:20px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:60px 20px;display:grid}.hero-content{text-align:left}.hero-preview{aspect-ratio:9/17;background:#fff;border:14px solid #1a1a1a;border-radius:45px;width:360px;max-width:100%;margin:0 auto;animation:6s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:0 40px 100px #00000026}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero-preview iframe{border:none;width:100%;height:100%}.thank-you-card{text-align:center;color:#2d3748;background:#fff;border-radius:20px;max-width:600px;margin:100px auto;padding:40px;box-shadow:0 10px 30px #0000001a}.thank-you-card h1{color:#48bb78;margin-bottom:20px}.live-link-box{color:var(--primary);background:#fff5f5;border:2px solid #fed7d7;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin:24px 0;padding:16px;font-family:inherit;font-size:1.1rem;font-weight:600;display:flex}.step-card{text-align:left;background:#f8fafc;border-radius:12px;margin-top:30px;padding:20px}.step-item{color:var(--text-dim);gap:12px;margin-bottom:12px;font-size:.95rem;display:flex}.step-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:.75rem;display:flex}@media (width<=900px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px;padding:60px 15px}.hero-content{text-align:center;max-width:100%}.hero-content ul{text-align:left;max-width:90%;margin:0 auto 30px;display:inline-block}.hero-preview{width:100%;max-width:320px;margin:0 auto;box-shadow:0 20px 60px #0000001a}}.admin-layout{color:#1a202c;z-index:1000;background-color:#f7fafc;width:100vw;height:100vh;margin:0;font-family:inherit;display:flex;position:fixed;top:0;left:0;overflow:hidden}.admin-sidebar{color:#a0aec0;background:linear-gradient(#1a202c 0%,#2d3748 100%);flex-direction:column;flex-shrink:0;width:230px;display:flex}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.logo{color:#fff;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.sidebar-back-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.sidebar-back-btn:hover{color:#fff;background:#ffffff1a}.sidebar-nav{flex:1;padding:16px 10px}.sidebar-nav .nav-item{color:#cbd5e0;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav .nav-item:hover{color:#fff;background:#ffffff12}.sidebar-nav .nav-item.active{background:var(--primary);color:#fff}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 14px}.sidebar-stats-mini{gap:12px;display:flex}.mini-stat{text-align:center;color:#a0aec0;background:#ffffff0f;border-radius:8px;flex:1;padding:12px 14px;font-size:.78rem}.mini-stat span{color:#fff;margin-bottom:2px;font-size:1.25rem;font-weight:700;display:block}.admin-main{background-color:#fff;flex:1;padding:32px 40px;overflow-y:auto}.main-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.main-header h1{color:#1a202c;margin:0;font-size:1.75rem}.header-actions{gap:12px;display:flex}.btn-table-action{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-table-action:hover{background:#f8fafc}.table-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-pill{color:#64748b;cursor:pointer;background:#f1f5f9;border-radius:20px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s}.filter-pill:first-child{color:#fff;background:#1a202c}.filter-active-pill{color:#10b981}.filter-suspended-pill{color:#ef4444}.filter-pending-pill{color:#f59e0b}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.admin-table th{text-align:left;color:#94a3b8;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:.82rem;font-weight:500}.admin-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:.9rem;transition:background .2s}.admin-table tbody tr:hover{background-color:#fafbfc}.selected-row td{background-color:#fff5f5}.client-cell{align-items:center;gap:12px;display:flex}.client-avatar{background:linear-gradient(135deg, var(--primary) 0%, #e85d5d 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex}.client-info b{color:#1a202c;font-weight:500;display:block}.client-info span{color:#94a3b8;font-size:.78rem}.card-link{color:#1a202c;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:.78rem;text-decoration:none}.card-link:hover{background:#f1f5f9}.status-indicator{align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:inline-flex}.status-active{color:#10b981}.status-pending{color:#f59e0b}.status-suspended{color:#ef4444}.payment-status{font-size:.85rem}.date-cell{color:#64748b;font-size:.85rem}.no-data{color:#94a3b8;font-size:.85rem;font-style:italic}.actions-cell{position:relative}.row-action-group{justify-content:flex-end;align-items:center;gap:4px;display:flex}.btn-status-toggle{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.btn-toggle-suspend{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.btn-toggle-suspend:hover{background:#fee2e2}.btn-toggle-activate{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0}.btn-toggle-activate:hover{background:#d1fae5}.action-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px}.action-btn:hover{color:#1a202c;background:#f1f5f9}.dropdown-container{display:inline-block}.dropdown-menu{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:6px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #0000001a}.dropdown-item{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:.88rem;transition:background .15s;display:flex}.dropdown-item:hover{background:#f8fafc}.text-danger{color:#ef4444}.admin-right-sidebar{background-color:#fafbfc;border-left:1px solid #e2e8f0;flex-shrink:0;width:300px;padding:28px 20px;overflow-y:auto}.stat-block{margin-bottom:32px}.stat-block h3{color:#64748b;letter-spacing:.5px;margin:0 0 14px;font-size:.72rem;font-weight:700}.stat-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-header h3{margin:0}.stat-filter{color:#94a3b8;font-size:.78rem}.stat-chart-container{justify-content:center;margin-bottom:20px;display:flex}.chart-circle{border:8px solid var(--primary);border-right-color:#e2e8f0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex;transform:rotate(-45deg)}.chart-circle>*{transform:rotate(45deg)}.chart-value{color:#1a202c;font-size:1.4rem;font-weight:700}.chart-sub{color:#64748b;font-size:.78rem}.stat-legend{color:#1a202c;justify-content:center;font-size:.85rem;font-weight:600;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-green{background:#10b981}.dot-red{background:#ef4444}.dot-grey{background:#cbd5e1}.light-text{color:#94a3b8;font-weight:400}.progress-bar-container{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:16px;display:flex;overflow:hidden}.bar-green{background:#10b981}.bar-red{background:#ef4444}.bar-grey{background:#cbd5e1}.status-list{margin:0;padding:0;list-style:none}.status-list li{color:#475569;align-items:center;gap:8px;margin-bottom:10px;font-size:.85rem;display:flex}.status-value{color:#1a202c;margin-left:auto;font-weight:600}.overview-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.overview-item{flex-direction:column;display:flex}.overview-value{color:#1a202c;margin-bottom:2px;font-size:1.2rem;font-weight:700}.overview-label{color:#64748b;font-size:.78rem}.edit-inline-group{flex-direction:column;gap:6px;display:flex}.edit-inline-input{color:#1a202c;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.edit-inline-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e12b2c1f}.edit-actions{gap:6px;display:flex}.btn-save-edit,.btn-cancel-edit{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .15s;display:flex}.btn-save-edit{color:#fff;background:#10b981}.btn-save-edit:hover{background:#059669}.btn-cancel-edit{color:#64748b;background:#f1f5f9}.btn-cancel-edit:hover{color:#1a202c;background:#e2e8f0}.confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-box{background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;animation:.2s scaleIn;box-shadow:0 25px 60px #00000026}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-box h3{color:#1a202c;margin:0 0 12px;font-size:1.15rem}.confirm-box p{color:#64748b;margin:0 0 24px;font-size:.92rem;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.confirm-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .15s}.confirm-cancel-btn:hover{background:#f8fafc}.confirm-ok-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .15s}.confirm-ok-btn:hover{background:var(--primary-hover)}.confirm-ok-btn.confirm-danger{background:#ef4444}.confirm-ok-btn.confirm-danger:hover{background:#dc2626}