:root{--primary-color: #f0f8ff;--primary-mobile-color: rgb(137, 92, 30);--header-background-color: #2c3e50;--header-text-color: #ffffff;--footer-background-color: #2c3e50;--footer-text-color: #ffffff;--secondary-color: #490db9;--accent-color: #060607;--main-content-background-color: #f4f4f4;--text-color: black;--main-content-background-text-color: #333333;--header-height: 65px}.banner{border:1px solid;border-radius:5px;padding:.5rem;position:relative;top:0;left:50%;transform:translate(-50%);margin-bottom:1rem;font-weight:700;font-size:1.5rem}.unsupported-message{display:none}*{box-sizing:border-box}@media only screen and (max-width: 767px){html,body{max-width:100%;height:100%;margin:0;background:linear-gradient(135deg,#3b82f6,#6366f1)}body{-webkit-overflow-scrolling:touch}body::-webkit-scrollbar{display:none}.app-container{border-radius:.5rem;padding:1rem;margin:0 auto;font-size:1rem;overflow-y:auto;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#3b82f6,#6366f1)}.confirmation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:"90%";z-index:1000;margin-top:1rem}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;color:red;font-weight:700;font-size:"1rem";padding:.5rem;border-radius:8px;line-height:1rem;gap:1rem;text-align:justify}.confirmation-content button{font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}.hamburger-icon{margin-left:50%;transform:translate(-50%)}.places{display:flex;flex-direction:column;background-color:#d6d6bbb8;margin-top:6rem;padding:.5rem;border-radius:1rem;text-align:justify;font-size:1rem;overflow-y:auto}}@media screen and (min-width: 1025px){html,body{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:3%;margin-right:3%;background-color:#f9f9f9;background-size:cover;background-position:center;border-radius:1rem}body::-webkit-scrollbar{display:true}.app-container{border-radius:2rem;padding:1rem;z-index:1;background-size:cover;background-position:center;min-width:60vw;max-height:100vh;color:#000;font-weight:700;font-size:1.5rem}.huolto{height:60%;overflow-y:auto}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4 rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:50%;z-index:1000;margin-top:1rem}.confirmation-content{align-items:center;background:transparent;padding:1rem;border-radius:1rem;line-height:3rem;color:red;font-weight:700;gap:1rem;text-align:justify}#ok{display:flex;flex-direction:column;margin-top:rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}.mail{display:flex;flex-direction:column;padding:.1rem;gap:1rem}#saveButton{margin-top:4rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}#softaapu-logo{width:"34rem";height:"34rem"}.footer{position:relative;left:0;bottom:0;right:0;z-index:999;display:flex;width:100%;background-color:#f2b7589a;padding:.5rem;border-color:green;border:1px solid}.footer-items{justify-content:flex-end;align-items:center}.footer-items img{margin-right:20px;width:3rem}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.host-nav{display:flex;margin-top:2rem;display:inline-block;justify-content:center;background-color:gray;font-weight:700;gap:1rem}.host-nav a{justify-content:center;text-decoration:none;color:#b21313;font-size:16px;padding:8px 16px;transition:color .3s ease}.host-nav a:hover{color:#f67214}h3.cv-contact-title{margin-top:40px;margin-left:0}#mailIcon{margin-top:120px}.row{display:table-row;font-size:14px;text-align:left;justify-content:left;border-bottom:1px solid;margin-left:2%}.cell{display:table-cell;padding:2rem}.logout-text{width:50%;height:50%}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.hire--whys{margin-top:10px}.places{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:.5rem;font-size:1rem;font-weight:700;background-color:#d6d6bbb8;margin:2rem;padding:1rem;border-radius:1rem}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){html,body{display:flex;justify-content:center;align-items:center;flex-direction:column}body::-webkit-scrollbar{display:true}.app-container{border-radius:2rem;padding:1rem;z-index:1;background:#d3d3d3;background-size:cover;background-position:center;width:95vw}.showWk{display:flex;flex-direction:column;gap:1rem;max-height:50%;overflow-y:auto}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4 rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;z-index:1000}.confirmation-content{position:fixed;top:30%;left:30%;max-width:50%;max-height:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:1rem;border-radius:8px;line-height:30px;gap:1rem;text-align:justify}#ok{margin-top:rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}.mail{display:flex;flex-direction:column;padding:.1rem;gap:1rem}#saveButton{margin-top:4rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}#softaapu-logo{width:"34rem";height:"34rem"}.footer{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:flex-end;align-items:center;width:100%;background-color:#f2b7589a;padding:.5rem 1rem;box-sizing:border-box}.footer-items{display:flex;align-items:center}.footer-items img{width:24px;height:24px}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.host-nav{display:flex;justify-content:center;font-weight:700}.host-nav a{justify-content:center;text-decoration:none;color:#b21313;font-size:16px;padding:8px 16px;transition:color .3s ease}.host-nav a:hover{color:#f67214}h3.cv-contact-title{margin-top:40px;margin-left:0}#mailIcon{margin-top:120px}.row{display:table-row;font-size:14px;text-align:left;justify-content:left;border-bottom:1px solid;margin-left:2%}.cell{display:table-cell;padding:2rem}.logout-text{width:50%;height:50%}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.hire--whys{margin-top:10px}}.main-header{display:none;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:1000;height:var(--header-height);background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:0 1.5rem}html.dark .main-header{background-color:#1f2937;box-shadow:0 2px 4px #0000004d}.header-logo{display:none;color:#3b82f6;text-decoration:none;transition:color .3s ease}.header-logo:hover,.header-logo.active{color:#1e40af}.header-logo svg{font-size:2rem}.main-header .hamburger-menu{display:block}@media (max-width: 767px){.main-header,.header-logo{display:none!important}}@media (min-width: 768px){.main-header{display:none;padding:0 2rem}.header-logo{display:flex;align-items:center}.header-logo svg{font-size:2.5rem}.main-header .hamburger-menu{display:none}}@media (min-width: 1025px){.main-header{display:none}.header-logo svg{font-size:3rem}}.footer{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;position:fixed;bottom:0;left:0;width:100vw;background-color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;padding:.75rem .5rem;z-index:1000}.footer .MuiSvgIcon-root,.footer img{font-size:2.5rem;width:2.5rem;height:2.5rem;color:#333}@media (min-width: 768px){.footer{flex-direction:column;justify-content:flex-start;align-items:center;top:2rem;bottom:auto;left:0;width:80px;height:auto;max-height:90vh;border-radius:0 1.5rem 1.5rem 0;padding:1rem 0}.footer .MuiSvgIcon-root,.footer img{font-size:2rem;width:2rem;height:2rem;margin-bottom:1rem}.footer .MuiIconButton-root:last-child{margin-bottom:0}}.navbar{display:flex;justify-content:space-between;align-items:center;height:64px;padding:0 16px;background-color:#fff;box-shadow:0 2px 8px #0000000d;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar-logo a{text-decoration:none;font-weight:600;font-size:1.2rem;color:#333}.navbar-logo-img{height:64px;width:auto;display:block}.hamburger-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:20px;width:24px}.bar{height:2px;width:100%;background-color:#333;transition:all .3s ease}.hamburger-button.open .bar:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger-button.open .bar:nth-child(2){opacity:0}.hamburger-button.open .bar:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.mobile-menu{position:fixed;top:64px;left:0;right:0;background-color:#fff;transform:translateY(-100%);transition:transform .3s ease-in-out;box-shadow:0 4px 12px #0000001a;z-index:999}.mobile-menu.show{transform:translateY(0)}.mobile-menu ul{list-style:none;margin:0;padding:1rem}.mobile-menu li{margin:.5rem 0}.mobile-menu a{display:block;padding:.75rem 1rem;color:#333;text-decoration:none;border-radius:8px;font-weight:500}.mobile-menu a:hover,.mobile-menu a.active{background-color:#f5f5f5;color:#000}.menu-overlay{position:fixed;inset:64px 0 0;background:#0000004d;z-index:998}@media only screen and (min-width: 1025px){.admin{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;min-height:20vh}}@media only screen and (min-width: 980px){.admin{display:flex;flex-direction:column;justify-content:center;margin-top:1rem;align-items:center;font-weight:700;background-color:gray;color:red;gap:1rem}}:root{--primary: #1E40AF;--primary-dark: #1e3a8a;--secondary: #10B981;--background: #FFFFFF;--surface: #F9FAFB;--text-primary: #1F2937;--text-secondary: #4B5563;--text-light: #FFFFFF;--card-bg: #FFFFFF;--card-border: #E5E7EB;--shadow-sm: rgba(0, 0, 0, .08);--shadow-md: rgba(0, 0, 0, .12);--error: #DC2626;--success: #10B981}.cookie-banner{position:fixed;top:0;left:0;width:100%;background-color:var(--text-primary);color:var(--text-light);text-align:center;padding:12px 20px;z-index:9999;display:flex;justify-content:center;align-items:center;font-size:.9rem;box-shadow:0 4px 6px var(--shadow-sm);font-weight:500}.cookie-banner span{margin-right:12px}.home-root{position:relative;width:100%;min-height:100vh;background-color:var(--background);display:flex;flex-direction:column;align-items:stretch;padding-top:5rem;color:var(--text-primary)}html.light .home-root{background-color:#f1f5f9}.hero{background-color:var(--primary);color:var(--text-light);text-align:center;padding:5rem 1rem 4rem;border-radius:0 0 2rem 2rem;margin-top:-4rem}.hero-inner{max-width:900px;margin:0 auto}.home-title{font-size:2.4rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.home-teksti{font-size:1.1rem;line-height:1.7;text-align:justify;margin-bottom:2rem;opacity:.95}.video-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.video-button{background-color:var(--secondary);color:var(--text-light);padding:12px 28px;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b9814d}.video-button:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.video-button:active{transform:translateY(0)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem;padding:2rem 1rem;max-width:1100px;margin:-4rem auto 3rem;position:relative;z-index:2}.card{background:var(--card-bg);color:var(--text-primary);border-radius:1.25rem;padding:1.5rem 1rem;text-align:center;box-shadow:0 4px 12px var(--shadow-sm);border:1px solid var(--card-border);cursor:pointer;transition:all .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 8px 20px var(--shadow-md);border-color:var(--primary)}.card img{width:64px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.card span{display:block;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.admin-card{color:var(--primary)}.admin-icon{font-size:3.2rem!important;color:var(--primary);margin-bottom:.5rem}.admin-card span{font-weight:700;color:var(--primary)}.theBear{width:64px;height:64px;background-color:var(--primary);border-radius:50%;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.theBear img{width:70%;height:auto}.shop-text{font-weight:700;color:var(--text-primary)}.weather-box{display:none}html.light .weather-box{background:#fffffff2;color:#1f2937;border:1px solid #e5e7eb}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.shake{animation:shake .5s ease-in-out}@media (max-width: 767px){.hero{padding:4rem 1rem 3rem;margin-top:-3rem}.home-title{font-size:2rem}.home-teksti{text-align:center;font-size:1rem}.cards-grid{grid-template-columns:1fr 1fr;gap:1.2rem;margin:-3rem auto 2rem}.card{padding:1rem .75rem}.card img,.theBear{width:56px;height:56px}.admin-icon{font-size:2.6rem!important}.video-button{padding:10px 20px;font-size:.95rem}.MuiDialog-paper{margin:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}}@media (min-width: 1025px){.profile{display:grid;grid-template-columns:100px 1fr auto;gap:2rem;margin:1rem;max-width:1400px;height:60vh;padding:1rem;align-items:start}.profile-photo{border-radius:1rem;width:100%;height:auto;object-fit:cover}.profile .info-section{display:flex;flex-direction:column;gap:1rem}.button-section{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}}@media (min-width: 768px) and (max-width: 1024px){.profile{display:flex;flex-direction:column;align-items:center;height:70vh;width:100%;gap:1.5rem;padding:1rem}.profile-photo{max-width:150px;width:auto;height:auto;border-radius:1rem;object-fit:cover;margin-top:1rem}.profile .info-section,.profile .button-section{width:100%;margin-top:-1rem}}@media (max-width: 767px){:root{--header-height: 30px;--footer-height: 40px}.profile{postion:fixed;top:var(--header-height);left:0;right:0;bottom:var(--footer-height);display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;width:100%;max-height:70vh;overflow-y:auto;margin-top:1rem}.profile-photo{max-width:120px;width:100%;height:auto;border-radius:1rem;object-fit:cover;margin-top:1rem;flex-shrink:0}.profile .info-section,.profile .button-section{width:100%}.row{font-size:1rem!important;font-weight:700!important}}@media only screen and (min-width: 1025px){.pyynnot{display:flex;flex-direction:row;border-radius:8px;overflow:auto;max-height:30vh;max-width:100%;margin-bottom:2rem;background-color:#d3d3d3}.pyynnot>h3{text-align:center;width:100%}.tarjouspyynto{display:flex}.tarjouspyynto-header{padding-bottom:.1rem}.tarjouspyynto-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:.5rem;height:auto;background-color:#d3d3d3;padding:1rem;font-size:2rem;margin:1rem auto;border-radius:8px;border:1px solid;width:30vw;gap:.5rem}.tarjouspyynto-message{width:100%}.tarjouspyynto-napit{display:flex;flex-direction:row;margin-left:1rem;font-size:1.5rem;gap:4rem;margin-bottom:1rem}.tarjouspyynto .MuiGrid-container .MuiTextField-root{width:100%;height:45px;box-sizing:border-box}.tarjouslomake h1,.tarjouslomake{display:flex;position:relative;top:15%;width:90%;left:10%;justify-content:center;margin:1rem}.tarjouslomake-nappi{display:flex;flex-direction:row;gap:1rem}.tarjouslomake .MuiContainer-root{padding:1rem;background-color:#f9f9f9;border-radius:8px}.tarjouslomake .MuiTypography-h4,.tarjouslomake .MuiTypography-h6{margin-bottom:.5rem;font-weight:600}.tarjouslomake-asiakas,.tarjouslomake-tarjoaja{display:flex;flex-direction:column;flex-wrap:wrap;width:50rem;height:20%;gap:1rem}.tarjouslomake-osapuolet{display:flex;flex-direction:row;gap:2rem}.tarjouslomake .MuiGrid-container{margin-bottom:1.5rem}.tarjouslomake-matkakulut{margin-top:-3rem}.tarjouslomake .MuiGrid-item{display:flex;flex-direction:column}.tarjouslomake .MuiButton-contained{display:inline-block;padding:.8rem 1.5rem;background-color:#1976d2;color:#fff}.tarjouslomake .MuiButton-contained:hover{background-color:#1565c0}.tarjouslomake .MuiTextField-root{margin-bottom:1rem}.tarjouslomake .MuiTextField-root input{display:flex;justify-content:center;padding:1rem;align-items:flex-start}.tarjouslomake .MuiBox-root{margin-bottom:1rem}.tarjouslomake .MuiTypography-body1{font-size:1rem;font-weight:400;color:#333}.tarjouslomake .MuiTypography-subtitle1{font-size:1rem;color:#f5f5f5}.tarjouslomake .MuiButton-root{display:flex;margin-top:.1rem;height:10px;text-align:center;justify-content:center}.tarjouslomake .MuiButton-root{background-color:#2196f3}.tarjouslomake .MuiButton-root:hover{background-color:#1976d2}.messages{position:relative;top:25%;left:0;max-width:45%;max-height:20%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.pyynnot{position:relative;top:50%;left:0;max-width:100%;max-height:30vh;padding:1rem;margin:0 auto;background-color:#d3d3d3;border-radius:8px;overflow:auto;text-align:center}.pyynnot>h3{text-align:center;width:100%}.messages{position:relative;top:10%;left:-12%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;max-width:85%;max-height:20%}.feedback,.register,.tarjouslomake{position:relative;margin:0 auto;padding:.5rem;max-width:90%;background-color:#d6d6bbb8;border-radius:.5rem;overflow-y:auto}.tarjouslomake .MuiTextField-root{margin-bottom:.8rem;width:100%}.tarjouslomake .MuiButton-contained{padding:.6rem 1.2rem;font-size:14px}.tarjouslomake-osapuolet{flex-direction:column;gap:1rem}.hamburger.menu-container{display:none}.tarjouspyynto{display:flex;justify-content:center;align-items:center;padding:1rem;color:#000;height:90vh;overflow:hidden;border-radius:.5rem;background-color:#fff}.tarjouspyynto-header{padding-bottom:.1rem}.tarjouspyynto-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:.5rem;height:auto;padding:1rem;font-size:2rem;margin:1rem auto;border-radius:8px;border:1px solid;width:100%;gap:.5rem}.tarjouspyynto-napit{display:flex;flex-direction:row;margin-top:1rem;font-size:2rem;font-weight:700;gap:1rem;margin-left:auto;margin-right:auto}.input-bold,.custom-textfield .MuiInputBase-input,.custom-textfield .MuiInputLabel-root{font-weight:700;font-size:2rem}}@media (max-width: 767px){.pyynnot{display:flex;flex-direction:column;border-radius:8px;overflow:auto;width:100%}.pyynnot>h3{text-align:center}.tarjouspyynto{display:flex}.tarjouspyynto-header{padding-bottom:.1rem}.tarjouspyynto-content{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:.5rem;height:auto;background-color:#d6d6bbb8;padding:1rem;font-size:2rem;margin:1rem auto;border-radius:8px;border:1px solid;max-width:90%;gap:.5rem;overflow:auto}.tarjouspyynto-message{width:100%}.tarjouspyynto-napit{display:flex;flex-direction:row;font-size:1.5rem;gap:2rem;margin-bottom:1rem;width:90%}.tarjouspyynto .MuiGrid-container .MuiTextField-root{width:100%;height:45px;box-sizing:border-box}.tarjouslomake h1,.tarjouslomake{display:flex;position:fixed;top:16%;width:90%;left:10%;justify-content:center;margin:rem}.tarjouslomake-nappi{display:flex;flex-direction:row;gap:1rem}.tarjouslomake .MuiContainer-root{padding:1rem;background-color:#f9f9f9;border-radius:8px}.tarjouslomake .MuiTypography-h4,.tarjouslomake .MuiTypography-h6{margin-bottom:.5rem;font-weight:600}.tarjouslomake-asiakas,.tarjouslomake-tarjoaja{display:flex;flex-wrap:wrap;width:50rem;gap:1rem}.tarjouslomake-osapuolet{display:flex;flex-direction:row;gap:2rem}.tarjouslomake .MuiGrid-container{margin-bottom:1.5rem}.tarjouslomake-matkakulut{margin-top:-3rem}.tarjouslomake .MuiGrid-item{display:flex;flex-direction:column}.tarjouslomake .MuiButton-contained{display:inline-block;padding:.8rem 1.5rem;background-color:#1976d2;color:#fff}.tarjouslomake .MuiButton-contained:hover{background-color:#1565c0}.tarjouslomake .MuiTextField-root{margin-bottom:1rem}.tarjouslomake .MuiTextField-root input{display:flex;justify-content:center;padding:1rem;align-items:flex-start}.tarjouslomake .MuiBox-root{margin-bottom:1rem}.tarjouslomake .MuiTypography-body1{font-size:1rem;font-weight:400;color:#333}.tarjouslomake .MuiTypography-subtitle1{font-size:1rem;color:#666}.tarjouslomake .MuiButton-root{display:flex;margin-top:.1rem;height:10px;text-align:center;justify-content:center}.tarjouslomake .MuiButton-root{background-color:#2196f3}.tarjouslomake .MuiButton-root:hover{background-color:#1976d2}.messages{position:relative;top:25%;left:-7%;max-width:45%;max-height:20%}}@media only screen and (min-width: 1025px){.output{display:flex;flex-direction:column;justify-content:start;align-items:center;width:fit-content}.output-sections{background-color:gray;max-width:100%;color:#000;font-weight:700}thead{text-align:left;background-color:#ff8c38}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.cv-table{position:fixed;top:32%;max-width:50%;height:30%;max-height:100px;overflow-y:auto}.profile-napit{display:flex;flex-direction:row}}@media only screen and (device-width: 390px) and (device-height: 844px){.output{display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);width:80%;height:vh;background-color:#eee;color:#000;font-size:1.5rem}.cv-table{height:10%;max-height:30%;font-size:1.5rem;font-weight:600;border:1px solid;overflow-y:scroll}}@media screen and (min-width: 1024px){.calendar{display:flex;justify-content:space-between;align-items:center;padding-top:1vh}.calendar-header{margin-bottom:2rem}#deletor{margin-left:2rem}.calendar-task-row{margin-top:1rem;background-color:#ccc}.calendar-task{padding:1rem;border:1px solid #000;border-radius:8px;margin-top:2rem;width:2vw}.calendar-readonly{position:fixed!important;top:25%;left:1%!important;background-color:#3b2121;color:#fff;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-standard{position:fixed;top:25%;left:70%!important;background-color:#3b2121;color:#fff;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-task-delayed{background-color:red;border:1px solid #ccc;border-radius:8px;margin-top:1rem}.duunipyynnnot{display:flex;flex-direction:row;justify-content:center;align-items:center}}@media only screen and (device-width: 390px) and (device-height: 844px){.calendar{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;padding-top:1vh;margin-top:1rem;max-width:100vw;overflow-y:scroll}.calendar-header{margin-bottom:2rem}.calendar-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100%}.calendar-task-row{margin-top:1rem;background-color:#ccc}.calendar-task{padding:1rem;border:1px solid #000;border-radius:8px;margin-top:2rem;width:2vw}.calendar-readonly{display:flex;justify-content:start;align-items:start;background-color:#d3d3d3;color:#000;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-standard{background-color:#d3d3d3;color:#000;border:1px solid #000;border-radius:8px;margin-top:1rem;padding:1rem;max-width:25%}.calendar-task-delayed{background-color:red;border:1px solid #ccc;border-radius:8px;margin-top:1rem}#deletor{margin-left:2rem}}@media only screen and (min-width: 1024px){.tuntikirjaus{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0rem}}@media (min-width: 768px) and (max-width: 1024px){.opit{position:relative;top:0%;left:0%;display:flex;flex-direction:row;height:20vh;width:40vw;padding:1rem;gap:1rem;background-color:#d6d6bbb8;z-index:101}.opit-input{width:100%}.opit-taulu-header{background-color:#ecb07e;font-weight:900}.opit-taulu{display:flex;justify-content:center;align-items:center;padding:1rem;z-index:102;margin-top:90%;margin-left:-50%;max-width:100%;box-shadow:0 4px 12px #0003;border-radius:10px;overflow:auto}}@media (min-width: 1025px){.opit{display:flex;flex-direction:row;max-width:80vw;padding:1rem;gap:1rem;background-color:#d6d6bbb8;z-index:101}.opit-taulu-header{background-color:#ecb07e;font-weight:900}.opit-taulu{padding:1rem;z-index:102;margin-top:90%;margin-left:0%;max-width:100%;margin-top:3rem;max-height:80vh;box-shadow:0 4px 12px #0003;border-radius:10px;overflow:auto}}@media (min-width: 768){.opit{display:flex;flex-direction:row;height:20vh;width:40vw;padding:1rem;gap:1rem;background-color:#d6d6bbb8;z-index:101}.opit-taulu-header{background-color:#ecb07e;font-weight:900}.opit-taulu{display:flex;justify-content:center;align-items:center;padding:1rem;z-index:102;margin-top:90%;margin-left:-50%;max-width:100%;box-shadow:0 4px 12px #0003;border-radius:10px;overflow:auto}}@media (max-width: 980px){.budget-form{position:relative;top:5%;margin:0 auto;width:90%;display:flex;flex-direction:column;gap:8px}.budget-form input{width:100%}.budget-form--summary{position:relative;margin-top:1rem;display:flex;flex-direction:column;gap:8px;width:100%}}@media only screen and (min-width: 1024px){.budget-form{position:fixed;top:10%;left:5%;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:8px;max-width:80%}.budget-form label{margin-right:1rem}.budget-form input{display:flex;justify-content:flex-end}.budget-form--napit{position:fixed;top:10%;left:1%}.budget-form--summary{display:flex;justify-content:space-between;align-items:center;font-size:small;gap:8px;width:40%;overflow:auto}.budget-rows{display:table;justify-content:center;align-items:center;gap:2px;width:100%}}@media only screen and (min-width: 1024px){.huoltorekisteri-preview{display:flex;flex-direction:column;overflow:scroll;max-width:100%;height:70vh;margin-left:-15rem}.huoltorekisteri-preview Button{margin-top:.5rem;margin-left:1rem;margin-bottom:1rem;width:6rem;font-size:14px}}@media only screen and (min-width: 980px) and (max-height: 800px){.huoltorekisteri-preview{padding:.5rem;margin:0 auto;width:90%;max-height:70vh;overflow-y:auto;border-radius:.5rem}}@media only screen and (min-width: 1024px){.feedback{position:fixed;top:10%;left:15%;max-width:10%;overflow-y:auto;padding:1rem}.hamburger-menu{display:none!important}.feedback{position:fixed;top:10%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;width:80%;height:80%;max-width:60%;max-height:90%}.feedback Button{bottom:-3rem}}@media only screen and (device-width: 390px) and (device-height: 844px){.hamburger-menu{display:none!important}.feedback{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80vw;height:30vh}.feedback Button{bottom:-3rem}}@media (max-width: 767px){.salirapsa{width:100%;max-height:90vh;overflow-y:auto;margin-top:0rem;padding:1rem}.sali{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#d3d3d3;height:60%;width:100%;font-size:16px;overflow:auto;margin-bottom:1rem}.sali--extrat{flex-direction:row;gap:1rem;padding-left:1rem;background-color:#d3d3d3;font-size:16px}.day-details{background-color:#ff0}.confirmation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1000}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#d3d3d3;color:red;font-weight:700;font-size:2rem;margin-top:.5rem;padding:.5rem;border-radius:8px;line-height:10px;gap:1rem;text-align:justify}.confirmation-content button{font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}}@media (min-width: 768px) and (max-width: 1024px){.salirapsa{display:flex;width:100vw;height:70vh;overflow-y:auto;margin-top:0rem}.sali{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:1rem;background-color:#d3d3d3;font-size:16px;height:75vh;overflow-y:auto;margin-bottom:1rem}.sali--extrat{flex-direction:row;gap:1rem;padding-left:1rem;background-color:#d3d3d3;font-size:16px}.showWk{display:flex;flex-direction:row;gap:1rem;max-height:50%;overflow-y:auto}.day-details{background-color:#ff0}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;z-index:1000}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:1rem;border-radius:8px;line-height:30px;color:red;font-weight:700;gap:1rem;text-align:justify}.confirmation-content button{display:flex;flex-direction:column;font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}#ok{display:flex;flex-direction:column;margin-top:1rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}}@media screen and (min-width: 1025px){.salirapsa{display:flex;width:100vw;height:70vh;overflow-y:auto;margin-top:0rem}.adminButton{position:fixed;top:40px;right:-16px;z-index:10;padding:8px 12px;font-size:1.2rem}.sali{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-left:1rem;background-color:#d3d3d3;font-size:16px;height:75vh;overflow-y:auto;margin-bottom:1rem}.sali--extrat{flex-direction:row;gap:1rem;padding-left:1rem;background-color:#d3d3d3;font-size:16px}.showWk{display:flex;flex-direction:row;gap:1rem;max-height:50%;overflow-y:auto}.day-details{background-color:#ff0}.confirmation-container{background:#000c;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;z-index:1000}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:1rem;border-radius:8px;line-height:30px;color:red;font-weight:700;gap:1rem;text-align:justify}.confirmation-content button{display:flex;flex-direction:column;font-weight:700;padding:1rem;font-size:2rem;margin-top:1rem}#ok{display:flex;flex-direction:column;margin-top:1rem;padding:.5rem;width:100%;background-color:green;font-weight:700}#nok{padding:.5rem;background-color:red;font-weight:700}}.landscape-warning{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1976d2;color:#fff;z-index:9999;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.landscape-warning .icon{font-size:4rem;margin-bottom:1rem;animation:rotate 2s ease-in-out infinite alternate}@keyframes rotate{0%{transform:rotate(-90deg)}to{transform:rotate(90deg)}}@media (orientation: landscape) and (max-width: 1024px){.portrait-only-container{display:none}.landscape-warning{display:flex}}:root{--primary-color: #2563eb;--secondary-color: #3b82f6;--accent-color: #60a5fa;--text-color: #1a1a1a;--light-text: #4b5563;--background-color: #ffffff;--card-background: #f9fafb;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--font-family: sans-serif}.flyer-container{max-width:1200px;margin:1rem auto;padding:2rem;background:var(--background-color);border-radius:16px;font-family:var(--font-family);color:var(--text-color);overflow:auto;box-shadow:var(--shadow);height:1000px;overflow-y:auto}.flyer-header{text-align:center;margin-bottom:1.5rem}.flyer-title{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.flyer-title-decoration{width:80px;height:4px;background:var(--accent-color);margin:0 auto;border-radius:2px}.flyer-intro{text-align:center;max-width:700px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6;color:var(--light-text);-webkit-hyphens:auto;hyphens:auto;word-break:break-word;overflow-wrap:break-word}.flyer-subtitle{font-weight:600;font-size:1.25rem;margin-bottom:1rem;color:var(--primary-color)}.flyer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.flyer-card{background:var(--card-background);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease}.flyer-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.flyer-card-icon{width:50px;height:50px;margin-bottom:1rem;border-radius:50%;background:var(--accent-color)}.services-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.audience-icon{background:linear-gradient(135deg,#34d399,#10b981)}.model-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.reasons-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.flyer-card-content,.flyer-list{font-size:1rem;line-height:1.6;color:var(--light-text)}.flyer-list{padding-left:1.5rem;margin:0}.flyer-contact{text-align:center;margin-top:1rem;padding:1.5rem;background:var(--card-background);border-radius:12px;border:1px solid var(--border-color)}.flyer-contact p{margin-bottom:1.5rem;color:var(--light-text)}.flyer-button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.flyer-button:hover{background:var(--secondary-color)}@media (min-width: 1025px){.flyer-container{max-height:100vh}.flyer-title{font-size:2.25rem}.flyer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1024px){.flyer-container{margin-top:10%;max-height:65vh;padding:1.5rem}.flyer-title{font-size:2rem}.flyer-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 767px){.flyer-container{margin-top:20%;max-width:95%;max-height:70vh;padding:1rem}.flyer-title{font-size:1.75rem}.flyer-intro{font-size:1rem}.flyer-subtitle{font-size:1.1rem}.flyer-grid{grid-template-columns:1fr;gap:1rem}}.analyysi-container{padding:16px;max-width:100%}.analyysi-title{font-size:1.5rem;margin-bottom:16px;font-weight:700}.table-container{margin-bottom:16px;overflow-x:auto}tr[data-rbd-draggable-id]{transition:background-color .2s ease}tr[data-rbd-draggable-id]:hover{background-color:#f5f5f5;cursor:grab}tr[data-rbd-draggable-id],tr[data-rbd-draggable-context-id]{transition:background-color .15s ease}tr:hover{background-color:#fafafa}.analyysi-buttons{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.analyysi-title{font-size:1.2rem}.analyysi-buttons{flex-direction:column}}:root{--form-background: #ffffff;--form-text-color: #333333;--form-border-color: #e0e0e0;--form-primary-color: #1976d2;--form-error-color: #d32f2f;--form-success-color: #2e7d32}html.dark{--form-background: #1f2937;--form-text-color: #f3f4f6;--form-border-color: #374151;--form-primary-color: #60a5fa}body{background-color:#f4f7f6;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;min-height:100vh}html.dark body{background-color:#111827}.tarjouspyynto-form-container{width:100%;max-width:auto;background-color:var(--form-background);color:var(--form-text-color);padding:2.5rem;border-radius:12px;box-shadow:0 8px 25px #0000001a;display:flex;flex-direction:column;gap:2rem;height:100%;overflow-y:auto;margin-top:20%}.form-header{text-align:center;border-bottom:1px solid var(--form-border-color);padding-bottom:1.5rem}.form-header h1{margin-bottom:.5rem;font-weight:700}.form-content{display:flex;flex-direction:column;gap:1.5rem}.MuiFormControl-root .MuiInputLabel-root,.MuiFormControl-root .MuiOutlinedInput-root{color:var(--form-text-color)}.MuiFormControl-root .MuiOutlinedInput-root fieldset{border-color:var(--form-border-color)}.MuiFormControl-root .MuiOutlinedInput-root:hover fieldset,.MuiFormControl-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:var(--form-primary-color)}.form-actions{display:flex;justify-content:center;border-top:1px solid var(--form-border-color);padding-top:1.5rem;margin-top:1rem}.form-actions .MuiButton-root{padding:.8rem 2.5rem;font-size:1.1rem;font-weight:600}@media (min-width: 768px){.tarjouspyynto-form-container{margin-top:0;height:auto}}