.login-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#000000b3,#00000080),url(/backfinland6.jpg);background-size:cover;background-position:center;background-attachment:fixed;padding:20px}.login-container{animation:fadeInUp .6s ease-out}.login-card{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d!important}.login-card-content{padding:48px 40px!important}.login-logo-container{display:flex;justify-content:center;margin-bottom:32px}.login-logo{max-width:200px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:fadeIn .8s ease-out}.login-title{text-align:center;font-weight:600!important;color:#1a1a1a;margin-bottom:32px!important;background:linear-gradient(135deg,#1976d2,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-error{margin-bottom:24px!important;border-radius:12px!important;animation:shake .5s ease}.login-form{display:flex;flex-direction:column;gap:24px}.login-input{animation:slideIn .5s ease-out}.login-input .MuiOutlinedInput-root{border-radius:12px;background:#ffffffe6;transition:all .3s ease}.login-input .MuiOutlinedInput-root:hover{background:#fff;box-shadow:0 4px 12px #00000014}.login-input .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 4px 16px #1976d233}.login-button{margin-top:8px!important;padding:14px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;text-transform:none!important;background:linear-gradient(135deg,#1976d2,#42a5f5)!important;box-shadow:0 4px 12px #1976d24d!important;transition:all .3s ease!important}.login-button:hover{background:linear-gradient(135deg,#1565c0,#1976d2)!important;box-shadow:0 6px 20px #1976d266!important;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-auto-login-button{padding:14px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;text-transform:none!important;border-color:#ed6c02!important;color:#ed6c02!important}.login-auto-login-button:hover{border-color:#e65100!important;background:#ed6c0214!important}.login-link{font-weight:600;text-decoration:none;color:#1976d2;transition:color .3s ease}.login-link:hover{color:#1565c0;text-decoration:underline}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (max-width: 600px){.login-card-content{padding:32px 24px!important}.login-logo{max-width:150px}.login-title{font-size:1.75rem!important}}.register-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#000000b3,#00000080),url(/backfinland6.jpg);background-size:cover;background-position:center;background-attachment:fixed;padding:20px}.register-container{animation:fadeInUp .6s ease-out}.register-card{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.register-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d!important}.register-card-content{padding:48px 40px!important}.register-logo-container{display:flex;justify-content:center;margin-bottom:32px}.register-logo{width:200px;max-width:100%;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.register-title{text-align:center;font-weight:600!important;color:#1a1a1a;margin-bottom:32px!important;background:linear-gradient(135deg,#1976d2,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-error-slot{min-height:48px;margin-bottom:8px}.register-error{margin-bottom:0!important;border-radius:12px!important}.register-success{margin-bottom:24px!important;border-radius:12px!important;animation:fadeIn .5s ease}.register-form{display:flex;flex-direction:column;gap:20px}.register-input .MuiOutlinedInput-root{border-radius:12px;background:#ffffffe6;transition:background .3s ease,box-shadow .3s ease}.register-input .MuiOutlinedInput-root:hover{background:#fff;box-shadow:0 4px 12px #00000014}.register-input .MuiOutlinedInput-root.Mui-focused{background:#fff;box-shadow:0 4px 16px #1976d233}.register-button{margin-top:8px!important;padding:14px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;text-transform:none!important;background:linear-gradient(135deg,#1976d2,#42a5f5)!important;box-shadow:0 4px 12px #1976d24d!important;transition:all .3s ease!important}.register-button:hover{background:linear-gradient(135deg,#1565c0,#1976d2)!important;box-shadow:0 6px 20px #1976d266!important;transform:translateY(-2px)}.register-button:active{transform:translateY(0)}.register-link{font-weight:600;text-decoration:none;color:#1976d2;transition:color .3s ease}.register-link:hover{color:#1565c0;text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 600px){.register-card-content{padding:32px 24px!important}.register-logo{max-width:150px}.register-title{font-size:1.75rem!important}}.form-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:1000px;margin:0 auto}.header{text-align:center;margin-bottom:30px}.section{margin-bottom:30px;border:2px solid #333;padding:15px}.section-title{font-weight:700;font-size:18px;background-color:#e8e8e8;padding:8px;margin:-15px -15px 15px}.criteria-row{display:flex;align-items:center;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:8px}.criteria-label{flex:1;font-weight:700;min-width:300px}.score-grid{display:flex;gap:5px;align-items:center}.score-box{width:30px;height:30px;border:2px solid #333;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;font-weight:700}.score-box:hover{background-color:#e0e0e0}.score-box.selected{background-color:#ff9}.max-points{margin-left:15px;font-weight:700;color:#666}.totals{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:20px;background-color:#f0f0f0;border:2px solid #333}.total-box{display:flex;flex-direction:column;align-items:center;gap:10px}.total-input{width:80px}.total-input .MuiOutlinedInput-root{background-color:#ff9;height:40px}.total-input .MuiOutlinedInput-input{text-align:center;font-size:18px;font-weight:700}.settings{display:flex;gap:20px;margin-bottom:20px;align-items:center}.checkbox-group{display:flex;align-items:center;gap:10px}.install-btn{padding:10px 20px!important;font-size:16px!important}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}table{background-color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}.app-header-row{display:flex;align-items:center;width:100%;gap:8px;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d}header{flex:1;min-width:0;color:#212529}.nav-area{display:flex;align-items:center;width:100%;margin:0;padding:10px 20px;gap:10px}.logo{text-decoration:none;font-size:25px;color:inherit;margin-right:20px;flex-shrink:0;display:block;width:150px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:left center}.desktop-nav{flex:1;min-width:0}.desktop-nav .menus{display:flex;align-items:center;flex-wrap:nowrap;list-style:none;width:100%;min-width:0}.desktop-nav .menus>.menu-items{flex-shrink:0}.desktop-nav .menus>.menu-items>a,.desktop-nav .menus>.menu-items>button{white-space:nowrap}.desktop-nav .menu-items.menu-items--overflow-hidden{position:absolute;visibility:hidden;pointer-events:none}.desktop-nav .menu-overflow{flex-shrink:0}.desktop-nav .menu-overflow__button{display:flex;align-items:center;justify-content:center;min-width:44px;padding:.7rem .6rem;border:none;background:transparent;color:inherit;cursor:pointer}.desktop-nav .menu-overflow>.dropdown{right:0;left:auto}.desktop-nav .menu-overflow>.dropdown .dropdown{position:static;box-shadow:none;min-width:0;padding:0;border-radius:0}.desktop-nav .menu-items{position:relative;font-size:14px;float:left;list-style-type:none}.desktop-nav .menu-items a{display:block;font-size:inherit;color:inherit;text-decoration:none}.desktop-nav .menu-items button{display:flex;align-items:center;color:inherit;font-size:inherit;border:none;background-color:transparent;cursor:pointer;width:100%}.desktop-nav button span{margin-left:3px}.desktop-nav .menu-items>a,.desktop-nav .menu-items button{text-align:left;padding:.7rem 1rem}.desktop-nav .menu-items a:hover,.desktop-nav .menu-items button:hover{background-color:#f2f2f2}.desktop-nav .arrow:after{content:"";display:inline-block;margin-left:.28em;vertical-align:.09em;border-top:.42em solid;border-right:.32em solid transparent;border-left:.32em solid transparent}.desktop-nav .dropdown{position:absolute;right:0;left:auto;box-shadow:0 10px 15px -3px #2e293314,0 4px 6px -2px #473f4f29;font-size:.875rem;z-index:9999;min-width:10rem;padding:.5rem 0;list-style:none;background-color:#fff;border-radius:.5rem;display:none}.desktop-nav .dropdown .menu-items{float:none;width:100%}.desktop-nav .dropdown.show{display:block}.desktop-nav .dropdown .dropdown-submenu{position:absolute;left:100%;top:-7px}.mobile-nav{display:none}@media screen and (max-width: 960px){.nav-area{justify-content:space-between}.desktop-nav{display:none;text-align:right}.mobile-nav{display:block}.mobile-nav .mobile-nav__menu-button{color:inherit;font-size:inherit;border:none;background-color:transparent;cursor:pointer;position:relative;padding:8px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.mobile-nav .mobile-nav__menu-button:active{background-color:#0000000d;border-radius:4px}.mobile-nav .menus{list-style:none;position:absolute;top:60px;right:10px;left:10px;max-width:400px;margin-left:auto;box-shadow:0 10px 15px -3px #2e293314,0 4px 6px -2px #473f4f29;z-index:9999;padding:.5rem 0;background-color:#fff;border-radius:.5rem;max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav .menu-items{list-style:none}.mobile-nav .menu-items a{display:block;font-size:16px;color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.mobile-nav .menu-items button{display:flex;align-items:center;color:inherit;font-size:16px;border:none;background-color:transparent;cursor:pointer;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.mobile-nav .menu-items>a,.mobile-nav .menu-items button{text-align:left;padding:.9rem 1.2rem;min-height:44px}.mobile-nav .menu-items a:active,.mobile-nav .menu-items button:active{background-color:#f2f2f2}@media (hover: hover){.mobile-nav .menu-items a:hover,.mobile-nav .menu-items button:hover{background-color:#f2f2f2}}.mobile-nav .arrow:after{content:"";display:inline-block;margin-left:auto;vertical-align:.09em;border-top:.42em solid;border-right:.32em solid transparent;border-left:.32em solid transparent}.mobile-nav .arrow-close:after{content:"";display:inline-block;margin-left:auto;vertical-align:.09em;border-bottom:.42em solid;border-right:.32em solid transparent;border-left:.32em solid transparent}.mobile-nav .dropdown{margin-left:1.2em;font-size:.9rem;padding:.5rem 0;list-style:none;display:none;background-color:#f9f9f9}.mobile-nav .dropdown.show{display:block}.mobile-nav .dropdown .menu-items a,.mobile-nav .dropdown .menu-items button{font-size:15px}}@media screen and (max-width: 480px){.nav-area{padding:10px 15px;gap:5px}.logo{font-size:20px;margin-right:5px;width:120px;height:32px}.mobile-nav .menus{right:5px;left:5px}}@media screen and (max-width: 960px){.logo{width:140px;height:38px;margin-right:10px}.nav-area{gap:8px}}.content{max-width:1200px;margin:0 auto;padding:3rem 20px}.content h1{font-size:2rem}@media screen and (max-width: 960px){.content{padding:2rem 15px}.content h1{font-size:1.5rem}.content h2{font-size:1.3rem}.content h3{font-size:1.1rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}input,select,textarea,button{font-size:16px!important;min-height:44px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],select,textarea{font-size:16px}}@media screen and (max-width: 480px){.content{padding:1.5rem 10px}.content h1{font-size:1.3rem}}#error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:20px}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}