*{box-sizing:border-box}body{color:#fff;background:#050816;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.login-page{background:radial-gradient(circle at 0 0,#7c3aed,#0000 35%),radial-gradient(circle at 100% 100%,#06b6d4,#0000 35%),#050816;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff14;border:1px solid #ffffff29;border-radius:30px;width:410px;padding:36px;box-shadow:0 30px 90px #00000073}.login-logo{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:22px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:18px;font-size:34px;font-weight:900;display:flex}.login-card h1{margin:0;font-size:32px}.login-card p{color:#a5b4fc;margin-bottom:26px}.login-card input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:16px;outline:none;width:100%;margin-bottom:14px;padding:15px}.login-card input::placeholder{color:#94a3b8}.login-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:0;border-radius:16px;width:100%;padding:15px;font-weight:800}.error-box{color:#fecaca;background:#ef44442e;border-radius:14px;margin-bottom:14px;padding:12px}.app-layout{min-height:100vh;display:flex}.sidebar{background:#0f172ae6;border-right:1px solid #ffffff14;width:280px;height:100vh;padding:24px;position:fixed}.brand{align-items:center;gap:14px;margin-bottom:35px;display:flex}.brand-logo{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:flex}.brand h2{margin:0;font-size:20px}.brand p{color:#94a3b8;margin:3px 0 0;font-size:13px}.sidebar nav{flex-direction:column;gap:10px;display:flex}.sidebar nav a{color:#cbd5e1;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:all .25s;display:flex}.sidebar nav a:hover{color:#fff;background:linear-gradient(135deg,#7c3aed,#0891b2);transform:translate(4px)}.logout-btn{color:#fecaca;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.main-content{width:calc(100% - 280px);margin-left:280px;padding:32px}.topbar{background:linear-gradient(135deg,#7c3aed47,#06b6d429);border:1px solid #ffffff1a;border-radius:28px;margin-bottom:26px;padding:28px}.topbar h1{margin:0;font-size:34px}.topbar p{color:#cbd5e1}.stats-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:28px;display:grid}.stat-card{background:#ffffff12;border:1px solid #ffffff1c;border-radius:26px;padding:24px;box-shadow:0 20px 50px #00000040}.stat-card svg{color:#22d3ee}.stat-card p{color:#94a3b8;margin-bottom:8px}.stat-card h2{margin:0;font-size:32px}.premium-panel{background:#ffffff12;border:1px solid #ffffff1c;border-radius:28px;padding:26px;overflow-x:auto;box-shadow:0 20px 60px #00000040}.premium-panel h1,.premium-panel h2{margin-top:0}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#94a3b8;border-bottom:1px solid #ffffff1a;padding:14px}td{color:#e2e8f0;border-bottom:1px solid #ffffff12;padding:15px 14px}tr:hover{background:#ffffff0a}.badge{text-transform:capitalize;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.badge.active,.badge.paid,.badge.completed{color:#86efac;background:#22c55e2e}.badge.sent,.badge.in_progress,.badge.proposal{color:#93c5fd;background:#3b82f62e}.badge.lead,.badge.draft,.badge.pending{color:#fcd34d;background:#f59e0b2e}.badge.cancelled,.badge.hold{color:#fecaca;background:#ef44442e}.loading{color:#cbd5e1;padding:30px}@media (width<=900px){.sidebar{width:230px}.main-content{width:calc(100% - 230px);margin-left:230px}.stats-grid{grid-template-columns:repeat(2,1fr)}}