@font-face{font-family:DM Sans;src:url(/assets/DMSans-VariableFont_opsz_wght-D_B5dL4R.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/assets/DMSans-Italic-VariableFont_opsz_wght-CT59GZwy.ttf)format("truetype");font-weight:100 900;font-style:italic;font-display:swap}html,body{background-color:#f8fafc;width:100vw;min-height:100vh}#root{padding-top:env(safe-area-inset-top)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}@media (width<=768px){body{padding:16px}}.section-title{font-size:14px;font-weight:700}.home-container{flex-direction:column;gap:12px;display:flex}header{justify-content:space-between;align-items:center;display:flex}header>.logo{width:130px}header>.header-right{align-items:center;gap:20px;display:flex}header>.header-right>img:first-of-type{cursor:pointer;width:24px;height:24px}header>.header-right>img{cursor:pointer;border-radius:50%;width:30px;height:30px}.greeting{justify-content:space-between;font-size:20px;font-weight:900;display:flex;position:relative}.greeting__illustration{height:100px}.greeting>div{flex-direction:column;margin-top:8px;display:flex}.greeting>div>span:nth-child(2){color:#2563eb}.greeting>div>span:nth-child(3){color:#94a3b8;margin-top:8px;font-size:14px;font-weight:500}.daily-dashboard{background:linear-gradient(45deg,#124bc7,#085aed);border-radius:16px;flex-direction:column;gap:16px;margin:0 4px;padding:16px;display:flex}.daily-dashboard>*{color:#f8fafc}.daily-dashboard__title{color:#2563eb;background:#f8fafc;border-radius:8px;width:fit-content;padding:8px 16px;font-size:14px;font-weight:700}.daily-dashboard__tasks{gap:8px;display:flex}.daily-dashboard__task{text-align:center;background-color:#ffffff1a;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;width:0;padding:8px 12px;display:flex}.daily-dashboard__task__count{font-size:16px;font-weight:700}.daily-dashboard__task__name{font-size:10px;font-weight:500}.quick-access{flex-direction:column;gap:12px;display:flex}.quick-access__title{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.quick-access__title>button{padding:0;font-size:12px}.quick-access__button{padding:0;font-size:.75rem}.quick-access__items{gap:12px;display:flex}.quick-access__empty{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:16px;display:flex;box-shadow:0 2px 4px #0000001a}.quick-access__empty>span:first-child{color:#0f1e2e;font-size:.8rem;font-weight:600}.quick-access__empty>span:last-child{color:#254a72;font-size:.75rem}.quick-access__item{cursor:pointer;background-color:#fff;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;gap:8px;width:0;padding:12px;transition:transform .2s;display:flex;box-shadow:0 2px 4px #0000001a}.quick-access__item:hover{transform:scale(1.05)}.quick-access__item>img{width:24px;height:24px}.quick-access__item>span{font-size:12px;font-weight:500}.projects{padding-bottom:calc(73px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.projects__title{justify-content:space-between;align-items:center;padding-top:12px;display:flex}.projects__button{padding:0;font-size:.75rem}.projects__items{flex-direction:column;gap:8px;display:flex}.projects__item{cursor:pointer;background-color:#fff;border-radius:8px;flex-direction:column;gap:4px;padding:16px;transition:transform .2s;display:flex;box-shadow:0 2px 4px #0000001a}.projects__item:hover{transform:scale(1.05)}.projects__type{font-size:10px;font-weight:700}.projects__name{font-size:16px;font-weight:700}.projects__subinfo{color:#254a72;gap:8px;font-size:12px;display:flex}.projects__progress-bar{background-color:#cbd5e1;border-radius:3px;width:100%;height:6px}.projects__progress-bar>.progress{background-color:#2563eb;border-radius:8px;height:100%}.projects__details-icon{align-self:flex-end;width:24px;height:24px;position:absolute}button{color:#f8fafc;cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;padding:1rem 1.5rem;font-size:1rem;font-weight:900;display:flex;position:relative;overflow:hidden}button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}button>span{align-items:center;gap:8px;display:flex}button.small{padding:.5rem 1rem;font-size:.875rem}.loading-spinner{width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.primary-btn{background:linear-gradient(#3b7ef8,#2563eb)}.primary-btn.outline{color:#2563eb;background-color:#0000;border:2px solid #2563eb}.primary-ghost-btn{background:#f8fafc}.primary-ghost-btn>*{color:#2563eb}.secondary-btn{background:linear-gradient(#1a3148,#0f1e2e)}.secondary-btn.outline{color:#0f1e2e;background-color:#0000;border:2px solid #0f1e2e}.accent-btn{background:linear-gradient(#fb8f3d,#f97316)}.accent-btn.outline{color:#f97316;background-color:#0000;border:2px solid #f97316}.success-btn{background:linear-gradient(#4ade80,#22c55e)}.success-btn.outline{color:#22c55e;background-color:#0000;border:2px solid #22c55e}.warning-btn{background:linear-gradient(#fbbf24,#facc15)}.warning-btn.outline{color:#facc15;background-color:#0000;border:2px solid #facc15}.alarm-btn{background:linear-gradient(#f87171,#ef4444)}.alarm-btn.outline{color:#ef4444;background-color:#0000;border:2px solid #ef4444}.text-only-btn{color:#2563eb;background-color:#0000;border:none}.text-only-inline-btn{color:#2563eb;background-color:#0000;border:none;padding:0}.text-only-inline-btn.alarm{color:#ef4444}.icon-btn{cursor:pointer}.mobile-nav{z-index:100;padding:16px 0 calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f8fafc80;border-top:1px solid #ddd;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-item{color:#555;flex-direction:column;justify-content:center;align-items:center;font-size:12px;display:flex}.mobile-nav .nav-item img{width:24px;height:24px}.projects{flex-direction:column;gap:16px;display:flex}.projects__header{justify-content:space-between;align-items:center;display:flex}.projects__title{color:#0f1e2e;padding:0;font-size:1.75rem;font-weight:700}.projects__actions{align-items:center;gap:12px;display:flex}.projects__actions>img{padding:4px}.projects__list{flex-direction:column;gap:12px;display:flex}.projects__empty{text-align:center;color:#94a3b8;padding:24px 0}.quick-filters{-ms-overflow-style:none;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000 100%)}.quick-filters::-webkit-scrollbar{display:none}.quick-filters__chip{color:#0f1e2e;cursor:pointer;white-space:nowrap;background-color:#fff;border:none;border-radius:8px;flex:none;padding:8px 16px;font-size:.875rem;font-weight:600}.quick-filters__chip--active{color:#f8fafc;background:linear-gradient(#3b7ef8,#2563eb)}.project-card{background-color:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 1px 3px #0f1e2e0f}.project-card__top{justify-content:space-between;align-items:center;display:flex}.project-card__identifier{color:#94a3b8;font-size:.8125rem;font-weight:500}.project-card__name{color:#0f1e2e;font-size:1.125rem;font-weight:700}.project-card__meta{justify-content:space-between;align-items:center;display:flex}.project-card__progress{color:#2563eb;font-size:1.0625rem;font-weight:700}.project-card__date{color:#0f1e2e;align-items:flex-end;gap:6px;font-size:.9375rem;font-weight:500;display:inline-flex}.project-card__date span{color:#94a3b8;font-weight:600}.project-card__date svg{color:#2563eb}.project-card__footer{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.project-card__status{color:#0f1e2e;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:inline-flex}.project-card__status-dot{border-radius:50%;flex:none;width:8px;height:8px}.project-card__status-dot--primary{background-color:#2563eb}.project-card__status-dot--success{background-color:#22c55e}.project-card__status-dot--accent{background-color:#f97316}.project-card__status-dot--warning{background-color:#facc15}.project-card__status-dot--error{background-color:#ef4444}.project-card__status-dot--muted{background-color:#94a3b8}.project-card__hint{border-radius:8px;padding:4px 10px;font-size:.8125rem;font-weight:600}.project-card__hint--error{color:#ef4444;background-color:#ef44441a}.project-card__hint--accent{color:#f97316;background-color:#f973161a}.project-card__hint--warning{color:#facc15;background-color:#facc1526}.project-card__hint--success{color:#22c55e;background-color:#22c55e1a}.project-card__hint--primary{color:#2563eb;background-color:#2563eb1a}.project-card__hint--muted{color:#94a3b8;background-color:#94a3b81f}.progress-bar{background-color:#e2e8f0;border-radius:3px;width:100%;height:6px}.progress-bar__fill{background:linear-gradient(#3b7ef8,#2563eb);border-radius:3px;height:100%}.fab{right:24px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:90;background:linear-gradient(#3b7ef8,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:8px;display:flex;position:fixed;box-shadow:0 6px 16px #2563eb66}.create-project{flex-direction:column;gap:16px;min-height:calc(100vh - 32px);padding:0 8px;display:flex}.create-project__header{justify-content:center;align-items:center;display:flex;position:relative}.create-project__close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;left:0}.create-project__close img{width:24px;height:24px}.create-project__title{color:#0f1e2e;font-size:1rem;font-weight:700}.create-project__form{flex-direction:column;flex:1;gap:16px;display:flex}.create-project__content{flex:1}.create-project__nav{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background-color:#f8fafc;gap:12px;display:flex;position:sticky;bottom:0}.create-project__nav button{flex:1}.wizard-step{flex-direction:column;gap:16px;display:flex}.wizard-step__heading{color:#0f1e2e;font-size:1.25rem;font-weight:700}.wizard-step__label{color:#0f1e2e;font-size:.875rem;font-weight:600}.wizard-step__divider{color:#94a3b8;justify-content:center;align-items:center;font-size:.875rem;display:flex}.wizard-input{background-color:#fff}.wizard-date-input,.wizard-textarea{color:#0f1e2e;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s}.wizard-date-input:focus,.wizard-textarea:focus{border-color:#0f1e2e;box-shadow:inset 0 0 0 1px #0f1e2e}.wizard-date-input:active{transform:scale(1.02)}.wizard-textarea{resize:vertical;min-height:96px}.wizard-add-btn{width:100%}.category-field{flex-direction:column;gap:8px;display:flex}.category-add{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.875rem;font-weight:600}.category-create{flex-direction:column;gap:.25rem;display:flex}.category-create__row{align-items:stretch;gap:8px;display:flex}.category-create__row input{flex:1}.category-create__btn{aspect-ratio:1;flex:none;padding:0}.wizard-option{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.wizard-option--selected{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.wizard-option__avatar{color:#2563eb;background-color:#eef2ff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.wizard-option__text{flex-direction:column;flex:1;display:flex}.wizard-option__name{color:#0f1e2e;font-size:.9375rem;font-weight:600}.wizard-option__sub{color:#94a3b8;font-size:.8125rem}.wizard-option__check{color:#2563eb;flex:none}.wizard-list{flex-direction:column;gap:8px;display:flex}.wizard-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.wizard-card__header{justify-content:space-between;align-items:center;display:flex}.wizard-card__title{color:#0f1e2e;font-size:.9375rem;font-weight:700}.wizard-card__row{gap:12px;display:flex}.wizard-card__row>*{flex:1}.wizard-empty{color:#94a3b8;padding:8px 0;font-size:.9375rem}.wizard-map{color:#2563eb;background-color:#eef2ff;border-radius:8px;justify-content:center;align-items:center;height:120px;font-size:.875rem;font-weight:600;display:flex}.step-indicator{justify-content:center;align-items:center;display:flex}.step-indicator__dot{color:#94a3b8;background-color:#e2e8f0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:700;display:flex}.step-indicator__dot--active{color:#fff;background:linear-gradient(#3b7ef8,#2563eb)}.step-indicator__dot--done{color:#fff;background-color:#2563eb}.step-indicator__line{background-color:#e2e8f0;flex:auto;height:2px}.step-indicator__line--done{background-color:#2563eb}input[type=text],input[type=email],input[type=password],input[type=tel]{border-radius:8px;outline:none;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:box-shadow .2s}input[type=text].error,input[type=email].error,input[type=password].error,input[type=tel].error{border:1px solid #ef4444;box-shadow:0 0 0 1px #ef4444}.input-container{flex-direction:column;gap:.25rem;display:flex}.input-container>.input-error{color:#ef4444;font-size:.875rem;font-weight:500}.label{font-size:.875rem;font-weight:500}.input-wrapper{transition:transform .15s;position:relative}.input-wrapper:active{transform:scale(1.02)}.input-wrapper:has(img) input{padding-left:3rem}.input-icon{width:1.3rem;position:absolute;top:50%;transform:translateY(-50%)}.input-icon.left{left:1rem}.input-icon.right{left:auto;right:1.5rem}.primary-input{border:1px solid #2563eb}.primary-input:focus{box-shadow:0 0 0 1px #2563eb}.secondary-input{border:1px solid #0f1e2e}.secondary-input:focus{box-shadow:0 0 0 1px #0f1e2e}.accent-input{border:1px solid #f97316}.accent-input:focus{box-shadow:0 0 0 1px #f97316}.success-input{border:1px solid #22c55e}.success-input:focus{box-shadow:0 0 0 1px #22c55e}.warning-input{border:1px solid #facc15}.warning-input:focus{box-shadow:0 0 0 1px #facc15}.alarm-input{border:1px solid #ef4444}.alarm-input:focus{box-shadow:0 0 0 1px #ef4444}.ghost-input{background-color:#0000;border:1px solid #94a3b8}.ghost-input:focus{border:1px solid #2563eb;box-shadow:0 0 0 1px #2563eb}.neutral-input{border:1px solid #cbd5e1}.neutral-input:focus{border:1px solid #0f1e2e;box-shadow:inset 0 0 0 1px #0f1e2e}.select-field{flex-direction:column;gap:.25rem;display:flex}.select-field__wrapper{position:relative}.select-field__control{color:#0f1e2e;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:1rem 3rem 1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600}.select-field__control:focus{border-color:#0f1e2e;box-shadow:inset 0 0 0 1px #0f1e2e}.select-field__control:invalid{color:#94a3b8}.select-field__chevron{color:#2563eb;pointer-events:none;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.select-field>.input-error{color:#ef4444;font-size:.875rem;font-weight:500}.splash-screen-container{justify-content:center;align-items:center;height:100vh;display:flex}.splash-screen-container>img{width:80vw;height:auto}.login-container{flex-direction:column;gap:1rem;display:flex}.login-container>.logo{align-self:center;width:200px;margin:2rem 0}.login-container>.welcome-text-container{margin-bottom:1rem}.login-container>form{flex-direction:column;gap:1rem;display:flex}.login-container .error-message{color:#ef4444;margin-top:-.5rem;font-size:.875rem}.switch-screen-container{justify-content:center;gap:.25rem;display:flex}.register-container{flex-direction:column;gap:1rem;display:flex}.register-container>.logo{align-self:center;width:200px;margin:2rem 0}.register-container>.welcome-text-container{margin-bottom:1rem}.register-container>form{flex-direction:column;gap:1rem;display:flex}.register-container .terms-container{align-items:center;gap:.25rem;display:flex}.register-container .error-message{color:#ef4444;margin-top:-.5rem;margin-bottom:.5rem;font-size:.875rem}.divider-container{justify-content:center;align-items:center;display:flex;position:relative}.divider-container .divider-text{color:#94a3b8;background-color:#f8fafc;padding:0 1.5rem;font-size:.875rem;position:absolute}.divider-container .divider{background:#94a3b8;border:none;width:100%;height:1px;margin:1.5rem 0}.switch-screen-container{justify-content:center;display:flex}.quick-access{flex-direction:column;display:flex}.quick-access__info{align-items:center;gap:16px;display:flex}.quick-access__info p{margin:0;font-size:.7rem}.quick-access__info p:first-of-type{color:#0f1e2e;margin-bottom:2px;font-weight:600}.quick-access__info p:nth-of-type(2){color:#254a72}.quick-access__info-icon{background-color:#e0e9fc;border-radius:4px;flex-shrink:0;width:32px;height:32px;padding:8px}.quick-access__selection{background-color:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.quick-access__selection__heading{align-items:center;gap:6px;margin-bottom:16px;display:flex}.quick-access__selection__heading h2{color:#0f1e2e;font-size:.875rem;font-weight:600}.quick-access__selection__heading span{color:#254a72;font-size:.875rem}.quick-access__selection__heading button{margin-left:auto;font-size:.8rem}.quick-access__selection__items{gap:8px;margin:0;padding:0;list-style:none;display:flex}.quick-access__slot{cursor:grab;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;height:70px;padding:8px 4px;display:flex}.quick-access__slot:active{cursor:grabbing}.quick-access__slot--filled{background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 4px #0000001a}.quick-access__slot--empty{cursor:default;background-color:#0000;border:1.5px dashed #cbd5e1}.quick-access__slot__icon{font-size:1.2rem;line-height:1}.quick-access__slot__label{color:#0f1e2e;text-align:center;font-size:.65rem;font-weight:500;line-height:1.2}.quick-access__slot__plus{color:#cbd5e1;font-size:1.25rem;font-weight:300;line-height:1}.quick-access__options__title{color:#94a3b8;margin-bottom:10px;font-size:.8rem;font-weight:600}.quick-access__options__list{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.quick-access__options__item{border-bottom:1px solid #e5eaf0;align-items:center;gap:14px;padding:14px 16px;display:flex}.quick-access__options__item__icon{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.quick-access__options__item__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quick-access__options__item__name{color:#0f1e2e;font-size:.875rem;font-weight:600}.quick-access__options__item__desc{color:#254a72;font-size:.75rem}.quick-access__options__tip{align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.quick-access__options__tip__icon{background-color:#e5eaf0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.quick-access__options__tip__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.quick-access__options__tip__name{color:#0f1e2e;font-size:.875rem;font-weight:600}.quick-access__options__tip__desc{color:#254a72;font-size:.75rem;line-height:1.4}.navigation-header{justify-content:space-between;align-items:center;display:flex}.navigation-header__back{width:20px;height:20px}.navigation-header__title{text-wrap:nowrap;font-size:.875rem;position:absolute;left:50%;transform:translate(-50%)}.navigation-header__button{font-size:.875rem}