@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0";.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}body{background:#0b0c2a;margin:0;font-family:Inter,sans-serif}.login-container{height:100vh;display:flex}.left{color:#fff;background:#0b0c2a;flex-direction:column;flex:1;justify-content:flex-start;max-width:800px;padding:50px 90px;display:flex}.logo{margin-bottom:40px;font-size:20px}.left h2{max-width:700px;font-size:64px;font-weight:700;line-height:1.2}.left span{color:#7c6cff}.left p{color:#b3b3c7;max-width:520px;margin-top:0;font-size:25px}.right{background:#0b0c2a;justify-content:center;align-items:flex-start;padding-top:120px;display:flex}.brand{align-items:center;gap:0;margin-bottom:-25px;margin-left:-25px;display:flex}.logo-img{width:85px;height:85px}.brand h1{font-size:45px;font-weight:600}.login-card{background:#fff;border-radius:.5rem;width:380px;padding:2rem 1.5rem;box-shadow:0 10px 20px #0000001a}.form-title{text-align:center;margin-bottom:1.8rem;font-size:1.3rem;font-weight:600}.social-login{justify-content:center;gap:1rem;display:flex}.social-button{cursor:pointer;background:#f9f8ff;border:1px solid #d5cbff;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.login-container .social-login{justify-content:center;gap:1.31rem;display:flex}.social-login .social-button{cursor:pointer;justify-content:center;align-items:center;gap:.81rem;width:min(100%,220px);padding:.75rem 0;font-size:1rem;display:flex}.social-login .social-button .social-icon{width:27px}.social-button:hover{background:#eae6ff}.social-icon{transition:all .2s}.social-button:hover{transform:translateY(-2px)}.separator{text-align:center;margin:1.5rem 0;position:relative}.separator span{color:#6652be;background:#fff;padding:0 10px}.separator:after{content:"";z-index:-1;background:#bfb3f2;width:100%;height:1px;position:absolute;top:50%;left:0}.login-button{color:#fff;cursor:pointer;background:#5f41e4;border:none;width:100%;height:50px;margin-top:20px}.input-wrapper{margin-bottom:20px;position:relative}.input-wrapper i{color:#a395e0;position:absolute;top:50%;transform:translateY(-50%)}.input-wrapper i:not(.eye-icon){left:10px}.eye-icon{cursor:pointer;right:10px}.input-field{border:1px solid #bfb3f2;border-radius:6px;outline:none;width:79%;height:45px;padding:0 40px;font-size:14px}.register-container{background-color:#0b0c2a;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:90vh;display:flex}.register-logo{width:55px;height:auto}.register-brand{color:#fff;align-items:center;gap:5px;margin-left:-40px;display:flex}.register-brand h1{font-size:40px;font-weight:600}@media (width<=768px){.login-container{flex-direction:column;min-height:100vh}.left{max-width:100%;padding:24px 22px 12px}.brand{align-items:center;gap:2px;margin-bottom:0;margin-left:-8px}.logo-img{width:52px;height:52px}.brand h1{font-size:30px;font-weight:700}.left h2{max-width:340px;margin-top:18px;margin-bottom:18px;font-size:34px;line-height:1.15}.left span{display:inline}.left p{max-width:340px;margin-top:0;font-size:17px;line-height:1.5}.right{justify-content:flex-start;align-items:center;padding:0 65px 150px;display:flex}.login-card{box-sizing:border-box;border-radius:10px;width:100%;max-width:300px;margin-top:-10px;padding:1.2rem 1rem}.form-title{margin-bottom:1rem;font-size:1.2rem}.social-login .social-button{border-radius:10px;padding:.7rem 0;font-size:1rem}.separator{margin:.8rem 0}.input-wrapper{margin-bottom:10px}.input-field{box-sizing:border-box;border-radius:10px;width:100%;height:44px;font-size:14px}.login-button{border-radius:10px;height:46px;margin-top:8px;font-size:15px;font-weight:600}.forgot-password-link{font-size:14px}.signup-prompt{text-align:center;margin-top:12px;font-size:15px}}.homePage{color:#fff;background:#070b16;min-height:100vh;padding:38px 11vw 120px}.header{justify-content:space-between;align-items:center;max-width:1480px;margin:0 auto;display:flex}.header h1{color:#fff;margin:0;font-size:34px;font-weight:700}.logoutBtn{color:#fff;cursor:pointer;background:#6354e8;border:none;border-radius:10px;min-width:118px;padding:14px 24px;font-size:16px;font-weight:600;transition:transform .2s,background .2s}.logoutBtn:hover{background:#7568f0;transform:translateY(-1px)}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1480px;margin:52px auto 50px;display:grid}.summaryPanel{background:#151a2e;border:1px solid #8e9abe29;border-radius:18px;min-height:100px;padding:26px 32px;box-shadow:inset 0 1px #ffffff08}.summaryPanel span{color:#a9b7d4;letter-spacing:0;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:700;display:block}.summaryPanel strong{color:#fff;font-size:44px;font-weight:700;line-height:1}.statusText{color:#a9b7d4;max-width:1480px;margin:70px auto;font-size:18px}.cardGrid{grid-template-columns:repeat(3,minmax(280px,1fr));gap:30px;max-width:1480px;margin:0 auto;display:grid}.card{--accent-color:#3b82f6;background:#101426;border:1px solid #7d8bb242;border-radius:16px;min-height:166px;padding:30px 26px 22px 36px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000002e}.card:before{content:"";background:var(--accent-color);width:8px;box-shadow:0 0 20px color-mix(in srgb, var(--accent-color) 55%, transparent);position:absolute;top:0;bottom:0;left:0}.card:hover{border-color:color-mix(in srgb, var(--accent-color) 46%, #7d8bb247);transform:translateY(-4px);box-shadow:0 20px 44px #00000042}.card.red{--accent-color:#f04444}.card.orange{--accent-color:#f97316}.card.yellow{--accent-color:#eab308}.card.green{--accent-color:#22c55e}.card.blue{--accent-color:#1fa7e8}.card.indigo{--accent-color:#3b82f6}.card.purple{--accent-color:#8759f2}.card.pink{--accent-color:#d946ef}.card.teal{--accent-color:#14b8a6}.card.black{--accent-color:#111827}.card.urgent{border-color:color-mix(in srgb, var(--accent-color) 55%, #ffffff29)}.cardTop{align-items:flex-start;gap:16px;display:flex}.subscriptionIcon{color:#dce4f4;background:#ffffff0f;border-radius:12px;flex:0 0 54px;place-items:center;width:54px;height:54px;font-size:29px;display:grid}.subscriptionIcon .material-symbols-rounded{font-size:31px}.card h2{color:#fff;margin:-2px 0 8px;font-size:23px;font-weight:700;line-height:1.1}.card p{color:#b7c4dd;margin:0;font-size:16px;font-weight:600}.cardMeta{justify-content:flex-end;align-items:center;gap:10px;margin-top:32px;display:flex}.valueBadge,.daysBadge{border:1px solid #ffffff1f;border-radius:8px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.valueBadge{color:#eaf0ff;background:#ffffff0f}.valueBadge.great{border-color:#facc1542}.valueBadge.fair{border-color:#6366f147}.valueBadge.poor{border-color:#ef444452}.daysBadge{color:#8878ff;background:#6354e829;border-color:#6354e857}.daysBadge.dueSoon{color:#ff8080;background:#ef444424;border-color:#ef44445c}.billingText{margin-top:20px!important}.billingText.dueSoon{color:#ff8b8b}.cardActions{z-index:2;opacity:0;gap:8px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:14px;right:14px;transform:translateY(-6px)}.card:hover .cardActions,.cardActions:focus-within{opacity:1;transform:translateY(0)}.cardActionBtn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:9px;place-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:grid}.cardActionBtn .material-symbols-rounded{font-size:18px}.cardActionBtn:hover{color:#b9afff;background:#6354e838}.cardActionBtn.danger:hover{color:#ff6b6b;background:#ef444429}.floatingAddBtn{color:#fff;cursor:pointer;background:#6354e8;border:none;border-radius:50%;width:80px;height:80px;font-size:52px;font-weight:400;line-height:1;transition:background .2s,box-shadow .2s,transform .2s;position:fixed;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 18px 36px #6354e859}.floatingAddBtn:hover{background:#7568f0;transform:translate(-50%)translateY(-2px);box-shadow:0 22px 44px #6354e873}.confirmOverlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirmDialog{color:#fff;text-align:center;background:#111827;border:1px solid #ffffff14;border-radius:22px;width:min(420px,100%);padding:30px;box-shadow:0 26px 70px #0000006b}.confirmIcon{color:#f77;background:#ef444429;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 18px;display:grid}.confirmDialog h2{margin:0 0 10px;font-size:24px;font-weight:700}.confirmDialog p{color:#b7c4dd;margin:0;font-size:15px;line-height:1.5}.confirmActions{justify-content:center;gap:12px;margin-top:26px;display:flex}.confirmActions button{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:12px;min-width:112px;min-height:44px;font-size:15px;font-weight:600}.confirmActions button:hover{background:#ffffff21}.confirmActions button.danger{background:#ef4444}.confirmActions button.danger:hover{background:#dc2626}@media (width<=1100px){.homePage{padding:30px 32px 120px}.cardGrid{grid-template-columns:repeat(2,minmax(280px,1fr))}}@media (width<=720px){.homePage{padding:24px 18px 110px}.header h1{font-size:28px}.summaryGrid,.cardGrid{grid-template-columns:1fr}.summaryPanel strong{font-size:36px}.cardMeta{flex-wrap:wrap;justify-content:flex-start}}.modalOverlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modalContent{color:#111827;background:#fff;border-radius:28px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:30px;overflow-y:auto;box-shadow:0 30px 80px #00000059}.modalHeader{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.modalHeader h2{color:#111827;margin:0;font-size:26px;font-weight:700}.closeBtn{color:#4b5563;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;place-items:center;width:46px;height:46px;line-height:1;display:grid}.closeBtn .material-symbols-rounded{font-size:25px}.closeBtn:hover{background:#d8dce3}.modalForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;display:grid}.formGroup{flex-direction:column;gap:8px;display:flex}.fullWidth{grid-column:1/-1}.formRow{display:contents}.modalForm label{color:#374151;font-size:16px;font-weight:600}.modalForm input,.modalForm select{box-sizing:border-box;color:#111827;background:#f9fafb;border:1px solid #dce1e8;border-radius:18px;outline:none;width:100%;min-height:60px;padding:0 20px;font-size:18px}.modalForm input:focus,.modalForm select:focus{border-color:#8b7cf6;box-shadow:0 0 0 4px #6354e81f}.colorOptions,.iconOptions,.valueOptions{flex-wrap:wrap;gap:10px;display:flex}.colorCircle{cursor:pointer;border:4px solid #0000;border-radius:50%;width:44px;height:44px}.colorCircle.active{border-color:#fff;box-shadow:0 0 0 3px #9ca3af}.iconBtn{color:#4b5563;cursor:pointer;background:#f0f2f6;border:none;border-radius:16px;place-items:center;width:46px;height:46px;display:grid}.iconBtn .material-symbols-rounded{font-size:25px}.iconBtn.active{color:#2563eb;background:#dbeafe}.valueBtn{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #dce1e8;border-radius:12px;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.valueBtn.active{color:#4f46e5;background:#ede9fe;border-color:#6354e8}.saveBtn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:14px;grid-column:1/-1;min-height:64px;margin-top:10px;font-size:19px;font-weight:700;box-shadow:0 12px 24px #0f172a38}.saveBtn:hover{background:#182235}.saveBtn:disabled{cursor:not-allowed;opacity:.68}@media (width<=620px){.modalContent{border-radius:22px;padding:24px}.modalForm{grid-template-columns:1fr}}