:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#020617}@media(prefers-color-scheme:light){:root{color:#ffffffde;background-color:#020617}}html{overflow-y:auto}@supports (scrollbar-width: thin){html{scrollbar-width:thin;scrollbar-color:rgba(51,65,85,.5) transparent}}::-webkit-scrollbar{width:6px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#33415580;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569b3}select{color-scheme:dark;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px!important;cursor:pointer}select option{background-color:#1e293b;color:#e2e8f0;padding:12px}select option:hover,select option:focus,select option:checked{background-color:#334155;color:#fff}select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633}input[type=date],input[type=datetime-local],input[type=time]{color-scheme:dark;appearance:none;-webkit-appearance:none;-moz-appearance:none}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-datetime-edit,input[type=datetime-local]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{color:#fff}input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper{color:#fff}input[type=date]::-webkit-datetime-edit-text,input[type=datetime-local]::-webkit-datetime-edit-text,input[type=time]::-webkit-datetime-edit-text{color:#94a3b8}input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field,input[type=datetime-local]::-webkit-datetime-edit-month-field,input[type=datetime-local]::-webkit-datetime-edit-day-field,input[type=datetime-local]::-webkit-datetime-edit-year-field,input[type=datetime-local]::-webkit-datetime-edit-hour-field,input[type=datetime-local]::-webkit-datetime-edit-minute-field,input[type=time]::-webkit-datetime-edit-hour-field,input[type=time]::-webkit-datetime-edit-minute-field{color:#fff}input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus{border-color:#06b6d4!important;box-shadow:0 0 0 2px #06b6d433}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.mobile-only{display:none!important}.desktop-only{display:block}.app-sidebar{width:260px;background-color:#020617;color:#fff;height:100vh;display:flex;flex-direction:column;position:fixed;left:0;top:0;border-right:1px solid #1e293b;z-index:50;transform:translate(0);transition:transform .3s ease-in-out}.mobile-header{position:fixed;top:0;left:0;right:0;height:60px;background-color:#020617;border-bottom:1px solid #1e293b;z-index:30;display:none;align-items:center;padding:0 20px;justify-content:space-between}.main-content{margin-left:260px;flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease-in-out}.task-board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;align-items:start;width:100%}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.task-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.task-modal-content{background-color:#1e293b;width:100%;max-width:800px;border-radius:16px;border:1px solid #334155;box-shadow:0 25px 50px -12px #00000040;padding:32px;max-height:90vh;overflow-y:auto}.harvest-footer{left:260px!important}@media(max-width:1000px){.harvest-footer{left:0!important}.mobile-only{display:flex!important}.desktop-only{display:none!important}.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.mobile-header{display:flex}.main-content{margin-left:0!important;padding:70px 16px 16px!important}.responsive-grid{grid-template-columns:1fr!important}.responsive-flex{flex-direction:column!important}.responsive-flex-reverse{flex-direction:column-reverse!important}.planner-sidebar{width:100%!important}.task-board-grid{grid-template-columns:1fr;gap:16px}.task-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.task-controls{width:100%;justify-content:space-between}.task-modal-content{max-width:95%;padding:20px;max-height:85vh}.hidden-mobile{display:none!important}.w-full-mobile{width:100%!important}.h-auto-mobile{height:auto!important}.p-mobile-4{padding:16px!important}.m-mobile-0{margin:0!important}.overflow-x-auto-mobile{overflow-x:auto!important}}.droplines-full-width{width:100%;position:relative;margin-top:48px;padding-bottom:60px}.swiper-droplines{width:100%;overflow:visible;padding-bottom:40px}.swiper-pagination-droplines{color:#7a7a7e;text-align:right;font-size:12px;line-height:16px;min-width:40px}.swiper-slide.droplines-card,.droplines-card{position:relative;flex:0 0 auto;width:380px!important;min-width:380px!important;height:550px!important;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0!important;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.droplines-card:hover{transform:scale(1.02)}.droplines-card:before{content:"";position:absolute;inset:0;background-image:var(--card-bg);background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.25,.1,.25,1);z-index:1}.droplines-card:hover:before{transform:scale(1.1)}.droplines-content{color:#fff;z-index:2;position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:0 32px 32px!important;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;transition:all .6s cubic-bezier(.25,.1,.25,1);pointer-events:none}.droplines-content>*{pointer-events:auto}.droplines-card:hover .droplines-content{transform:translateY(-10px)}.droplines-content h3{margin:0!important;padding:0!important;font-size:32px;font-weight:700;letter-spacing:.02em;line-height:1.1;transition:transform .6s cubic-bezier(.25,.1,.25,1)}.droplines-content p{font-size:16px!important;line-height:1.5!important;opacity:1!important;visibility:visible!important;display:block!important;transform:translateY(0)!important;color:#ffffffd9!important;margin:16px 0 0!important;padding:0 80px 0 0!important}.droplines-content:after{content:"";position:absolute;bottom:32px;right:32px;width:42px;height:42px;background-image:url(/elevia/btn-default.svg);background-repeat:no-repeat;background-position:center;background-size:42px 42px;transition:all .4s cubic-bezier(.25,.1,.25,1);pointer-events:auto}.droplines-card:hover .droplines-content:after{background-image:url(/elevia/btn-hover.svg)}@media(max-width:991px){.droplines-card{width:450px;min-width:450px}.droplines-content h3{font-size:32px}}@media(max-width:767px){.droplines-full-width{margin-top:28px}.droplines-card{width:350px;min-width:350px;min-height:300px}.droplines-content{left:0!important;right:0!important;padding-bottom:24px!important}.droplines-content h3{font-size:28px}.droplines-content p{font-size:14px;padding-right:60px!important}.droplines-content:after{bottom:24px!important;right:32px!important}}
