:root{--bg-main:#0b0e11;--bg-card:#14151a;--blue:#1362f4;--yellow:#fcd535;--cyan:#00ffd5;--red:#f50909;--white:#fff;--border-soft:#1e2329;--text-muted:#b7bdc6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0b0e11;background-color:var(--bg-main);color:#fff;color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}h1,h2{color:#00ffd5;color:var(--cyan)}.app{display:flex;flex-direction:column;min-height:100vh}.container{max-width:100%;padding:16px;width:100%}.navbar{align-items:center;background-color:#0b0e11;background-color:var(--bg-main);border-bottom:1px solid #1e2329;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;padding:1.2rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-logo{color:#00ffd5;color:var(--cyan);font-size:1.4rem;font-weight:700;text-decoration:none}.navbar-subtitle{color:#b7bdc6;color:var(--text-muted);font-size:.75rem}.navbar-right{align-items:center;display:flex;gap:18px}.nav-link{color:#fff;color:var(--white);font-size:.85rem;text-decoration:none}.nav-link:hover{color:#00ffd5;color:var(--cyan)}.hamburger{color:#fff;color:var(--white);cursor:pointer;display:none;font-size:26px}.mobile-menu{background:#0b0e11;background:var(--bg-main);border-left:1px solid #1e2329;border-left:1px solid var(--border-soft);display:flex;flex-direction:column;gap:20px;height:100vh;padding:20px;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:260px;z-index:1000}.mobile-menu.open{right:0}.mobile-menu a{color:#fff;color:var(--white);font-size:.95rem;text-decoration:none}.mobile-menu a:hover{color:#00ffd5;color:var(--cyan)}.close-btn{align-self:flex-end;background:none;border:none;color:#b7bdc6;color:var(--text-muted);cursor:pointer;font-size:22px}.close-btn:hover{color:#ef4444}@media (max-width:768px){.navbar-right{display:none}.hamburger{display:block}}.page-content{flex:1 1;padding:16px}.footer{border-top:1px solid #1e2329;border-top:1px solid var(--border-soft);font-size:.8rem;margin-top:4rem;padding:2rem 1rem;text-align:center}.footer,.footer a{color:#b7bdc6;color:var(--text-muted)}.footer a{margin:0 8px}.footer a:hover{color:#00ffd5;color:var(--cyan)}@media (min-width:768px){.container{margin:0 auto;max-width:720px}.page-content{padding:24px}}@media (min-width:1024px){.container{max-width:960px}}.projection-calculator-container{background-color:#14151a;background-color:var(--bg-card);border:1px solid #1e2329;border:1px solid var(--border-soft);border-radius:14px;padding:16px}.projection-calculator-container h2{color:#00ffd5;color:var(--cyan);font-size:1.1rem;font-weight:600;margin-bottom:16px}.projection-form{background-color:#14151a;background-color:var(--bg-card);border:1px solid #1e2329;border:1px solid var(--border-soft);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.form-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.field label{color:#00ffd5;color:var(--cyan);font-size:.7rem;font-weight:600;letter-spacing:.3px}.form-row input,.form-row select{background-color:#0b0e11;background-color:var(--bg-main);border:1px solid #1e2329;border:1px solid var(--border-soft);border-radius:8px;color:#fff;color:var(--white);font-size:.85rem;height:34px;outline:none;padding:0 8px;width:100%}.form-row input:focus,.form-row select:focus{border-color:#00ffd5;border-color:var(--cyan)}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px}.checkbox-row label{align-items:center;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px}.checkbox-row input{accent-color:#00ffd5;accent-color:var(--cyan)}.field{display:flex;flex-direction:column;gap:4px}.field label{color:#b7bdc6;color:var(--text-muted);font-size:.75rem;font-weight:500}.field select[multiple]{background-color:#0b0e11;background-color:var(--bg-main);border:1px solid #1e2329;border:1px solid var(--border-soft);border-radius:10px;color:#fff;color:var(--white);font-size:.8rem;min-height:96px;outline:none;overflow-y:auto;padding:6px}.field select[multiple]::-webkit-scrollbar{width:6px}.field select[multiple]::-webkit-scrollbar-thumb{background-color:#1e2329;background-color:var(--border-soft);border-radius:6px}.field select[multiple] option{border-radius:6px;margin-bottom:2px;padding:6px 8px}.field select[multiple] option:checked{background:linear-gradient(135deg,#00ffd5,#4deeea);background:linear-gradient(135deg,var(--cyan),#4deeea);color:#000;font-weight:600}@media (hover:hover){.field select[multiple] option:hover{background-color:#4deeea26}}.field select[multiple]:focus{border-color:#00ffd5;border-color:var(--cyan);box-shadow:0 0 0 2px #4deeea26}@media (min-width:768px){.field select[multiple]{font-size:.85rem;min-height:110px}}.projection-form button{background-color:#00ffd5;background-color:var(--cyan);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;height:38px;margin-top:4px}.projection-form button:hover{opacity:.9}@media (min-width:768px){.projection-form{gap:10px;padding:16px}.form-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.field label{font-size:.75rem}.checkbox-row{gap:14px}}@media (min-width:1024px){.projection-form{padding:18px}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.form-row input,.form-row select{font-size:.9rem}.field label{font-size:.8rem}}.projection-level-table-wrapper{background-color:#14151a;background-color:var(--bg-card);border:1px solid #1e2329;border:1px solid var(--border-soft);border-radius:12px;margin-top:12px;overflow-x:auto}.projection-level-table{border-collapse:collapse;min-width:100px;width:100%}.projection-level-table thead{background-color:#00ffd514}.projection-level-table th{color:#00ffd5;color:var(--cyan);font-size:.8rem;font-weight:600;text-align:left}.projection-level-table td,.projection-level-table th{border-bottom:1px solid #1e2329;border-bottom:1px solid var(--border-soft);padding:10px 12px;white-space:nowrap}.projection-level-table td{color:#fff;color:var(--white);font-size:.85rem}.projection-level-table tbody tr:last-child td{border-bottom:none}.projection-level-table tbody tr:hover{background-color:#ffffff08}.projection-level-table td:first-child{font-weight:600}@media (max-width:480px){.projection-level-table td,.projection-level-table th{font-size:.75rem;padding:8px 10px}}@media (min-width:768px){.projection-level-table{min-width:0;min-width:auto}.projection-level-table th{font-size:.85rem}.projection-level-table td{font-size:.9rem}}.health-positive{color:#16a34a;font-size:12px;font-weight:600}.health-negative{color:#dc2626;font-size:12px;font-weight:600}.loader-wrapper{align-items:center;background:#0f172a99;border-radius:12px;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:16px 0;min-height:180px}.spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#22c55e;height:36px;width:36px}.loader-wrapper span{color:#e5e7eb;font-size:14px;font-weight:500;letter-spacing:.3px}@keyframes spin{to{transform:rotate(1turn)}}.auth-actions{display:flex;gap:12px;margin-left:20px}.btn{border-radius:6px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .25s ease}.btn-login{background:#0000;border:1px solid #00ffd5;border:1px solid var(--cyan);color:#00ffd5;color:var(--cyan)}.btn-login:hover{background:#00e5ff1a}.btn-register{background:#00ffd5;background:var(--cyan);border:1px solid #00ffd5;border:1px solid var(--cyan);color:#002b36}.btn-register:hover{background:#00c8e0}.account-page{align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding-top:10px}.account-card{max-width:420px;width:100%}.card-title{color:#00ffd5;color:var(--cyan);margin-bottom:4px;text-align:center}.card-subtitle{font-size:14px;margin-bottom:24px;opacity:.8;text-align:center}.account-form{gap:16px}.account-form,.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;margin-bottom:4px;opacity:.85}.form-group input{background:#061e23;border:1px solid #1e3a40;border-radius:6px;color:#e6faff;padding:10px 12px}.form-group input:focus{border-color:#00ffd5;border-color:var(--cyan);box-shadow:0 0 0 1px #00e5ff66;outline:none}.btn-primary{background:#00ffd5;background:var(--cyan);border:none;border-radius:6px;color:#002b36;cursor:pointer;font-weight:600;padding:12px;transition:all .2s ease}.btn-primary:hover{background:#00c8e0}.full-width{width:100%}.profile-menu{align-items:center;display:flex;gap:12px;margin-left:20px}.profile-name{color:#00ffd5;color:var(--cyan);font-weight:500}.mobile-auth{display:flex;flex-direction:column;gap:12px;margin-top:20px}.mobile-auth .profile-name{color:#00ffd5;color:var(--cyan);font-weight:500;text-align:center}.cycle-container{min-height:calc(100vh - 80px);padding:14px}.cycle-container .cycle-header{margin-bottom:20px;text-align:center}.cycle-container .cycle-header h1{font-size:22px;font-weight:700;margin:0}.cycle-container .cycle-header p{font-size:13px;margin-top:6px;opacity:.7}.cycle-container input,.cycle-container select,.cycle-container textarea{background-color:#111827;border:1px solid #ffffff26;border-radius:8px;color:#e5e7eb;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.cycle-container input::placeholder{color:#ffffff80}.cycle-container input:focus,.cycle-container select:focus,.cycle-container textarea:focus{background-color:#0f172a;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d44d}.cycle-container input[type=date]{color-scheme:dark}.cycle-container .cycle-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;margin-bottom:18px;padding:16px}.cycle-container .cycle-form{display:flex;flex-direction:column;gap:14px}.cycle-container .cycle-form input,.cycle-container .cycle-form select{background:#0000;border:1px solid #ffffff1a;border-radius:8px;font-size:14px;padding:10px;width:100%}.cycle-container .cycle-form input:focus,.cycle-container .cycle-form select:focus{border-color:#3b82f6;outline:none}.cycle-container .submit-btn{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:12px;transition:.3s ease}.cycle-container .submit-btn:hover{transform:translateY(-2px)}.cycle-container .checkbox-section{display:flex;flex-direction:column;gap:12px}.cycle-container .checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.cycle-container .checkbox-group label{border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;font-size:12px;padding:6px 10px}.cycle-container .checkbox-group input{margin-right:4px}.cycle-container .table-wrapper{border-radius:10px;overflow-x:auto;width:100%}.cycle-container .cycle-table{border-collapse:collapse;min-width:300px;width:100%}.cycle-container .cycle-table td,.cycle-container .cycle-table th{font-size:13px;padding:10px 12px;text-align:center}.cycle-container .cycle-table th{background:#ffffff0d;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.cycle-container .cycle-table tr{border-bottom:1px solid #ffffff0d}.cycle-container .cycle-table tr:hover{background:#ffffff08}.cycle-container .level-green{color:#22c55e;font-weight:600}.cycle-container .level-orange{color:#f97316;font-weight:600}.cycle-container .level-red{color:#ef4444;font-weight:600}.cycle-container .filter-card{padding:16px}.cycle-container .filter-header{align-items:center;border-bottom:1px solid #ffffff14;cursor:pointer;display:flex;justify-content:space-between;padding-bottom:10px}.cycle-container .filter-header h3{font-size:16px;font-weight:600;margin:0}.cycle-container .filter-header span{font-size:20px;font-weight:700;opacity:.7}.cycle-container .checkbox-grid{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:14px}.cycle-container .checkbox-item{align-items:center;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:.2s ease}.cycle-container .checkbox-item:hover{background:#ffffff0d}.cycle-container .checkbox-item input{cursor:pointer}@media (min-width:768px){.cycle-container .checkbox-item{font-size:14px}.cycle-container .filter-header h3{font-size:18px}}@media (min-width:640px){.cycle-container{padding:24px}.cycle-container .cycle-header h1{font-size:26px}.cycle-container .cycle-card{padding:22px}}@media (min-width:1024px){.cycle-container{margin:auto;max-width:1400px}.cycle-container .cycle-header h1{font-size:32px}}
/*# sourceMappingURL=main.3aa24dc1.css.map*/