:root.rose{--login-primary-light-50: hsla(348deg, 17%, 98%, 1);--login-primary-light-100: hsla(348deg, 30%, 95%, 1);--login-primary-light-150: hsla(348deg, 30%, 91%, 1);--login-primary-light-200: hsla(348deg, 30%, 86%, 1);--login-primary-light-250: hsla(348deg, 30%, 83%, 1);--login-primary-light-300: hsla(348deg, 30%, 81%, 1);--login-primary-100: hsla(356deg, 92%, 90%, 1);--login-primary-200: hsla(356deg, 80%, 81%, 1);--login-primary-300: hsla(356deg, 80%, 76%, 1);--login-primary-400: hsla(350deg, 50%, 58%, 1);--login-primary-500: hsla(350deg, 50%, 53%, 1);--login-primary-600: hsla(350deg, 50%, 48%, 1);--login-primary-700: hsla(350deg, 50%, 40%, 1);--login-primary-800: hsla(350deg, 36%, 30%, 1);--login-primary-900: hsla(350deg, 24%, 24%, 1);--login-primary-950: hsla(350deg, 14%, 20%, 1);--login-primary-tint-100: hsla(350, 85%, 35%, .08);--login-primary-tint-150: hsla(350, 85%, 35%, .12);--login-primary-tint-200: hsla(350, 85%, 35%, .2);--login-primary-tint-400: hsla(350, 85%, 35%, .4);--login-primary-tint-600: hsla(350, 85%, 35%, .6);--login-primary-tint-800: hsla(350, 85%, 35%, .8);--login-white: hsla(0deg, 0%, 100%, 1);--login-black: hsla(0deg, 0%, 0%, 1);--login-transparent: transparent;--login-neutral-50: hsla(340deg, 8%, 97%, 1);--login-neutral-100: hsla(330deg, 3%, 88%, 1);--login-neutral-150: hsla(330deg, 2%, 80%, 1);--login-neutral-200: hsla(300deg, 1%, 71%, 1);--login-neutral-300: hsla(300deg, 1%, 62%, 1);--login-neutral-400: hsla(270deg, 1%, 53%, 1);--login-neutral-500: hsla(260deg, 1%, 45%, 1);--login-neutral-600: hsla(240deg, 2%, 36%, 1);--login-neutral-700: hsla(225deg, 3%, 27%, 1);--login-neutral-750: hsla(225deg, 3%, 23%, 1);--login-neutral-800: hsla(225deg, 4%, 17%, 1);--login-neutral-850: hsla(225deg, 4%, 13%, 1);--login-neutral-900: hsla(216deg, 10%, 10%, 1);--login-neutral-950: hsla(216deg, 10%, 6%, 1);--login-page-background-light: radial-gradient( circle at calc(50% + 100px) 50%, #faf8f8, #f3e9eb 500px );--login-page-background-dark: radial-gradient( circle at calc(50% + 100px) 50%, #1e2024, #17191c 500px )}:root.light{background:var(--login-page-background-light);--login-login-box-background: var(--login-primary-light-50);--login-login-box-border: transparent;--login-box-shadow-1: 0 2px 5px rgba(178, 88, 88, .1);--login-text-regular: var(--login-neutral-800);--login-text-light: var(--login-neutral-600);--login-input-background: white;--login-input-border: var(--login-primary-light-200);--login-focus-outline-color: var(--login-primary-200);--login-button-background: var(--login-primary-400);--login-button-background-hover: var(--login-primary-500);--login-logo-lights: var(--login-white);--login-logo-darks: var(--login-neutral-800);--login-error-color: #c3173d;--login-redirect-link: var(--login-primary-400);--login-redirect-link-hover: var(--login-primary-500);--forgot-password-link: var(--login-neutral-300);--forgot-password-link-hover: var(--login-neutral-500);--registration-beta-box-bg: var(--login-primary-light-100);--registration-beta-box-border: var(--login-primary-light-150);--footer-color: var(--login-neutral-400);--footer-link-color: var(--login-neutral-400);--footer-link-hover-color: var(--login-neutral-600)}:root.dark{background:var(--login-page-background-dark);--login-login-box-background: var(--login-neutral-850);--login-login-box-border: var(--login-neutral-750);--login-box-shadow-1: 0 2px 5px rgba(0, 0, 0, .3);--login-text-regular: var(--login-neutral-100);--login-text-light: var(--login-neutral-300);--login-input-background: var(--login-neutral-800);--login-input-border: var(--login-neutral-700);--login-focus-outline-color: var(--login-primary-700);--login-button-background: var(--login-primary-700);--login-button-background-hover: var(--login-primary-600);--login-logo-lights: var(--login-neutral-800);--login-logo-darks: var(--login-neutral-200);--login-error-color: #e43f64;--login-redirect-link: var(--login-primary-500);--login-redirect-link-hover: var(--login-primary-400);--forgot-password-link: var(--login-neutral-500);--forgot-password-link-hover: var(--login-neutral-300);--registration-beta-box-bg: var(--login-neutral-900);--registration-beta-box-border: var(--login-neutral-800);--footer-color: var(--login-neutral-500);--footer-link-color: var(--login-neutral-500);--footer-link-hover-color: var(--login-neutral-400)}.login-container{display:flex;align-items:center;height:100dvh;overflow-y:auto;flex-direction:column;gap:2rem;padding-top:2rem;padding-bottom:2rem;justify-content:center;min-height:100vh}.login-container .login-logo svg{height:46px;width:auto}.login-container .login-logo svg .light{fill:var(--login-logo-lights)}.login-container .login-logo svg .dark{fill:var(--login-logo-darks)}.login-box{background:var(--login-login-box-background);border:1px solid var(--login-login-box-border);padding:2rem;display:flex;flex-direction:column;gap:1rem;border-radius:8px;box-shadow:var(--login-box-shadow-1);width:100%;max-width:450px;color:var(--login-text-regular)}.login-box a{color:var(--login-redirect-link);text-decoration:none}.login-box a:hover{color:var(--login-redirect-link-hover)}.login-box.wider{max-width:460px}.login-box .error-message,.login-box .success-message{margin-bottom:1rem;text-align:center}.login-box .error-message{color:var(--login-error-color)}.login-box .error-message a{color:var(--login-redirect-link);font-weight:600;text-decoration:none;transition:color .2s}.login-box .error-message a:hover{color:var(--login-redirect-link-hover)}.login-box .success-message{color:var(--login-text-regular);text-align:center;display:flex;align-items:center;gap:1rem;flex-direction:column;margin-bottom:2rem}.login-box .success-message .success-icon{color:green}.login-box .success-message .success-icon svg{width:48px;height:48px}.login-box .success-message h4{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--login-text-regular)}.login-box .success-message p{margin:0;color:var(--login-text-light)}.login-box .form-group input[type=email],.login-box .form-group input[type=password],.login-box .form-group input[type=text]{width:100%;padding:.75rem;background-color:var(--login-input-background);color:var(--login-text-regular);border:1px solid var(--login-input-border);border-radius:8px}.login-box .form-group input[type=email]:focus,.login-box .form-group input[type=password]:focus,.login-box .form-group input[type=text]:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px var(--login-focus-outline-color)}.login-header{text-align:center;margin-bottom:1rem}.car-logo{width:80px;height:80px;margin-bottom:1rem}.login-form{display:flex;flex-direction:column;gap:1rem}.validation-error{color:var(--login-error-color);font-size:.8rem;margin-top:.25rem;min-height:1rem}.input-error{border-color:var(--login-error-color)!important}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%}.password-toggle{position:absolute;right:12px;background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--login-text-light);opacity:.5;transition:opacity .2s}.password-toggle:hover{opacity:.8}.password-toggle svg{width:20px;height:20px}.login-button{background-color:var(--login-button-background);color:#fff;padding:.75rem;line-height:26px;height:50px;border:none;border-radius:99px;font-size:18px;cursor:pointer;transition:background-color .2s;font-weight:600;margin:1rem 0;position:relative}.login-button .loading-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite;color:currentColor}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-button:hover{background-color:var(--login-button-background-hover)}.login-button:disabled{background-color:var(--login-neutral-200);cursor:not-allowed}.login-button:disabled:hover{background-color:var(--login-neutral-200)}.registration-beta-box{padding:1.5rem 2rem;background-color:var(--registration-beta-box-bg);border-top:1px solid var(--registration-beta-box-border);border-bottom:1px solid var(--registration-beta-box-border);margin-left:-2rem;margin-right:-2rem}.registration-beta-box p{margin-bottom:1rem}.redirect{color:var(--login-text-light);font-size:.9rem;display:block;text-align:right}.redirect a{color:var(--login-redirect-link);transition:color .2s;text-decoration:underline;font-weight:600}.redirect a:hover{color:var(--login-redirect-link-hover)}.forgot-password{display:flex;justify-content:flex-end;font-size:.9rem;margin-top:.5rem;margin-bottom:-.5rem}.forgot-password a{color:var(--forgot-password-link);transition:color .2s}.forgot-password a:hover{color:var(--forgot-password-link-hover)}.forgot-password-text{color:var(--login-text-regular);text-align:center;line-height:1.5}.success-message{color:var(--login-text-regular);text-align:center;margin:1rem 0;line-height:1.5}.form-group.terms{display:flex;flex-direction:column;justify-content:center;margin:.5rem auto 0;color:var(--login-text-regular)}.form-group.terms .checkbox-group{display:flex;gap:0;align-items:center}.form-group.terms .checkbox-group label.checkbox-label{color:var(--login-text-regular);margin-bottom:0}.form-group.terms .checkbox-group input[type=checkbox]{margin-right:.25rem}.form-group.terms .checkbox-group .link{border:none;padding:0;background-color:transparent;cursor:pointer;color:var(--login-text-regular);transition:color .2s;text-decoration:none;font-weight:600}.form-group.terms .checkbox-group .link:hover{color:var(--login-text-light)}footer{margin-top:auto;text-align:center;color:var(--footer-color);font-size:.9rem;padding-top:1rem}footer p+p{margin-top:.5rem}footer a,footer .link{color:var(--footer-link-color);font-weight:600;transition:color .2s;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}footer a:hover,footer .link:hover{color:var(--footer-link-hover-color)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-options{display:flex;flex-direction:column;gap:1rem;align-items:center}.error-message{color:var(--login-primary-600);margin-top:1rem;font-size:.9rem;padding:.5rem;background-color:var(--login-primary-100);border-radius:4px;width:100%}.google-login{display:flex;justify-content:center;margin-bottom:.5rem}.login-footer{display:flex;flex-direction:column;gap:.5rem;text-align:center}.login-footer a{color:var(--login-primary-600);text-decoration:none;font-size:.875rem}.login-footer a:hover{text-decoration:underline}.divider{display:flex;align-items:center;text-align:center}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider span{padding:0 1rem;color:var(--login-text-light);font-size:.875rem}@font-face{font-family:Figtree;src:url(/assets/Figtree-VariableFont_wght-Bm0mD-Tr.ttf) format("truetype-variations");font-weight:100 900;font-style:normal}@font-face{font-family:Figtree;src:url(/assets/Figtree-Italic-VariableFont_wght-BEGaY_gt.ttf) format("truetype-variations");font-weight:100 900;font-style:italic}:root{--custom-neutral: rgba(121, 121, 121, 1);--custom-1: rgba(250, 161, 7, 1);--custom-2: rgba(230, 98, 4, 1);--custom-3: hsla(357, 81%, 56%, 1);--custom-4: rgba(216, 16, 169, 1);--custom-5: rgba(152, 33, 192, 1);--custom-6: rgba(107, 65, 214, 1);--custom-7: rgba(33, 142, 185, 1);--custom-8: rgba(52, 96, 228, 1);--custom-9: rgba(75, 200, 56, 1);--custom-10: rgba(15, 156, 100, 1);--custom-neutral-tint: rgba(121, 121, 121, .6);--custom-1-tint: rgba(250, 161, 7, .5);--custom-2-tint: rgba(230, 98, 4, .5);--custom-3-tint: hsla(357, 81%, 56%, .5);--custom-4-tint: rgba(216, 16, 169, .5);--custom-5-tint: rgba(152, 33, 192, .5);--custom-6-tint: rgba(107, 65, 214, .5);--custom-7-tint: rgba(33, 142, 185, .5);--custom-8-tint: rgba(52, 96, 228, .5);--custom-9-tint: rgba(15, 156, 100, .5);--custom-10-tint: rgba(19, 94, 64, .5);--custom-neutral-tint-light: rgba(121, 121, 121, .2);--custom-1-tint-light: rgba(250, 161, 7, .2);--custom-2-tint-light: rgba(230, 98, 4, .2);--custom-3-tint-light: hsla(357, 81%, 56%, .2);--custom-4-tint-light: rgba(216, 16, 169, .2);--custom-5-tint-light: rgba(152, 33, 192, .2);--custom-6-tint-light: rgba(107, 65, 214, .2);--custom-7-tint-light: rgba(33, 142, 185, .2);--custom-8-tint-light: rgba(52, 96, 228, .2);--custom-9-tint-light: rgba(15, 156, 100, .2);--custom-10-tint-light: rgba(19, 94, 64, .2)}*{margin:0;padding:0;box-sizing:border-box;font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.btn{border:none;border-radius:99px;cursor:pointer;line-height:1.5rem;padding:.5625rem 1.5rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;gap:.5rem}.btn.btn-icon{padding:.5625rem;aspect-ratio:1 / 1}.btn.btn-icon svg{width:1.5rem;height:1.5rem}.btn.btn-icon-inline{padding:.5rem;aspect-ratio:1 / 1}.btn.btn-icon-inline svg{width:1.25rem;height:1.25rem}.btn.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-color);font-weight:600;border:1px solid var(--input-border)}.btn.btn-secondary svg{stroke:var(--btn-secondary-color)}.btn.btn-secondary:hover{background-color:var(--btn-secondary-bg-hover)}.btn.btn-secondary:active,.btn.btn-secondary:focus{background-color:var(--btn-secondary-bg-active);color:var(--btn-secondary-color-active)}.btn.btn-strong{background-color:var(--btn-strong-bg);color:var(--btn-strong-color);font-weight:600}.btn.btn-strong svg{stroke-width:2px}.btn.btn-strong:hover{background-color:var(--btn-strong-bg-hover)}.btn.btn-strong:active,.btn.btn-strong:focus{background-color:var(--btn-strong-bg-active)}.btn.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-color);font-weight:600}.btn.btn-primary svg{stroke-width:2px}.btn.btn-primary:hover{background-color:var(--btn-primary-bg-hover)}.btn.btn-primary:active,.btn.btn-primary:focus{background-color:var(--btn-primary-bg-active)}.btn.btn-link{color:var(--btn-link-color);background-color:var(--btn-link-bg);font-weight:600}.btn.btn-link.btn-strong{color:var(--text-light)}.btn.btn-link.btn-back{padding:0;color:var(--btn-back-color);background-color:transparent;transition:transform .2s;margin-left:-16px}.btn.btn-link.btn-back svg{stroke-width:2px}.btn.btn-link.btn-back:hover,.btn.btn-link.btn-back:active,.btn.btn-link.btn-back:focus{background-color:transparent;color:var(--btn-back-color-hover);transform:translate(-2px)}.btn.btn-link:hover{color:var(--btn-link-color-hover);background-color:var(--btn-link-bg-hover)}.btn.btn-link:active{color:var(--btn-link-color-active);background-color:var(--btn-link-bg-active)}.btn.btn-link:focus{color:var(--btn-link-color-focus);background-color:var(--btn-link-bg-focus);box-shadow:0 0 0 3px var(--btn-link-border-focus)}.btn.btn-danger:hover,.btn.btn-danger:active,.btn.btn-danger:focus{color:var(--error-color)}.btn.btn-strong.btn-danger:hover,.btn.btn-strong.btn-danger:active,.btn.btn-strong.btn-danger:focus{background-color:var(--error-color);color:var(--neutral-0)}.btn.btn-strong:disabled,.btn.btn-danger:disabled{background-color:var(--neutral-600);color:var(--neutral-100);opacity:.5}.btn.btn-strong:disabled:hover,.btn.btn-strong:disabled:active,.btn.btn-strong:disabled:focus,.btn.btn-danger:disabled:hover,.btn.btn-danger:disabled:active,.btn.btn-danger:disabled:focus{background-color:var(--neutral-100);color:var(--neutral-400);cursor:not-allowed;outline:none}.btn.btn-link:disabled{color:var(--neutral-400);background-color:transparent;cursor:not-allowed}.context-menu{background-color:var(--surface-1);border:1px solid var(--input-border);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem 0;min-width:160px;z-index:1000}.context-menu-item{width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--text-regular);text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;transition:background-color .15s ease}.context-menu-item svg{width:1rem;height:1rem;flex-shrink:0}.context-menu-item:hover{background-color:var(--surface-2)}.context-menu-item:focus{outline:none;background-color:var(--surface-2)}.context-menu-item.context-menu-item-danger{color:var(--error-color)}.context-menu-item.context-menu-item-danger:hover{background-color:#ef44441a}.context-menu-item:disabled{color:var(--neutral-400);cursor:not-allowed}.context-menu-item:disabled:hover{background-color:transparent}.form-group+.form-group{margin-top:1rem}.form-group label:not(.custom-checkbox){display:block;color:var(--text-regular);font-weight:500;margin-bottom:.5rem}.form-group .checkbox-group{display:flex;align-items:center;gap:.5rem}.form-group .checkbox-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-group .primary-button{margin-top:1rem;width:100%}.form-group .radio-group,.form-group .checkbox-group{display:flex;gap:1.5rem}.form-group .radio-label,.form-group .checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--text-strong);font-weight:500;cursor:pointer}.form-group input[type=radio],.form-group input[type=checkbox]{width:1rem;height:1rem;margin:0;cursor:pointer;accent-color:var(--primary-500);transform:scale(1.1)}.custom-checkbox{display:flex;align-items:center;margin:0}.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox span.checkbox{width:24px;height:24px;border:1px solid var(--custom-checkbox-border);border-radius:4px;background-color:var(--custom-checkbox-bg);cursor:pointer;transition:background-color .15s,border-color .15s;margin:0 8px 0 0;display:block}.custom-checkbox:hover span{border-color:var(--custom-checkbox-hover-border)}.custom-checkbox input[type=checkbox]:checked+span{background-color:var(--btn-strong-bg);border-color:var(--btn-strong-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M530.8 134.1C545.1 144.5 548.3 164.5 537.9 178.8L281.9 530.8C276.4 538.4 267.9 543.1 258.5 543.9C249.1 544.7 240 541.2 233.4 534.6L105.4 406.6C92.9 394.1 92.9 373.8 105.4 361.3C117.9 348.8 138.2 348.8 150.7 361.3L252.2 462.8L486.2 141.1C496.6 126.8 516.6 123.6 530.9 134z'/%3E%3C/svg%3E");background-size:16px;background-repeat:no-repeat;background-position:center}.custom-checkbox input[type=checkbox]:checked+span:hover{border-color:var(--btn-strong-bg-hover);background-color:var(--btn-strong-bg-hover)}.checkbox-line{display:flex;align-items:center;gap:.5rem}.checkbox-description{color:var(--text-light);font-size:.95rem}.checkbox-line+.checkbox-description{margin-top:.5rem;padding-left:42px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date]{width:100%;padding:.5rem 12px;border-radius:8px;border:1px solid var(--input-border);background-color:var(--input-bg);line-height:1.5rem;font:inherit}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus,.form-group input[type=date]:focus{border-color:transparent;outline:none;box-shadow:0 0 0 2px var(--focus-visible-outline)}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled,.form-group input[type=password]:disabled,.form-group input[type=number]:disabled,.form-group input[type=date]:disabled{background-color:var(--input-disabled-bg);cursor:not-allowed;opacity:.5}.form-group input:disabled{background-color:var(--surface-2);cursor:not-allowed}.btn-group{display:inline-flex;width:fit-content;align-items:center;padding:4px;background-color:var(--surface-1);border:1px solid var(--input-border);border-radius:99px;gap:4px}.btn-group .btn{padding:.4rem 1.5rem}.btn.btn-item-icon{width:2.25rem;height:2.25rem;padding:0;border-radius:50%;background-color:var(--btn-item-icon-bg);display:flex;align-items:center;justify-content:center;transition:opacity .25s;border:1px solid transparent;aspect-ratio:1 / 1;color:var(--btn-item-icon-color);border-color:var(--input-border)}.btn.btn-item-icon:hover{opacity:.8}.btn.btn-item-icon svg{width:1.25rem;height:1.25rem}.tab .btn.btn-item-icon{width:2rem;height:2rem;flex:0 0 2rem}.tab .btn.btn-item-icon svg{width:1.2rem;height:1.2rem}.btn.btn-item-icon.custom-1{border-color:var(--custom-1-tint);color:var(--custom-1)}.btn.btn-item-icon.custom-2{border-color:var(--custom-2-tint);color:var(--custom-2)}.btn.btn-item-icon.custom-3{border-color:var(--custom-3-tint);color:var(--custom-3)}.btn.btn-item-icon.custom-4{border-color:var(--custom-4-tint);color:var(--custom-4)}.btn.btn-item-icon.custom-5{border-color:var(--custom-5-tint);color:var(--custom-5)}.btn.btn-item-icon.custom-6{border-color:var(--custom-6-tint);color:var(--custom-6)}.btn.btn-item-icon.custom-7{border-color:var(--custom-7-tint);color:var(--custom-7)}.btn.btn-item-icon.custom-8{border-color:var(--custom-8-tint);color:var(--custom-8)}.btn.btn-item-icon.custom-9{border-color:var(--custom-9-tint);color:var(--custom-9)}.btn.btn-item-icon.custom-10{border-color:var(--custom-10-tint);color:var(--custom-10)}.error-message{color:var(--error-color);font-size:.9rem;width:100%;margin:4px 0 0;padding:0}:root.rose{--primary-light-50: hsla(348deg, 17%, 98%, 1);--primary-light-100: hsla(348deg, 30%, 95%, 1);--primary-light-110: hsla(348deg, 22%, 91%, 1);--primary-light-150: hsla(348deg, 30%, 91%, 1);--primary-light-200: hsla(348deg, 30%, 86%, 1);--primary-light-250: hsla(348deg, 30%, 83%, 1);--primary-light-350: hsla(348deg, 30%, 75%, 1);--primary-100: hsla(356deg, 92%, 90%, 1);--primary-200: hsla(356deg, 80%, 81%, 1);--primary-300: hsla(356deg, 80%, 76%, 1);--primary-400: hsla(350deg, 50%, 58%, 1);--primary-500: hsla(350deg, 50%, 53%, 1);--primary-600: hsla(350deg, 50%, 48%, 1);--primary-700: hsla(350deg, 50%, 40%, 1);--primary-800: hsla(350deg, 30%, 24%, 1);--primary-900: hsla(350deg, 16%, 18%, 1);--primary-950: hsla(350deg, 10%, 16%, 1);--primary-tint-100: hsla(350, 85%, 35%, .08);--primary-tint-150: hsla(350, 85%, 35%, .12);--primary-tint-200: hsla(350, 85%, 35%, .2);--primary-tint-400: hsla(350, 85%, 35%, .4);--primary-tint-600: hsla(350, 85%, 35%, .6);--primary-tint-800: hsla(350, 85%, 35%, .8);--white: hsla(0deg, 0%, 100%, 1);--black: hsla(0deg, 0%, 0%, 1);--transparent: transparent;--neutral-50: hsla(340deg, 8%, 93%, 1);--neutral-100: hsla(330deg, 3%, 88%, 1);--neutral-150: hsla(330deg, 2%, 80%, 1);--neutral-200: hsla(300deg, 1%, 71%, 1);--neutral-300: hsla(300deg, 1%, 62%, 1);--neutral-400: hsla(270deg, 1%, 53%, 1);--neutral-500: hsla(260deg, 1%, 45%, 1);--neutral-600: hsla(240deg, 2%, 36%, 1);--neutral-700: hsla(225deg, 3%, 27%, 1);--neutral-750: hsla(225deg, 3%, 23%, 1);--neutral-800: hsla(225deg, 4%, 17%, 1);--neutral-825: hsla(225deg, 4%, 15%, 1);--neutral-850: hsla(225deg, 4%, 13%, 1);--neutral-900: hsla(216deg, 10%, 10%, 1);--neutral-950: hsla(216deg, 10%, 6%, 1);--page-background-light: radial-gradient(circle at calc(50% + 100px) 50%, #faf8f8, #f3e9eb 500px);--page-background-dark: radial-gradient(circle at calc(50% + 100px) 50%, #1e2024, #17191c 500px)}:root.sky{--primary-light-50: hsla(210deg, 12%, 97%, 1);--primary-light-100: hsla(210deg, 20%, 95%, 1);--primary-light-110: hsla(210deg, 25%, 93%, 1);--primary-light-150: hsla(210deg, 30%, 91%, 1);--primary-light-200: hsla(210deg, 30%, 86%, 1);--primary-light-250: hsla(210deg, 30%, 83%, 1);--primary-light-300: hsla(210deg, 30%, 81%, 1);--primary-light-350: hsla(210deg, 30%, 75%, 1);--primary-100: hsla(210deg, 92%, 90%, 1);--primary-200: hsla(210deg, 80%, 81%, 1);--primary-300: hsla(210deg, 80%, 76%, 1);--primary-400: hsla(210deg, 50%, 58%, 1);--primary-500: hsla(210deg, 50%, 53%, 1);--primary-600: hsla(210deg, 50%, 48%, 1);--primary-700: hsla(210deg, 50%, 40%, 1);--primary-800: hsla(210deg, 30%, 24%, 1);--primary-900: hsla(210deg, 16%, 18%, 1);--primary-950: hsla(210deg, 10%, 16%, 1);--primary-tint-100: hsla(210deg, 85%, 35%, .08);--primary-tint-150: hsla(210deg, 85%, 35%, .12);--primary-tint-200: hsla(210deg, 85%, 35%, .2);--primary-tint-400: hsla(210deg, 85%, 35%, .4);--primary-tint-600: hsla(210deg, 85%, 35%, .6);--primary-tint-800: hsla(210deg, 85%, 35%, .8);--white: hsla(0deg, 0%, 100%, 1);--black: hsla(0deg, 0%, 0%, 1);--transparent: transparent;--neutral-50: hsla(228deg, 8%, 93%, 1);--neutral-100: hsla(228deg, 5%, 88%, 1);--neutral-150: hsla(210deg, 4%, 80%, 1);--neutral-200: hsla(225deg, 3%, 71%, 1);--neutral-300: hsla(225deg, 2%, 62%, 1);--neutral-400: hsla(216deg, 2%, 54%, 1);--neutral-500: hsla(216deg, 2%, 45%, 1);--neutral-600: hsla(210deg, 2%, 36%, 1);--neutral-700: hsla(225deg, 3%, 27%, 1);--neutral-750: hsla(216deg, 3%, 23%, 1);--neutral-800: hsla(216deg, 4%, 17%, 1);--neutral-825: hsla(216deg, 4%, 15%, 1);--neutral-850: hsla(216deg, 4%, 13%, 1);--neutral-900: hsla(216deg, 10%, 10%, 1);--neutral-950: hsla(216deg, 10%, 6%, 1);--page-background-light: radial-gradient(circle at calc(50% + 100px) 50%, #f9f9fb, #e6e9ef 500px);--page-background-dark: radial-gradient(circle at calc(50% + 100px) 50%, #1e2024, #17191c 500px)}:root.light{--surface-0: var(--white);--surface-1: var(--primary-light-50);--surface-2: var(--primary-light-100);--surface-3: var(--primary-light-150);--border-1: var(--primary-light-100);--border-2: var(--primary-light-150);--border-3: var(--primary-light-200);--border-4: var(--primary-light-300);--border-2-dm: transparent;--page-background: var(--page-background-light);--box-shadow-1: 0 2px 5px rgba(178, 88, 88, .1);--box-shadow-2: 0 -2px 5px rgba(178, 88, 88, .1);--text-strong: var(--neutral-950);--text-regular: var(--neutral-850);--text-light: var(--neutral-700);--text-extra-light: var(--neutral-400);--main-nav-bg: transparent;--main-nav-color: var(--text-strong);--main-nav-icon-line: var(--text-strong);--main-nav-icon-fill-color: var(--white);--main-nav-icon-fill-white: var(--white);--main-nav-hover-icon-fill-color: var(--primary-light-200);--main-nav-hover-icon-fill-white: var(--white);--main-nav-hover-icon-stroke-color: var(--text-strong);--main-nav-active-color: var(--text-strong);--main-nav-active-bg: var(--primary-light-150);--main-nav-active-icon-fill-color: var(--primary-200);--main-nav-active-icon-fill-white: var(--white);--main-nav-active-icon-stroke-color: var(--text-strong);--logo-darks: var(--text-strong);--logo-lights: var(--white);--quick-add-input-color: var(--text-strong);--add-new-item-input-bg: var(--white);--add-new-item-input-border: var(--primary-light-150);--select-dropdown-bg: var(--white);--select-item-color: var(--text-regular);--hovered-select-item-bg: var(--primary-light-100);--active-select-item-bg: var(--primary-light-150);--btn-strong-bg: var(--neutral-750);--btn-strong-bg-hover: var(--neutral-950);--btn-strong-bg-active: var(--neutral-900);--btn-strong-color: var(--white);--btn-strong-border: transparent;--btn-strong-border-active: transparent;--btn-secondary-bg: var(--primary-light-150);--btn-secondary-bg-hover: var(--primary-light-200);--btn-secondary-bg-active: var(--primary-light-300);--btn-secondary-color: var(--text-strong);--btn-secondary-border: transparent;--btn-secondary-border-active: transparent;--btn-primary-bg: var(--primary-500);--btn-primary-bg-hover: var(--primary-600);--btn-primary-bg-active: var(--primary-700);--btn-primary-color: var(--white);--btn-primary-border: transparent;--btn-primary-border-active: transparent;--btn-item-icon-bg: var(--surface-0);--btn-item-icon-color: var(--primary-light-350);--hovered-item-bg: var(--primary-light-100);--selected-item-bg: var(--primary-light-150);--selected-item-border: var(--primary-light-200);--backdrop-item-bg: var(--neutral-150);--dragged-item-bg: var(--primary-light-200);--dragged-item-border: var(--primary-light-200);--btn-link-color: var(--neutral-700);--btn-link-color-hover: var(--neutral-900);--btn-link-color-active: var(--neutral-900);--btn-link-color-focus: var(--neutral-900);--btn-link-bg: transparent;--btn-link-bg-hover: var(--primary-tint-100);--btn-link-bg-active: var(--primary-tint-150);--btn-link-bg-focus: var(--primary-tint-200);--btn-back-color: var(--text-regular);--btn-back-color-hover: var(--text-regular);--hovered-tab-bg: var(--primary-light-100);--selected-tab-bg: var(--primary-light-110);--droppable-tab-border: var(--primary-light-250);--error-color: #bf1a1a;--warning-color: #f59e0b;--success-color: #10b981;--focus-visible-outline: var(--primary-200);--form-section-bg: var(--primary-light-100);--input-border: var(--primary-light-200);--input-bg: var(--primary-light-50);--input-disabled-bg: var(--primary-light-50);--custom-checkbox-checkmark: var(--primary-400);--custom-checkbox-bg: var(--primary-light-50);--custom-checkbox-border: var(--neutral-150);--custom-checkbox-hover-border: var(--neutral-400);--hovered-item-custom-checkbox-border: var(--neutral-200);--drag-handle-color: var(--text-light);--shopping-icon-color: var(--shopping-color);--packing-icon-color: var(--packing-color);--todo-icon-color: var(--todo-color);--storage-icon-color: var(--storage-color);--notes-icon-color: var(--notes-color);--shopping-icon-hover-color: var(--shopping-dark-color);--packing-icon-hover-color: var(--packing-dark-color);--todo-icon-hover-color: var(--todo-dark-color);--storage-icon-hover-color: var(--storage-dark-color);--notes-icon-hover-color: var(--notes-dark-color);--auto-resize-textarea-bg: var(--white);--name-input-border: var(--primary-light-150);--name-input-bg: var(--white);--note-editor-bg: var(--white);--highlight-color: var(--primary-tint-200);--mobile-nav-bg: white;--mobile-nav-border: var(--neutral-150);--empty-state-light-1: var(--white);--empty-state-light-2: var(--primary-light-100);--empty-state-light-3: var(--primary-light-150);--empty-state-dark: var(--neutral-500);--notes-toolbar-active-bg: var(--primary-light-300);--journal-thumb-bg: var(--surface-2);--journal-thumb-hover-bg: var(--surface-3);--journal-thumb-lock-bg: var(--surface-0);--journal-thumb-lock-color: var(--error-color);--modal-bg: var(--surface-0)}:root.dark{--surface-0: var(--neutral-800);--surface-1: var(--neutral-850);--surface-2: var(--neutral-800);--surface-3: var(--neutral-900);--border-1: var(--neutral-850);--border-2: var(--neutral-750);--border-3: var(--neutral-700);--border-4: var(--neutral-600);--border-2-dm: var(--neutral-750);--page-background: var(--page-background-dark);--box-shadow-1: 0 2px 5px rgba(0, 0, 0, .3);--box-shadow-2: 4px -2px 5px rgba(0, 0, 0, .1);--text-strong: var(--neutral-50);--text-regular: var(--neutral-200);--text-light: var(--neutral-400);--text-extra-light: var(--neutral-500);--main-nav-bg: transparent;--main-nav-color: var(--text-regular);--main-nav-icon-line: var(--text-regular);--main-nav-icon-fill-color: var(--neutral-900);--main-nav-icon-fill-white: var(--neutral-900);--main-nav-hover-color: var(--white);--main-nav-hover-icon-stroke-color: var(--text-strong);--main-nav-hover-icon-fill-color: var(--neutral-800);--main-nav-hover-icon-fill-white: var(--neutral-800);--main-nav-active-color: var(--white);--main-nav-active-bg: var(--neutral-800);--main-nav-active-icon-fill-color: var(--primary-400);--main-nav-active-icon-fill-white: var(--neutral-100);--main-nav-active-icon-stroke-color: var(--neutral-900);--logo-darks: var(--neutral-300);--logo-lights: var(--neutral-850);--quick-add-input-color: var(--text-strong);--add-new-item-input-bg: var(--neutral-800);--add-new-item-input-border: var(--neutral-750);--select-dropdown-bg: var(--neutral-800);--select-item-color: var(--text-regular);--hovered-select-item-bg: var(--neutral-750);--active-select-item-bg: var(--neutral-700);--btn-strong-bg: var(--neutral-700);--btn-strong-bg-hover: var(--neutral-600);--btn-strong-bg-active: var(--neutral-500);--btn-strong-color: var(--white);--btn-strong-border: transparent;--btn-strong-border-active: transparent;--btn-primary-bg: var(--primary-600);--btn-primary-bg-hover: var(--primary-500);--btn-primary-bg-active: var(--primary-400);--btn-primary-color: var(--white);--btn-primary-border: transparent;--btn-primary-border-active: transparent;--btn-secondary-bg: var(--neutral-800);--btn-secondary-bg-hover: var(--neutral-700);--btn-secondary-bg-active: var(--neutral-600);--btn-secondary-color: var(--text-strong);--btn-secondary-border: transparent;--btn-secondary-border-active: transparent;--btn-item-icon-bg: var(--surface-1);--btn-item-icon-color: var(--neutral-500);--hovered-item-bg: var(--primary-950);--selected-item-bg: var(--primary-900);--selected-item-border: var(--primary-800);--backdrop-item-bg: var(--neutral-600);--dragged-item-bg: var(--primary-800);--dragged-item-border: var(--primary-800);--btn-link-color: var(--neutral-500);--btn-link-color-hover: var(--text-regular);--btn-link-color-active: var(--text-strong);--btn-link-color-focus: var(--text-strong);--btn-link-bg: transparent;--btn-link-bg-hover: hsla(0, 0%, 100%, .08);--btn-link-bg-active: hsla(0, 0%, 100%, .12);--btn-link-bg-focus: hsla(0, 0%, 100%, .12);--btn-back-bg: hsla(0, 0%, 100%, .03);--btn-back-color: var(--text-regular);--hovered-tab-bg: var(--neutral-850);--selected-tab-bg: var(--neutral-800);--droppable-tab-border: var(--primary-600);--error-color: #ea3b3b;--warning-color: #f59e0b;--success-color: #10b981;--focus-visible-outline: var(--primary-700);--form-section-bg: var(--neutral-825);--input-border: var(--neutral-750);--input-bg: var(--neutral-850);--input-disabled-bg: var(--neutral-850);--custom-checkbox-checkmark: var(--primary-400);--custom-checkbox-bg: var(--neutral-850);--custom-checkbox-border: var(--neutral-750);--hovered-item-custom-checkbox-border: var(--neutral-600);--custom-checkbox-hover-border: var(--neutral-500);--drag-handle-color: var(--text-regular);--shopping-icon-color: var(--shopping-dark-color);--packing-icon-color: var(--packing-dark-color);--todo-icon-color: var(--todo-dark-color);--storage-icon-color: var(--storage-dark-color);--notes-icon-color: var(--notes-dark-color);--shopping-icon-hover-color: var(--shopping-color);--packing-icon-hover-color: var(--packing-color);--todo-icon-hover-color: var(--todo-color);--storage-icon-hover-color: var(--storage-color);--notes-icon-hover-color: var(--notes-color);--auto-resize-textarea-bg: var(--neutral-800);--name-input-border: var(--neutral-750);--name-input-bg: var(--neutral-800);--note-editor-bg: var(--neutral-800);--highlight-color: var(--primary-800);--mobile-nav-bg: var(--neutral-900);--mobile-nav-border: transparent;--empty-state-light-1: var(--primary-900);--empty-state-light-2: var(--primary-800);--empty-state-light-3: var(--neutral-825);--empty-state-dark: var(--neutral-600);--notes-toolbar-active-bg: var(--primary-700);--journal-thumb-bg: var(--surface-1);--journal-thumb-hover-bg: var(--surface-3);--journal-thumb-lock-bg: var(--neutral-800);--journal-thumb-lock-color: var(--error-color);--modal-bg: var(--surface-0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface-3);background:var(--page-background);color:var(--text-regular)}img,picture,video,canvas,svg{display:block;max-width:100%}.ProseMirror img{position:relative;max-width:100%;height:auto;cursor:ew-resize;display:block;margin:1em 0;border-radius:4px;box-shadow:0 2px 4px #0000001a}.ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--primary-500);outline-offset:2px}.ProseMirror img:after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background-color:transparent;transition:background-color .2s;cursor:ew-resize}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}.app{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.ml-auto{margin-left:auto!important}.main-nav{padding:.75rem 40px;z-index:20}.nav-content{margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-left{display:flex;align-items:center;gap:2rem}.nav-right{display:flex;align-items:center}.nav-right .btn.btn-icon.btn-link svg .color{fill:var(--main-nav-icon-fill-color);transition:fill .2s}.nav-right .btn.btn-icon.btn-link svg .white{fill:var(--main-nav-icon-fill-white)}.nav-right .btn.btn-icon.btn-link svg .line{stroke:var(--main-nav-icon-line)}.nav-right .btn.btn-icon.btn-link:hover svg .color{fill:var(--main-nav-hover-icon-fill-color)}.nav-right .btn.btn-icon.btn-link:hover svg .white{fill:var(--main-nav-hover-icon-fill-white)}.nav-right .btn.btn-icon.btn-link:hover svg .line{stroke:var(--main-nav-hover-icon-stroke-color)}.nav-right .btn.btn-icon.btn-link.active{background-color:var(--main-nav-active-bg);color:var(--main-nav-active-color)}.nav-right .btn.btn-icon.btn-link.active svg .color{fill:var(--main-nav-active-icon-fill-color)}.nav-right .btn.btn-icon.btn-link.active svg .white{fill:var(--main-nav-active-icon-fill-white)}.nav-right .btn.btn-icon.btn-link.active svg .line{stroke:var(--main-nav-active-icon-stroke-color)}.nav-links{list-style:none;display:flex;gap:1rem}.nav-links.desktop-nav{display:flex}.nav-links li{flex:0 0 auto}.nav-links li a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;border-radius:99px;transition:opacity .2s;background-color:var(--main-nav-bg);color:var(--main-nav-color);font-weight:500;padding:12px 24px}.nav-links li a svg{width:1.5rem;height:1.5rem;flex:0 0 1.5rem}.nav-links li a svg .color{fill:var(--main-nav-icon-fill-color);transition:fill .2s}.nav-links li a svg .white{fill:var(--main-nav-icon-fill-white)}.nav-links li a svg .line{stroke:var(--main-nav-icon-line)}.nav-links li a:hover svg .color{fill:var(--main-nav-hover-icon-fill-color)}.nav-links li a:hover svg .white{fill:var(--main-nav-hover-icon-fill-white)}.nav-links li a:hover svg .line{stroke:var(--main-nav-hover-icon-stroke-color)}@media (min-width: 768px) and (max-width: 850px){.nav-links li a{padding:12px}.nav-links li a svg{width:20px;height:20px;flex:0 0 20px}}.utility-links{display:flex;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0}.utility-links .btn.btn-link{color:var(--text-color)}.utility-icon{width:20px;height:20px}.logo-link{text-decoration:none;border-bottom:none}.logo-link svg{width:3.75rem;max-width:70px;height:auto}.logo-link:hover{border-bottom:none}.nav-logo{width:60px;margin:-4px 0}.nav-logo .light{fill:var(--logo-lights)}.nav-logo .dark{fill:var(--logo-darks)}.loader-container{position:relative}.loader-container .loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;color:var(--text-light)}svg.tea #teabag{transform-origin:top center;transform:rotate(3deg);animation:swing 2s infinite}svg.tea #steamL{stroke-dasharray:13;stroke-dashoffset:13;animation:steamLarge 2s infinite}svg.tea #steamR{stroke-dasharray:9;stroke-dashoffset:9;animation:steamSmall 2s infinite}@keyframes swing{50%{transform:rotate(-3deg)}}@keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}.page-container{height:100%;display:flex;overflow:hidden;position:relative;background-color:var(--surface-1)}.sidebar{background-color:var(--surface-1);flex:0 0 400px;max-width:40%;border:1px solid var(--border-2-dm);border-right:1px solid var(--border-2);height:100%;padding:0 0 20px;overflow:hidden;display:flex;flex-direction:column}.sidebar-content{overflow-y:auto;position:relative}.scrollable::-webkit-scrollbar,.note-editor-container::-webkit-scrollbar{width:12px}.scrollable::-webkit-scrollbar-track,.note-editor-container::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb,.note-editor-container::-webkit-scrollbar-thumb{background-color:var(--border-2);border-radius:8px;border:2px solid var(--surface-1)}.scrollable::-webkit-scrollbar-thumb:hover,.note-editor-container::-webkit-scrollbar-thumb:hover{background-color:var(--border-3)}.main-content{flex:1;min-width:0;height:100%;overflow:hidden}.page-container.journals,.page-container.notebooks{padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.item-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.item-card{position:relative;background:var(--surface-0);border-radius:14px;transition:background-color .2s ease;cursor:pointer;border:1px solid var(--border-2)}.item-card.add-new{border:2px dashed var(--border-2);background:var(--surface-1);padding:14px;display:flex;align-items:center;justify-content:center}.item-card.add-new .big-plus{width:2rem;height:2rem;opacity:.5;transition:color .2s ease,opacity .2s ease}.item-card.add-new:hover{background:var(--surface-3);border-color:var(--primary-500)}.item-card.add-new:hover .big-plus{width:2rem;height:2rem;color:var(--primary-500);opacity:1}.item-card .item-card-content{padding:14px;display:flex;flex-direction:column;gap:.5rem}.item-card .item-card-content .item-card-details{background-color:var(--journal-thumb-bg);padding:24px 32px 32px;border-radius:10px;aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;position:relative;gap:1rem;transition:background-color .2s ease}.item-card .item-card-content .item-card-details:hover{background-color:var(--journal-thumb-hover-bg)}.item-card .item-card-content .item-card-details .title-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.item-card .item-card-content .item-card-details .title-bar .lock-icon{flex:0 0 auto;color:var(--journal-thumb-lock-color)}.item-card .item-card-content .item-card-details .title-bar .lock-icon svg{width:1.5rem;height:1.5rem;stroke-width:2px}.item-card .item-card-content .item-card-details h3{font-size:1.3rem;font-weight:500;line-height:1.2}.item-card .item-card-content .item-card-details .btn.btn-item-icon{width:3rem;height:3rem}.item-card .item-card-content .item-card-details .btn.btn-item-icon svg{width:1.5rem;height:1.5rem}@media (max-width: 575px){.item-card .item-card-content .item-card-details{aspect-ratio:unset}.item-card .item-card-content .item-card-details h3{font-size:1.2rem}}.item-card .item-card-content .item-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.item-card .item-card-content .item-card-actions .btn{opacity:.5;transition:opacity .2s ease}.item-card .item-card-content .item-card-actions .btn:hover{opacity:1}.journal-name,.notebook-name{font-size:1.1rem;color:var(--text-strong);text-align:center}.journal-actions,.notebook-actions{display:flex;gap:.5rem}.tab-content{display:flex;flex-direction:column;gap:.1rem;width:100%}.journal-header-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.content-area{flex:1;overflow:hidden;overflow-y:auto;background-color:var(--surface-1);border-top:1px solid var(--border-2-dm);border-bottom:1px solid var(--border-2-dm)}.list-container{display:flex;flex-direction:column;height:100%;max-width:800px;border-right:1px solid var(--border-2)}.list-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 32px 32px 16px}.list-items{overflow-y:auto;display:flex;flex-direction:column;gap:4px;min-height:0;position:relative;margin-left:-8px;padding:0 2px}.tab-group+.tab-group{border-top:1px solid var(--border-2)}.tab-group-tabs{padding:.5rem}.sidebar-header{position:sticky;top:0;z-index:2;background:var(--surface-0);padding:8px 16px 8px 32px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border-2);min-height:58px}.sidebar-header-title{margin:0;color:var(--text-strong);font-weight:700;display:flex;align-items:center;gap:.75rem;line-height:1.2;font-size:1.1rem;flex:1}.sidebar-header-title svg .white{fill:var(--main-nav-active-icon-fill-white)}.sidebar-header-title svg .color{fill:var(--main-nav-active-icon-fill-color)}.sidebar-header-title svg .line{stroke:var(--main-nav-active-icon-stroke-color)}.tabs{list-style:none;padding:0;margin:0;display:flex;gap:2px;flex-direction:column}.tab{padding:.375rem 20px;cursor:pointer;border:2px solid transparent;border-radius:8px;transition:all .2s ease;background-color:transparent;font-weight:500;display:flex;align-items:center;gap:8px;line-height:32px;margin-bottom:4px;touch-action:none;-webkit-touch-callout:none}.tab svg{width:20px;height:20px;flex-shrink:0}.tab svg .color{fill:#fff}.tab:hover{background-color:var(--hovered-tab-bg)}.tab.active{background-color:var(--selected-tab-bg);font-weight:700}.tab.drag-over{border:2px dashed var(--droppable-tab-border);background-color:var(--hovered-tab-bg)}.list{background:#f4f5f7;border-radius:8px;width:600px;padding:8px;position:relative}.content-header{display:flex;align-items:center;gap:1rem;padding:4px 16px 4px 32px;border-bottom:1px solid var(--border-2);background-color:var(--surface-1);min-height:58px}.content-header h2{margin:0;font-size:1.1rem;line-height:1.2;font-weight:700;color:var(--text-strong)}.content-header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.content-name-input{height:2.625rem;width:100%;padding:.25rem;font-size:1.2rem;font-weight:700;border:2px solid var(--name-input-border);border-radius:6px;background:var(--name-input-bg);color:var(--text-strong);margin-left:-6px}.content-name-input:focus{outline:none}.content-header.journal-header{gap:.5rem}.content-header.journal-header h2,.content-header.journal-header .content-name-input{font-size:1rem}.content-header.journal-header .journal-header-content{flex:0 0 auto}.list-item{display:flex;align-items:center;padding:.25rem 8px;border-radius:4px;gap:2px;position:relative;z-index:1;border:1px solid transparent;transition:background-color .2s,color .2s ease}.list-item:first-child{margin-top:16px}.list-item:hover{background:var(--hovered-item-bg)}.list-item.selected{background-color:var(--selected-item-bg);border-color:var(--selected-item-border);color:var(--text-strong)}.list-item.dragging{opacity:.2;background-color:var(--backdrop-item-bg);border-color:transparent}.dragging-container .list-item.dragging{background-color:var(--dragged-item-bg);border-color:var(--dragged-item-border);box-shadow:0 2px 8px #0000001a;transform:rotate(-1deg);opacity:.6;cursor:grabbing;touch-action:none}.dragging-container .list-item:not(:last-child){margin-bottom:2px}.list-item.done .item-name{text-decoration:line-through;color:var(--text-extra-light)}.list-item .custom-checkbox{margin-left:4px;cursor:pointer}.list-item .auto-resize-textarea{flex:1;margin-left:44px;border:none;background:transparent;resize:none;padding:4px;font:inherit;min-height:28px;overflow:hidden;border-radius:4px;background-color:var(--auto-resize-textarea-bg)}.list-item .auto-resize-textarea:focus{outline:none}.drag-handle{cursor:grab;color:var(--drag-handle-color);opacity:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:opacity .2s ease;flex:0 0 18px;margin:0 -4px;touch-action:none}.drag-handle svg{width:18px;height:18px}.drag-handle+.item-name{margin-left:6px}.list-item:hover .drag-handle{opacity:.5}.list-item:hover .drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.list-item .item-name{white-space:pre-wrap;word-break:break-word;padding:2px 0;flex:0 1 auto;flex-wrap:wrap}.list-item .item-name.empty-name{min-width:24px;background-color:var(--item-bg);border-color:var(--item-border);border-radius:4px;height:32px;cursor:pointer}.list-item:hover .item-name.empty-name{border-color:var(--selected-item-border)}.list-item:hover .item-name.empty-name:hover{background-color:var(--selected-item-bg)}.list-item{opacity:1;max-height:500px;transition:opacity .2s ease-out,max-height .2s ease-out,margin-bottom .2s ease-out,padding .2s ease-out,border-width .2s ease-out}.list-item.deleting{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;pointer-events:none}.list-item .delete-item-btn{flex:0 0 auto;border:none;background-color:transparent;padding:3px;cursor:pointer;opacity:0;transition:opacity .2s;margin-left:auto}.list-item .delete-item-btn svg{width:18px;height:18px}.list-item:hover .delete-item-btn{opacity:.3}.list-item:hover .delete-item-btn:hover{opacity:1}.new-item-form{margin-top:16px;display:flex;align-items:flex-end;gap:8px;background-color:var(--surface-1);position:relative;padding-left:1rem}.new-item-form-single{position:relative;flex:1}.new-item-form-multiple{flex:1;display:flex;flex-direction:column;gap:8px}.new-item-form-multiple textarea{max-height:100px!important;overflow-y:auto!important}.new-item-input{width:100%;padding:.5rem 2.625rem .5rem 12px;border-radius:1.375rem;border:2px solid var(--add-new-item-input-border);background-color:var(--add-new-item-input-bg);resize:none;overflow:hidden;min-height:2.75rem;line-height:1.5rem;font:inherit;display:block;box-sizing:border-box}.new-item-input:focus{border-color:transparent;outline:none}.new-item-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.new-item-button{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.empty-state{display:flex;flex-direction:column;align-items:center;max-width:400px;text-align:center;padding:2rem;margin:0 auto}.empty-state>svg{width:160px;height:160px}.empty-state>svg .line{stroke-width:.8px;stroke:var(--text-light)}.empty-state p{margin-bottom:2rem;font-size:1rem;color:var(--text-light)}.nav-links.mobile-nav{display:none}.nav-links li a.active{background-color:var(--main-nav-active-bg);color:var(--main-nav-active-color)}.nav-links li a.active svg .color{fill:var(--main-nav-active-icon-fill-color)}.nav-links li a.active svg .white{fill:var(--main-nav-active-icon-fill-white)}.nav-links li a.active svg .line{stroke:var(--main-nav-active-icon-stroke-color)}.admin-links{border-bottom:1px solid var(--border-3);padding:0 0 .25rem}.admin-links h5{padding:.25rem 1.5rem;margin-left:-.5rem;margin-right:-.5rem;background-color:var(--primary-500);color:#fff;margin-bottom:.25rem}.settings-container{overflow-y:auto}.settings-container>section{padding:2rem;overflow-y:auto;height:100%}.settings-container h4{margin-bottom:.5rem}.note-container{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden;max-width:850px;border-right:1px solid var(--border-2)}.note-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.note-content{flex:1;overflow-y:auto;padding:1rem .5rem;margin-top:.5rem}.note-editor-container{height:100%;padding:16px 32px;display:grid;grid-template-rows:auto 1fr;overflow:auto}.editor-toolbar{margin:-1rem -2rem 1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem;flex-wrap:wrap;background-color:var(--surface-2);border-bottom:1px solid var(--border-2);opacity:1;max-height:500px;transition:opacity .2s ease-out,max-height .2s ease-out,margin .2s ease-out,padding .2s ease-out}.editor-toolbar.hidden{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden}.editor-toolbar+div{display:grid;grid-template-rows:1fr;overflow:auto}.editor-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.35rem;border:none;border-radius:6px;background:transparent;color:var(--text-light);cursor:pointer;transition:all .2s ease}.editor-toolbar button.is-active{background-color:var(--notes-toolbar-active-bg);color:var(--text-strong)}.editor-toolbar button.is-active:hover{background-color:var(--notes-toolbar-active-bg)}.note-editor{flex:1;overflow-y:auto;padding-top:1rem;outline:none}.select-menu{background:var(--select-dropdown-bg);border-radius:8px;box-shadow:var(--box-shadow-2);overflow:hidden;z-index:1000;padding:.25rem;gap:.2rem;display:flex;flex-direction:column}.font-size-menu-content{padding:16px;min-width:200px}.font-size-label{display:block;margin-bottom:8px;font-size:18px;font-weight:500}.font-size-slider{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.font-size-range{display:flex;justify-content:space-between;margin-top:4px;font-size:16px;color:#666}.select-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem .75rem 1rem;border:none;background:transparent;text-align:left;cursor:pointer;transition:all .2s;border-radius:6px;color:var(--select-item-color)}.select-item>svg{width:1.125rem;height:18px}.select-item:hover{background-color:var(--hovered-select-item-bg)}.select-item.active{background-color:var(--active-select-item-bg)}*:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-visible-outline)}.list-item:focus-visible{outline:none;box-shadow:none}.btn-back.toggle-content-view{display:none}.tiptap.note-editor{border-radius:6px 6px 16px;overflow-y:auto}.tiptap.note-editor:focus,.tiptap.note-editor:focus-visible{outline:none;box-shadow:none}.list-item:not(.done):hover .custom-checkbox .checkbox{border-color:var(--hovered-item-custom-checkbox-border)}.list-item:not(.done):hover .custom-checkbox .checkbox:hover{border-color:var(--custom-checkbox-hover-border)}.list-item.selected .custom-checkbox .checkbox{border-color:var(--hovered-item-custom-checkbox-border)}.content-wrapper{flex:1;display:grid;grid-template-rows:auto auto 1fr;background-color:var(--surface-1);border-top:1px solid var(--border-2-dm);border-bottom:1px solid var(--border-2-dm);overflow:hidden}@media (max-width: 768px){.content-wrapper{border-radius:0}}.storage-locations-header{padding:2rem 2rem 0;display:flex;align-items:center;gap:1rem}.storage-locations-body{padding:2rem;background-color:var(--surface-1);border-top:1px solid var(--border-2);overflow-y:auto}.storage-locations-body li{max-width:800px}.storage-locations-body .tree-item{background-color:var(--surface-2);border-radius:8px;margin:4px 0}.storage-locations-form{padding:0 2rem 1rem}.storage-locations-form .new-item-form{max-width:800px}.ProseMirror>*+*{margin-top:.5em}.ProseMirror ul,.ProseMirror ol{padding:0 1rem}.ProseMirror h1{font-size:2em}.ProseMirror h2{font-size:1.5em}.ProseMirror h3{font-size:1.25em}.ProseMirror code{background-color:var(--surface-2);color:var(--text-strong);padding:.2em .4em;border-radius:3px;font-size:.9em;font-family:Menlo,Monaco,Courier New,Courier,monospace}.ProseMirror pre{background:var(--surface-2);color:var(--text-2);padding:.75rem 1rem;overflow-x:auto}.ProseMirror pre code{background:none;color:inherit;padding:0;border-radius:0}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid var(--border-3);color:var(--text-strong)}.ProseMirror mark{background-color:var(--highlight-color, #fef3c7)}.ProseMirror a.note-link{color:var(--primary-500);text-decoration:underline;cursor:pointer;transition:opacity .2s ease}.ProseMirror a.note-link:hover{opacity:.8}.ProseMirror mark{background-color:var(--highlight-color);padding-top:3px;padding-bottom:3px;color:inherit}.ProseMirror:focus>*:last-child{position:relative}.account-info-container,.preferences-container,.password-container{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.settings-section-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem}.settings-section-header h2{font-weight:600;font-size:1.5rem}.settings-section-body{max-width:600px;padding-top:1rem;overflow-y:auto;padding-right:.5rem}.settings-section-body h3{margin-bottom:1rem;color:var(--text-1);font-size:1.25rem;font-weight:600}.settings-section-body h4{margin-bottom:.5rem;color:var(--text-2);font-size:1rem;font-weight:600}.info-section,.form-section{display:grid;margin-bottom:2rem;padding:0 2px}.info-section{padding:1rem;border:1px solid var(--border-2);border-radius:8px}.info-section+h3,.form-section+h3{margin-top:1.5rem}.info-item{display:grid;gap:.25rem;margin-bottom:1rem}.info-item label{color:var(--text-light)}.info-item .info-value{color:var(--text-strong);font-size:1rem;font-weight:500}.ProseMirror.dragging{position:relative}.ProseMirror.dragging:after{content:"Drop files here";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5em;pointer-events:none;border:3px dashed white;border-radius:8px;z-index:100}.ProseMirror a[href$=".pdf"]:before{content:"📄 "}.users-container{padding:2rem;overflow-y:auto}.user-info-container{height:100%;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.user-section-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem}.user-section-header h2{font-weight:600;font-size:1.5rem}.user-section-body{max-width:600px;padding-top:1rem;overflow-y:auto;padding-right:.5rem}.user-section-body h3{margin-bottom:1rem;color:var(--text-1);font-size:1.25rem;font-weight:600}.user-section-body .user-details p{margin-bottom:.5rem}.app-loading{display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;background-color:var(--background-color)}.loading-spinner{color:var(--text-color);font-size:1.2rem;opacity:.8}.promo-codes-header{padding-top:1rem}.promo-codes-header .title-bar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 2rem 0}.promo-codes-header .title-bar .btn svg{transition:transform .2s}.promo-codes-header .title-bar .btn.section-expanded svg{transform:rotate(-45deg)}.promo-codes-header .promo-code-form .form-actions{display:flex;gap:.25rem}.promo-code-form{position:relative;padding:1rem;background:var(--form-section-bg);border-top:1px solid var(--border-2);display:grid;width:100%;grid-template-columns:repeat(6,1fr);gap:1rem;align-items:start}.promo-code-form .form-group{display:flex;flex-direction:column;gap:.5rem;margin-top:0}.promo-code-form .form-group:nth-child(1){grid-column:1}.promo-code-form .form-group:nth-child(2){grid-column:2}.promo-code-form .form-group:nth-child(3){grid-column:3}.promo-code-form .form-group:nth-child(4){grid-column:4}.promo-code-form .form-group:nth-child(5){grid-column:5}.promo-code-form .form-actions{grid-column:6;display:flex;gap:.5rem;align-items:flex-end;height:100%;padding-bottom:2px}.promo-code-form .form-actions .btn{width:fit-content;min-width:max-content}.promo-code-form input{padding:.5rem;border:1px solid var(--border-2);border-radius:4px;background:var(--surface-1)}.promo-code-form label{font-size:.875rem;color:var(--text-2)}.promo-codes-body{border-top:1px solid var(--border-2);overflow-y:auto;margin-bottom:2rem}.promo-codes-grid{width:100%}.promo-codes-grid-header{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr 80px;gap:1rem;padding:.5rem 2rem;background-color:var(--surface-3);font-weight:600;position:sticky;top:0;z-index:10}.promo-codes-grid-body{display:flex;flex-direction:column}.promo-code-row{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr 80px;gap:1rem;padding:.5rem 2rem;border-bottom:1px solid var(--border-2);align-items:center}.promo-code-cell{display:flex;align-items:center}.promo-code-cell.actions{justify-content:center}.promo-code-cell.actions span{display:flex;align-items:center;gap:.5rem}.logout-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--page-background);display:flex;align-items:center;justify-content:center;z-index:9999;color:inherit}@media (max-width: 768px){.main-nav{padding:.5rem 16px}.sidebar,.content-area{border:none}.nav-links.desktop-nav{display:none}.nav-links.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;margin:0;padding:0;z-index:10;background-color:var(--mobile-nav-bg);height:4.125rem;border-top:1px solid var(--border-2)}.nav-links.mobile-nav li{flex:1;display:flex}.nav-links.mobile-nav li a{flex:1;border-radius:0;flex-direction:column;font-size:.75rem;padding:8px;height:auto;gap:0;background-color:transparent}.nav-links.mobile-nav li a .nav-icon{width:1.5rem;height:1.5rem}.page-container{padding:.625rem 16px 4.125rem}.page-container.journals,.page-container.notebooks{padding-bottom:1rem;overflow-y:auto;padding:16px 16px 96px}.page-container.journals .item-cards,.page-container.notebooks .item-cards{gap:16px}.page-container .sidebar,.page-container .content-area{position:fixed;width:100%;top:3.6rem;bottom:4.125rem;border-radius:0;height:auto;max-width:100%}.main-content.content-view .sidebar,.main-content.content-view .content-area{transition:left .3s,opacity .3s}.main-content.content-view .sidebar{left:-100%;opacity:0}.main-content.content-view .content-area{left:0;opacity:1}.main-content.sidebar-view .sidebar,.main-content.sidebar-view .content-area{transition:left .3s,opacity .3s}.main-content.sidebar-view .sidebar{left:0;opacity:1}.main-content.sidebar-view .content-area{left:100%;opacity:0}.btn-back.toggle-content-view{display:flex}.promo-code-form{display:flex;flex-direction:column;padding:1rem;gap:1rem;max-height:50dvh;overflow-y:auto}.promo-code-form .form-group{width:100%}.promo-code-form .form-actions{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin-top:.5rem}.promo-code-form .form-actions .btn{width:fit-content;min-width:max-content}.promo-codes-header .promo-code-form .form-actions{top:.25rem}.promo-codes-grid-header{display:none}.promo-code-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.promo-code-cell{display:grid;grid-template-columns:120px 1fr;gap:1rem;width:100%}.promo-code-cell:before{content:attr(data-label);font-weight:600}.promo-code-cell.actions{justify-content:flex-start}.list-body{padding:0 0 16px 8px}.new-item-form{padding-right:16px}.note-editor-container{padding:1rem}.editor-toolbar{margin-left:-1rem;margin-right:-1rem}@media (hover: none) and (pointer: coarse){.list-item .custom-checkbox{opacity:1!important;pointer-events:auto!important}.list-item .custom-checkbox .checkbox{border-color:var(--hovered-item-custom-checkbox-border)!important}.list-item.edit-mode .drag-handle,.list-item.edit-mode .delete-item-btn{opacity:.5!important;display:block!important}.list-item:not(.edit-mode) .drag-handle,.list-item:not(.edit-mode) .delete-item-btn{display:none!important}}@media (hover: hover) and (pointer: fine){.list-item .drag-handle,.list-item .delete-item-btn{opacity:0!important;display:block!important;visibility:hidden}.list-item:hover .drag-handle,.list-item:hover .delete-item-btn{opacity:.5!important;visibility:visible}.list-item:hover .drag-handle:hover,.list-item:hover .delete-item-btn:hover{opacity:1!important}}}.theme-options .btn.btn-primary:hover,.theme-options .btn.btn-primary:active,.theme-options .btn.btn-primary:focus,.mode-options .btn.btn-primary:hover,.mode-options .btn.btn-primary:active,.mode-options .btn.btn-primary:focus{background-color:var(--btn-primary-bg)}.empty-state svg .fill-light-1{fill:var(--empty-state-light-1)}.empty-state svg .fill-light-2{fill:var(--empty-state-light-2)}.empty-state svg .fill-light-3{fill:var(--empty-state-light-3)}.empty-state svg .fill-dark{fill:var(--empty-state-dark)}.empty-state svg .stroke-dark{stroke:var(--empty-state-dark)}.popover-dialog{background:var(--surface-0);border-radius:16px;min-width:400px;max-width:656px;width:100%;margin:60px auto;box-shadow:0 8px 32px #0000002e;padding:16px;position:relative;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:1000}.modal-dialog{background:var(--modal-bg);border-radius:16px;min-width:400px;max-width:656px;width:100%;margin:60px auto;box-shadow:0 8px 32px #0000002e;padding:0;position:relative;max-height:calc(100vh - 120px);display:flex;flex-direction:column;z-index:1001}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;gap:.5rem}.modal-header .modal-header-content{display:flex;align-items:center;gap:12px}.modal-header .modal-icon{flex:0 0 auto}.modal-header .modal-icon svg{width:24px;height:24px}.modal-header .title-3{font-weight:500;font-size:1.2rem;margin:0}.modal-close{background:none;border:none;padding:5px;cursor:pointer;opacity:.6;transition:opacity .2s}.modal-close:hover{opacity:1}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0;max-height:calc(100vh - 120px)}.modal-footer{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:8px}.modal-dialog.encryption-modal{max-width:400px;background-color:var(--neutral-900);color:var(--neutral-200);border-radius:2px}.modal-dialog.encryption-modal .form-group label{color:var(--neutral-200)}.modal-dialog.encryption-modal .form-group input[type=password]{background-color:var(--neutral-800);color:var(--neutral-200);border:1px solid var(--neutral-700)}.modal-dialog.encryption-modal .modal-header .title-3{font-weight:500;font-size:1.2rem}.modal-dialog.encryption-modal .encryption-info{font-weight:400;color:var(--neutral-400)}.modal-dialog.create-notebook-modal{max-width:500px}.icon-grid,.color-grid{display:flex;flex-wrap:wrap;gap:16px}.icon-swatch{padding:8px;aspect-ratio:1 / 1;border-radius:50%;background:var(--surface-2);display:inline-flex;transition:border .2s;border:1px solid var(--surface-0);cursor:pointer;transition:background-color .2s}.icon-swatch:hover{background-color:var(--surface-3)}.icon-swatch svg{width:24px;height:24px;display:block}.icon-swatch.selected{outline:2px solid var(--text-light)}.color-swatch{width:38px;height:38px;border-radius:50%;display:inline-block;transition:border .2s;border:1px solid var(--surface-0);cursor:pointer;transition:opacity .2s}.color-swatch:hover{opacity:.8}.color-swatch.selected{outline:2px solid var(--text-light)}.warning-text{color:var(--error-color);font-size:.9rem;padding:1rem;background-color:var(--error-color-tint);border:1px solid var(--error-color);border-radius:6px;margin-bottom:1.5rem}.encryption-warning-text{color:var(--error-color);font-size:.9rem;padding:1rem;background-color:var(--neutral-850);border:1px solid var(--error-color);border-radius:6px;margin:1rem 0 0}.plan-info{margin-bottom:2rem;padding:1rem;border:1px solid var(--border-2);border-radius:8px;background-color:var(--surface-2)}.plan-type h5{margin-bottom:.5rem;color:var(--text-2);font-size:1rem;font-weight:600}.plan-name{font-size:1.25rem;font-weight:600;color:var(--text-1);margin:0}.usage-section{margin-bottom:2rem}.usage-section h5{margin-bottom:1rem;color:var(--text-2);font-size:1rem;font-weight:600}.usage-item{margin-bottom:1.5rem}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.usage-label{font-weight:500;color:var(--text-1)}.usage-count{font-size:.875rem;color:var(--text-2)}.usage-bar-container{display:flex;align-items:center;gap:.75rem}.usage-bar-background{flex:1;height:8px;background-color:var(--surface-3);border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.usage-percentage{font-size:.875rem;color:var(--text-2);min-width:3rem;text-align:right}.plan-limits-info{padding:1rem;border:1px solid var(--border-2);border-radius:8px;background-color:var(--surface-2)}.plan-limits-info h5{margin-bottom:1rem;color:var(--text-2);font-size:1rem;font-weight:600}.limits-list{list-style:none;padding:0;margin:0}.limits-list li{padding:.5rem 0;border-bottom:1px solid var(--border-2);color:var(--text-1)}.limits-list li:last-child{border-bottom:none}.list-item-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.import-modal{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.import-modal .import-upload-area{padding:2rem}.import-modal .file-drop-zone{border:2px dashed var(--border-3);border-radius:8px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:var(--surface-1);cursor:pointer}.import-modal .file-drop-zone.drag-active{border-color:var(--primary-500);background:var(--primary-tint-100)}.import-modal .upload-content .upload-icon{font-size:3rem;margin-bottom:1rem}.import-modal .upload-content h3{margin:0 0 .5rem;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .upload-content p{margin:0 0 1.5rem;color:var(--text-regular);font-size:1rem}.import-modal .file-requirements{background:var(--surface-2);padding:1rem;border-radius:4px;margin:1.5rem 0;text-align:left}.import-modal .file-requirements h4{margin:0 0 .5rem;color:var(--text-strong);font-size:1rem;font-weight:600}.import-modal .file-requirements ul{margin:0;padding-left:1.5rem;list-style:none}.import-modal .file-requirements li{margin:.25rem 0;color:var(--text-regular);position:relative}.import-modal .file-requirements li:before{content:"•";color:var(--primary-500);font-weight:700;position:absolute;left:-1.5rem}.import-modal .import-progress{text-align:center;padding:3rem 2rem}.import-modal .progress-indicator{display:flex;flex-direction:column;align-items:center;gap:1rem}.import-modal .import-progress h3{margin:0;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .import-progress p{margin:0;color:var(--text-regular);font-size:1rem}.import-modal .spinning{animation:spin 1s linear infinite}.import-modal .import-success{text-align:center;padding:2rem}.import-modal .success-icon{font-size:3rem;margin-bottom:1rem}.import-modal .import-success h3{margin:0 0 1rem;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .import-stats{background:var(--surface-2);padding:1.5rem;border-radius:8px;margin:1.5rem 0;text-align:left}.import-modal .import-stats p{margin:.5rem 0;color:var(--text-regular);font-size:1rem}.import-modal .import-stats strong{color:var(--text-strong)}.import-modal .warning{color:var(--error-color);background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.75rem;border-radius:4px;margin:1rem 0;font-size:.95rem}.import-modal .success-message{color:var(--primary-700);background:var(--primary-tint-100);border:1px solid var(--primary-200);padding:1rem;border-radius:4px;margin:1rem 0;font-size:.95rem;font-weight:500}.import-modal .import-error{text-align:center;padding:2rem}.import-modal .error-icon{font-size:3rem;margin-bottom:1rem}.import-modal .import-error h3{margin:0 0 1rem;color:var(--text-strong);font-weight:600;font-size:1.25rem}.import-modal .error-message{color:var(--error-color);background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:1rem;border-radius:4px;margin:1rem 0;font-size:.95rem}.import-modal :root.dark .file-drop-zone{border-color:var(--border-3)}.import-modal :root.dark .warning{color:#ea3b3b;background:#ea3b3b1a;border-color:#ea3b3b4d}.import-modal :root.dark .error-message{color:#ea3b3b;background:#ea3b3b1a;border-color:#ea3b3b4d}@media (max-width: 768px){.import-modal .import-upload-area,.import-modal .import-progress,.import-modal .import-success,.import-modal .import-error{padding:1.5rem 1rem}.import-modal .file-drop-zone{padding:2rem 1.5rem}.import-modal .upload-content .upload-icon,.import-modal .success-icon,.import-modal .error-icon{font-size:2.5rem}.import-modal .upload-content h3,.import-modal .import-success h3,.import-modal .import-error h3,.import-modal .import-progress h3{font-size:1.125rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000}.modal-content{background-color:var(--surface-1);padding:20px;border-radius:8px;min-width:300px;box-shadow:0 2px 10px #0000001a}.modal-content.confirmation-modal{max-width:450px;padding:2rem}.modal-content.confirmation-modal p{margin-bottom:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-content p{margin:0 0 20px;font-size:16px}.storage-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:12px;margin:8px 0;font-size:14px;color:#92400e}.storage-warning-title{font-weight:600;margin-bottom:4px}.storage-warning-message{margin-bottom:8px}.storage-warning-details{font-size:12px;color:#78350f;display:flex;align-items:center;gap:8px}.storage-warning-save-button{padding:4px 12px;font-size:12px;background-color:#059669;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.storage-warning-dismiss-button{padding:2px 8px;font-size:12px;background-color:#f59e0b;color:#fff;border:none;border-radius:4px;cursor:pointer}