@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Roboto:wght@300;400;500;700&display=swap";:root{--color-slate-charcoal: #2F353B;--color-muted-blue-grey: #6C7A89;--color-light-cool-grey: #F0F2F5;--color-muted-bronze: #A89F91;--color-muted-sage: #879F92;--color-muted-slate-blue: #738FA7;--color-muted-terra-cotta: #B58B80;--color-muted-mustard: #C2B083;--color-muted-lavender: #968C9E;--color-muted-teal: #769491;--color-white: #FFFFFF;--color-error-bg: #F8D7DA;--color-error-text: #721C24;--color-success-bg: #D4EDDA;--color-success-text: #155724;--color-post-it: #fff740;--font-heading: "Lora", serif;--font-body: "Roboto", sans-serif;font-family:var(--font-body),sans-serif;line-height:1.6;font-weight:400;color:var(--color-slate-charcoal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-light-cool-grey)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading),sans-serif;color:var(--color-slate-charcoal);font-weight:600;margin-top:0}.top-menu{position:sticky;top:0;background-color:var(--color-white);box-shadow:0 1px 3px #0000000d;padding:1rem 2rem;z-index:1000;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.app-bar-header{background-color:var(--color-white)!important;color:var(--color-slate-charcoal)!important;box-shadow:0 1px 3px #0000000d!important;border-bottom:1px solid rgba(0,0,0,.05)}.app-bar-header button{color:var(--color-slate-charcoal)!important}.app-bar-footer{background-color:var(--color-slate-charcoal)!important;color:var(--color-white)!important}.app-bar-footer button{color:var(--color-white)!important}.home-button{padding:.5rem;background-color:transparent;color:var(--color-slate-charcoal);border:none;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-body),sans-serif;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.home-button:hover{opacity:1;text-decoration:underline;background-color:#00000008}.home-button-icon{height:32px;width:auto;display:block}.layout{display:flex;min-height:calc(100vh - 64px)}.side-menu{width:280px;background-color:var(--color-white);box-shadow:1px 0 3px #0000000d;padding:2rem 0}.side-menu-item{padding:1rem 2rem;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent;color:var(--color-slate-charcoal);font-family:var(--font-body),sans-serif}.side-menu-item:hover{background-color:var(--color-light-cool-grey);border-left-color:var(--color-muted-blue-grey)}.side-menu-item.active{background-color:#e8ecef;border-left-color:var(--color-slate-charcoal);font-weight:500}.content{flex:1;padding:2rem}.card{background:var(--color-white);border-radius:2px;padding:2.5rem;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.02)}.card h2{color:var(--color-slate-charcoal);margin-bottom:1.5rem;font-size:1.75rem;font-weight:600;border-bottom:1px solid var(--color-light-cool-grey);padding-bottom:.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.input-group label{color:var(--color-slate-charcoal);font-weight:500;font-size:.95rem}.input{padding:.75rem;border:1px solid #CFD8DC;border-radius:2px;font-size:1rem;font-family:var(--font-body),sans-serif;transition:all .3s ease;background:var(--color-white);color:var(--color-slate-charcoal)}.input:focus{outline:none;border-color:var(--color-slate-charcoal);box-shadow:0 0 0 2px #2f353b1a}.input:disabled{background:var(--color-light-cool-grey);cursor:not-allowed;color:#90a4ae}.button{padding:.75rem 2rem;background-color:var(--color-slate-charcoal);color:var(--color-white);border:1px solid var(--color-slate-charcoal);border-radius:2px;font-size:1rem;font-weight:500;font-family:var(--font-body),sans-serif;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.button:hover:not(:disabled){background-color:var(--color-slate-charcoal);text-decoration:underline;box-shadow:0 2px 8px #00000026}.button:disabled{background:#b0bec5;border-color:#b0bec5;cursor:not-allowed}.message{padding:1rem;border-radius:2px;margin-bottom:1rem;font-weight:500}.message.success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid #c3e6cb}.message.error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid #f5c6cb}.hero-headline{font-family:var(--font-heading),sans-serif;font-size:3rem;line-height:1.2;color:var(--color-slate-charcoal)}.hero-subheadline{font-family:var(--font-body),sans-serif;font-size:1.25rem;color:var(--color-muted-blue-grey);margin-top:1rem}@media (max-width: 880px){.layout{flex-direction:column}.side-menu{width:100%}.top-menu,.content{padding:1rem}.hero-headline{font-size:1.8rem!important}}@media (max-width: 480px){.hero-headline{font-size:1.1rem!important}.hero-subheadline{font-size:.8rem!important}}.App{display:flex;flex-direction:column;height:100vh;margin:0;padding:0;background-color:var(--color-light-cool-grey)}.layout-container{display:flex;flex:1;overflow:hidden}.content{flex:1;overflow-y:auto;padding:.25rem}