.dashboard{min-height:100vh;background:#050508;color:#e4e4e7;overflow-x:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 48px;position:sticky;top:0;z-index:100;background:#050508d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px}.brand:hover{color:#a78bfa;text-decoration:none}.dashboard-header nav{display:flex;gap:28px;align-items:center}.dashboard-header nav a{color:#a1a1aa;font-weight:500;transition:color .2s}.dashboard-header nav a:hover{color:#fff}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;padding:12px 24px!important;border-radius:12px!important;font-weight:600}.btn-primary:hover{opacity:.95;color:#fff!important;text-decoration:none!important;box-shadow:0 4px 20px #8b5cf666}.hero{position:relative;padding:80px 48px 100px;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(139,92,246,.15) 0%,rgba(99,102,241,.08) 40%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-logo{margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(139,92,246,.3))}.hero h1{font-size:64px;font-weight:800;letter-spacing:-3px;background:linear-gradient(135deg,#fff,#a78bfa 40%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.tagline{font-size:22px;color:#a1a1aa;max-width:600px;margin:0 auto 12px;line-height:1.5}.hero-sub{font-size:16px;color:#71717a}.stats-section{padding:0 48px 80px}.section-title{font-size:28px;font-weight:700;margin-bottom:32px;text-align:center;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.stat-card{padding:40px 32px;border-radius:20px;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.stat-allowed{background:linear-gradient(145deg,#34d3991f,#34d3990a);border-color:#34d39933}.stat-total{background:linear-gradient(145deg,#8b5cf626,#6366f10f);border-color:#8b5cf640}.stat-completed{background:linear-gradient(145deg,#3b82f61f,#3b82f60a);border-color:#3b82f633}.stat-value{display:block;font-size:48px;font-weight:800;letter-spacing:-2px}.stat-allowed .stat-value{color:#34d399}.stat-total .stat-value{color:#a78bfa}.stat-completed .stat-value{color:#60a5fa}.stat-label{display:block;font-size:18px;font-weight:600;margin-top:8px;color:#fff}.stat-desc{display:block;font-size:13px;color:#71717a;margin-top:4px}.about-section{padding:0 48px 80px}.about-card{max-width:900px;margin:0 auto;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:1fr 1fr;min-height:280px}.about-content{padding:48px}.about-content h3{font-size:24px;margin-bottom:16px;color:#fff}.about-content p{color:#a1a1aa;line-height:1.7;margin-bottom:20px}.about-content ul{list-style:none}.about-content li{color:#d4d4d8;position:relative;padding:8px 0 8px 24px}.about-content li:before{content:"✓";position:absolute;left:0;color:#34d399;font-weight:700}.about-visual{background:linear-gradient(135deg,#8b5cf633,#6366f11a);background-image:radial-gradient(circle at 20% 80%,rgba(139,92,246,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.2) 0%,transparent 50%)}.recent-section{padding:0 48px 80px}.recent-card{max-width:900px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px}.recent-card h2{margin-bottom:24px}.table-wrap{overflow-x:auto}.recent-card table{width:100%;border-collapse:collapse}.recent-card th{text-align:left;padding:14px 16px;font-size:12px;color:#71717a;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.recent-card td{padding:14px 16px;font-size:14px;border-top:1px solid rgba(255,255,255,.06)}.badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.badge-success{background:#34d39933;color:#34d399}.badge-warning{background:#fbbf2433;color:#fbbf24}.faq-section{padding:0 48px 100px}.faq-list{max-width:700px;margin:0 auto}.faq-item{border:1px solid rgba(255,255,255,.08);border-radius:14px;margin-bottom:12px;overflow:hidden;background:#ffffff05}.faq-item.open{border-color:#8b5cf64d;background:#8b5cf60d}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;color:#fff;font-size:16px;font-weight:600;text-align:left;cursor:pointer}.faq-question:hover{color:#a78bfa}.faq-icon{font-size:24px;color:#71717a;flex-shrink:0;margin-left:16px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{padding:0 24px 20px;color:#a1a1aa;line-height:1.7}.dashboard-footer{padding:40px 48px;border-top:1px solid rgba(255,255,255,.06)}.footer-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;color:#a1a1aa;font-weight:600}.footer-brand:hover{color:#fff}.footer-info{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;color:#71717a}.loading-pulse{text-align:center;padding:100px 20px;color:#71717a}.loader{width:48px;height:48px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#f8717126;border:1px solid rgba(248,113,113,.3);padding:24px;border-radius:16px;color:#f87171;max-width:600px;margin:60px auto}@media (max-width: 768px){.dashboard-header{padding:16px 20px}.hero{padding:48px 20px 60px}.hero h1{font-size:40px}.tagline{font-size:18px}.stats-section,.about-section,.recent-section,.faq-section{padding-left:20px;padding-right:20px}.stats-grid,.about-card{grid-template-columns:1fr}.about-visual{min-height:120px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0c0c0f,#131318,#0f0f14);padding:24px}.login-card{width:100%;max-width:420px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px}.login-card .logo{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;font-size:22px;font-weight:700;color:#fff;margin-bottom:32px}.login-card .logo:hover{color:#a78bfa}.login-card h1{font-size:28px;margin-bottom:8px}.login-card label{display:block;margin-top:16px;margin-bottom:8px;font-size:14px;color:#a1a1aa}.login-card input[type=email],.login-card input[type=password],.login-card input[type=text]{width:100%;padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e4e4e7;font-size:16px}.login-card input:focus{outline:none;border-color:#8b5cf6}.login-card button{width:100%;margin-top:24px;padding:14px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.login-card button:hover:not(:disabled){opacity:.95}.login-card button:disabled{opacity:.7;cursor:not-allowed}.billing-options{display:flex;flex-direction:column;gap:12px}.billing-option{display:flex;align-items:center;gap:12px;padding:14px;background:#0003;border-radius:10px;cursor:pointer}.billing-option input{width:auto!important}.signup-card{max-width:480px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0f0f12;color:#e4e4e7;min-height:100vh;line-height:1.6}a{color:#818cf8;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;border:none;border-radius:8px;padding:10px 20px;background:#3b82f6;color:#fff;transition:background .2s}button:hover{background:#2563eb}button:disabled{opacity:.6;cursor:not-allowed}input,select{font:inherit;padding:10px 14px;border:1px solid #3f3f46;border-radius:8px;background:#18181b;color:#e4e4e7;width:100%}input:focus,select:focus{outline:none;border-color:#3b82f6}.container{max-width:900px;margin:0 auto;padding:24px}@media (max-width: 768px){.mobile-block-screen{display:flex!important}.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-block-screen{display:none!important}}