@charset "UTF-8";.hero-container{display:grid;place-items:center;min-height:70vh;width:100%;padding:2rem;box-sizing:border-box}.hero-container .hero-content{width:100%;max-width:760px;text-align:center}.hero-container .hero-content .social-login-container .social-btn{width:160px;height:160px}.hero-container .hero-content .social-login-container .social-btn .provider-icon{width:50px;min-height:50px}.hero-container .hero-content .social-login-container .social-btn p{font-size:20px;color:#555}.hero-container .hero-content h1{font-size:2.5rem;font-weight:700;color:#263628;margin:0 0 .5rem;letter-spacing:-.5px}.hero-container .hero-content h2{font-size:2rem;font-weight:500;color:#263628;margin:0 0 1.5rem;letter-spacing:-.5px}.hero-container .hero-content .hero-subtitle{font-size:1.125rem;color:#5d8563;margin:0 0 2.5rem}.hero-container .hero-form{display:flex;flex-direction:row;gap:1rem;width:100%;align-items:center}.hero-container .hero-form .btn-primary{white-space:nowrap;padding:1.125rem 2.25rem;font-size:1.125rem;border-width:2px;border-radius:.75rem;height:auto}.hero-container .hero-form .btn-primary:hover{box-shadow:0 6px 20px #488b4940}.hero-container .hero-form input{flex:1;padding:1.125rem 1.5rem;font-size:1.125rem;border:2px solid rgb(174.2010309278,198.2989690722,177.7448453608);border-radius:12px;outline:none;transition:all .2s ease-in-out}.btn-primary{background-color:#488b49;height:42px;color:#fff;border:1px solid #488b49;padding:10px 20px;font-size:.88rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;outline:none}.btn-primary:hover{background-color:#3a703b;border-color:#3a703b;box-shadow:0 4px 12px #488b4933}.btn-primary:focus{box-shadow:0 0 0 4px #488b4940}.btn-close{background:none;border:none;font-size:24px;color:#81a787;cursor:pointer;transition:color .2s;padding:0;line-height:1}.btn-close:hover{color:#f79256}.btn-close:focus{outline:none}.btn-delete{width:12px;height:20px;background:none;border:none;color:#ccc;font-size:1.2rem;line-height:1;cursor:pointer;padding:0 4px;border-radius:4px;transition:color .2s}.btn-delete:hover{color:#de350b}input,textarea{box-sizing:border-box;width:100%;padding:14px 16px;font-size:15px;color:#263628;background-color:#fcfcfc;border:1px solid rgb(174.2010309278,198.2989690722,177.7448453608);border-radius:8px;transition:all .2s ease-in-out;outline:none;font-family:inherit}input::placeholder,textarea::placeholder{color:#90b195}input:focus,textarea:focus{border-color:#2274a5;background-color:#fff;box-shadow:0 0 0 4px #2274a526}textarea{resize:none;min-height:100px}.modern-form{display:flex;flex-direction:column;gap:24px;background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 24px #50725514}.modern-form .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.modern-form .modal-header h3{margin:0;color:#263628;font-size:1.3rem}.modern-form .form-group{display:flex;flex-direction:column;gap:8px}.modern-form .form-group label{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#507255;margin:.1rem .5rem}.modern-form .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px}.modern-form .form-actions button{padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s;outline:none}.modern-form .form-actions .btn-cancel{background:transparent;color:#507255;border:1px solid transparent}.modern-form .form-actions .btn-cancel:hover{background-color:#f7925614;color:#f57325}.modern-form .form-actions .btn-cancel:focus{box-shadow:0 0 0 4px #f7925626}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;scrollbar-width:none;-ms-overflow-style:none}html,body{height:100%;margin:0}app-root{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}::-webkit-scrollbar{display:none}body:has(dialog[open]){overflow:hidden}dialog.modal-dialog{border:none;background:transparent;padding:0;overflow:visible;width:560px}dialog.modal-dialog::backdrop{background:#1a202c80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.snackbar-undo{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:24px;background-color:#1b271d;color:#fff;padding:14px 20px 14px 24px;border-radius:8px;box-shadow:0 6px 16px #0003;font-size:1.1em;animation:slide-up-fade .3s cubic-bezier(.4,0,.2,1) forwards}.snackbar-undo span{line-height:1.4}.snackbar-undo span strong{font-weight:600;color:#d6f6dd}.snackbar-undo .btn-undo{background:transparent;border:none;color:#f79256;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;padding:8px 12px;margin:-8px -4px -8px 0;border-radius:4px;transition:background-color .2s ease,color .2s ease}.snackbar-undo .btn-undo:hover{background-color:#f7925626;color:#f9b187}.snackbar-undo .btn-undo:focus{outline:none;box-shadow:0 0 0 2px #f7925666}@keyframes slide-up-fade{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.card{position:relative;padding:1rem;gap:10px;background-color:#f9f9f9!important;border:1px solid rgb(174.2010309278,198.2989690722,177.7448453608);border-radius:10px;box-shadow:0 2px 8px #5072550f;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;align-items:flex-start}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #5072551f;border-color:#90b195}.card:hover .btn-delete{opacity:1}.component-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.component-header h2{flex:1;margin:0;font-size:1.5rem;color:#263628}.provider-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;color:#555}.provider-icon.small{width:16px;height:16px;margin-top:4px;vertical-align:middle}.provider-icon.github{-webkit-mask-image:url(/icons/github.svg);mask-image:url(/icons/github.svg)}.provider-icon.google{-webkit-mask-image:url(/icons/google.svg);mask-image:url(/icons/google.svg)}.provider-icon.facebook{-webkit-mask-image:url(/icons/facebook.svg);mask-image:url(/icons/facebook.svg)}.provider-icon.linkedin{-webkit-mask-image:url(/icons/linkedin.svg);mask-image:url(/icons/linkedin.svg)}:host{display:flex;flex-direction:column;min-height:100vh}main.content-wrapper{flex:1}.app-footer{flex-shrink:0;background-color:#eaf0eb;border-top:1px solid rgb(153.2226804124,183.5773195876,157.6865979381);color:#263628;padding:14px 24px;font-size:.85rem}.app-footer .footer-container{width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.app-footer p{margin:0}.app-footer .copyright{font-weight:500}.app-footer .copyright a{color:#488b49;text-decoration:none;font-weight:600;transition:color .2s ease}.app-footer .copyright a:hover{color:#336334;text-decoration:underline}.app-footer .cookie-notice{font-size:.8rem;color:#3b543f;max-width:550px;text-align:right}@media(max-width:768px){.app-footer .footer-container{flex-direction:column;text-align:center}.app-footer .footer-container .cookie-notice{text-align:center}}.social-login-container{display:flex;gap:12px;justify-content:center}.social-login-container .social-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;background-color:#fff;border:none;cursor:pointer;margin:1px;width:120px;min-height:60px;height:120px}.social-login-container .social-btn svg{width:26px;height:26px;fill:#263628;margin-bottom:6px}.social-login-container .social-btn:hover{margin:0;border-radius:8px;background-color:#f7fdf9;border:1px solid rgb(129.2474226804,166.7525773196,134.7628865979);box-shadow:0 4px 10px #50725514}.social-login-container .social-btn:focus{outline:none;box-shadow:0 0 0 3px #2274a533}.divider{display:flex;align-items:center;text-align:center;margin:35px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgb(174.2010309278,198.2989690722,177.7448453608)}.divider span{padding:0 20px;font-size:1.4em;font-weight:500;color:#729c78}