:root{--bright-blue: oklch(51.01% .274 263.83);--electric-violet: oklch(53.18% .28 296.97);--french-violet: oklch(47.66% .246 305.88);--vivid-pink: oklch(69.02% .277 332.77);--hot-red: oklch(61.42% .238 15.34);--orange-red: oklch(63.32% .24 31.68);--gray-900: oklch(19.37% .006 300.98);--gray-700: oklch(36.98% .014 302.71);--gray-400: oklch(70.9% .015 304.04);--red-to-pink-to-purple-vertical-gradient: linear-gradient( 180deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--red-to-pink-to-purple-horizontal-gradient: linear-gradient( 90deg, var(--orange-red) 0%, var(--vivid-pink) 50%, var(--electric-violet) 100% );--pill-accent: var(--bright-blue);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--accent: #1fa94a;--card-bg: #ffffff;--muted: #6b7280;--input-border: #e5e7eb}main{width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;padding:1rem;box-sizing:inherit;position:relative}.content{display:flex;justify-content:space-around;width:100%;max-width:700px;margin-bottom:3rem}.divider{width:1px;background:var(--red-to-pink-to-purple-vertical-gradient);margin-inline:.5rem}@media screen and (max-width: 650px){.content{flex-direction:column;width:100%}.divider{height:1px;width:100%;background:var(--red-to-pink-to-purple-horizontal-gradient);margin-block:1.5rem}}.muted{color:var(--gray-700)}.auth-page,.login-page,.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(180deg,#f5f7fb,#fff)}.auth-card,.login-card,.register-card{width:100%;max-width:520px;background:var(--card-bg, #fff);border-radius:12px;box-shadow:0 8px 30px #0206170f;padding:2rem;box-sizing:border-box}.brand{text-align:center;margin-bottom:.5rem}.brand-logo{font-weight:700;font-size:1.5rem;color:var(--accent, #1fa94a)}.brand-logo .check{margin-left:.35rem;filter:drop-shadow(0 1px 0 rgba(0,0,0,.05))}h2{margin:0 0 1rem;text-align:center;color:#111827;font-size:1.25rem}.auth-form,.login-form,.register-form{display:flex;flex-direction:column;gap:.75rem}.field{display:block}.field .label{display:block;font-size:.75rem;color:var(--muted, #6b7280);margin-bottom:.35rem}input[type=email],input[type=password],input[type=text]{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid var(--input-border, #e5e7eb);font-size:.95rem;box-sizing:border-box}.field-error{color:#b91c1c;font-size:.85rem;margin-top:.25rem}.error{color:#b91c1c;font-size:.95rem;margin-top:.25rem;text-align:center}.options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.remember{display:flex;gap:.5rem;align-items:center;font-size:.9rem;color:var(--muted)}.register-link,.help a{color:var(--accent);text-decoration:none;font-weight:600}.submit{margin-top:.5rem;width:100%;padding:.8rem;background:var(--accent);color:#fff;border:0;border-radius:8px;font-weight:700;cursor:pointer}@media (max-width:480px){.auth-card,.register-card{padding:1.25rem;border-radius:10px}.brand-logo{font-size:1.25rem}}.modal-body label{display:block;margin-bottom:6px;font-size:.85rem;color:#333}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--input-border, #e5e7eb);font-size:.95rem;box-sizing:border-box}.modal-body select{padding-right:36px;background-color:#fff;cursor:pointer}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa0f}.modal-actions{display:flex;justify-content:space-between;margin-top:12px;width:100%;align-items:center}.modal-actions>div{display:flex;gap:12px;align-items:center}.modal-actions button{padding:8px 12px;border-radius:6px;border:none;cursor:pointer}.modal-actions button[disabled]{opacity:.6;cursor:not-allowed}.btn-primary{padding:.65rem .9rem;background:var(--accent);color:#fff;border:0;border-radius:8px;font-weight:700;cursor:pointer}.btn-secondary{padding:.55rem .75rem;background:transparent;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.btn-danger{padding:.55rem .75rem;background:transparent;border:1px solid #fca5a5;color:#b91c1c;border-radius:8px;cursor:pointer}.btn-danger-filled{padding:.6rem .9rem;background:#b91c1c;color:#fff;border:0;border-radius:8px;cursor:pointer}.modal-actions .push-left{margin-right:auto}.modal-actions .push-right{margin-left:auto}.add-dropdown button{background:transparent;border:none;text-align:left;padding:8px 12px;cursor:pointer}.add-dropdown button:hover{background:#f5f5f5;border-radius:6px}.confirm-actions{display:flex;gap:12px;justify-content:center;align-items:center;width:100%;margin-top:8px}.preserve-whitespace{white-space:pre-wrap;word-break:break-word}