.notify-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 8px 20px #2563eb40}.notify-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2563eb59}.notify-btn:active{transform:translateY(0);box-shadow:0 6px 14px #2563eb33}.notify-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}
*{box-sizing:border-box}body{background:#f5f7fb;margin:0;font-family:Arial,sans-serif}.dashboard{padding:40px}.dashboard__header{margin-bottom:25px}.dashboard__header h1{margin-bottom:10px;font-size:32px}.dashboard__agentCode{background:#fff;border-radius:10px;padding:10px 14px;display:inline-block;box-shadow:0 6px 18px #0000000f}.dashboard__grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dashboard__col{flex-direction:column;gap:20px;display:flex}.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0000000f}.card h2{margin-top:0;font-size:18px}.card a{color:#2563eb;margin-top:8px;text-decoration:none;display:block}.card.center{text-align:center}.tasks{background:#fff;border-radius:14px;padding:25px;box-shadow:0 6px 18px #0000000f}.tasks__title{margin-bottom:15px}.tasks__grid{grid-template-columns:1fr;gap:15px;margin-bottom:20px;display:grid}.taskCard{background:#f9fafb;border:1px solid #eee;border-radius:12px;padding:15px}.tasks__formSection{background:#fff;border:1px solid #eee;border-radius:14px;margin-top:20px;padding:25px}.tasks__formSection .agent-form{width:100%;max-width:100%}.agent-form{flex-direction:column;gap:12px;width:100%;display:flex}.agent-form div{width:100%}.agent-form label{color:#222;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.agent-form input,.agent-form textarea{border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px;font-size:14px}.agent-form textarea{resize:vertical;min-height:110px}@media (max-width:900px){.dashboard__grid{grid-template-columns:1fr}}@media (max-width:600px){.dashboard{padding:20px}.dashboard__header h1{font-size:24px}.tasks,.tasks__formSection{padding:18px}.agent-form input,.agent-form textarea{font-size:13px}}.setupPage{grid-template-columns:1fr 1.2fr;align-items:start;gap:40px;max-width:1200px;margin:40px auto;padding:20px;display:grid}.setupBadge{color:#06c;background:#eef7ff;border-radius:999px;padding:8px 14px;font-size:.9rem;font-weight:600;display:inline-block}.setupTitle{color:#111;margin-top:18px;font-size:2.7rem;font-weight:700}.setupDescription{color:#666;margin-top:16px;font-size:1.1rem;line-height:1.7}.setupBenefits{flex-direction:column;gap:18px;margin-top:35px;display:flex}.benefitCard{background:#fff;border:1px solid #e7e7e7;border-radius:18px;gap:18px;padding:20px;display:flex;box-shadow:0 5px 20px #0000000d}.benefitIcon{background:#f5f7fa;border-radius:14px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.benefitCard h3{color:#111;margin-bottom:8px;font-size:1.1rem}.benefitCard p{color:#666;line-height:1.6}.benefitCard ul{color:#666;padding-right:30px;line-height:1.6}.setupFormCard{background:#fff;border:1px solid #eee;border-radius:24px;padding:32px;box-shadow:0 10px 40px #00000014}@media (max-width:900px){.setupPage{grid-template-columns:1fr}.setupTitle{font-size:2rem}.setupFormCard{padding:20px}}.completeProfile h1{color:#222;margin-bottom:12px;padding:0 20px;font-size:2rem;font-weight:700}.completeProfile p{color:#666;max-width:700px;margin-bottom:30px;padding:0 20px;font-size:1rem;line-height:1.7}@media (max-width:768px){.completeProfile h1{padding:0 16px;font-size:1.6rem}.completeProfile p{padding:0 16px;font-size:.95rem}}
.subscription-section{background:#fff;border-radius:16px;width:85%;margin:50px auto;font-family:Poppins,sans-serif;overflow:hidden;box-shadow:0 0 25px #0003}.subscription-banner{color:#000;text-align:center;background:linear-gradient(90deg,#ffbf00,#fffb06);border-bottom:2px solid khaki;flex-direction:column;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.price-box{text-align:center}.price{margin:0;font-size:3.5rem;font-weight:900;line-height:1}.per-day{text-transform:uppercase;margin:5px;font-size:1rem;font-weight:600}.banner-text h3{margin:0;font-size:1.5rem;font-weight:800}.banner-text p{margin:5px 0 0;font-size:1rem}.subscription-content{color:#222;padding:25px}.subscription-content h2{margin-bottom:10px;font-size:1.8rem;font-weight:800}.intro-text{margin-bottom:15px;font-size:1rem;line-height:1.6}.benefits-list{margin:20px 0;padding:0;line-height:1.7;list-style:none}.benefits-list li{margin-bottom:6px;font-size:1rem}.subscribe-btn{color:#fff;background-color:#000;border-radius:8px;margin:auto;padding:10px 25px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.subscribe-btn:hover{background-color:#333;transform:scale(1.05)}@media (max-width:768px){.subscription-banner{text-align:center;flex-direction:column}.price{font-size:3rem}.banner-text h3{font-size:1.3rem}.subscription-content{padding:20px}.benefits-list li{text-align:center;font-size:.8rem}.subscribe-btn{font-size:.8rem}.intro-text{font-size:.9rem}.subscription-content h2{font-size:1.3rem}.subscription-content{flex-direction:column;justify-content:center;align-items:center;display:flex}}