*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-bg: #0B0B0B;--green: #1CE383;--header: #242323}body{margin:0;min-width:320px;min-height:100vh}.custom-select-container{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.select-label{color:#d1d1d1;font-size:14px}.custom-select select{width:100%;padding:12px 14px;background-color:#111;color:#fff;border:1px solid #333;border-radius:8px;appearance:none;cursor:pointer;font-size:15px}.custom-select select option{background-color:#111;color:#fff;padding:12px;cursor:pointer}.custom-select select option:checked{background-color:#00e68a!important;color:#000!important}.custom-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}.custom-select select option:hover{background-color:#222!important}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--main-bg);padding:20px}.login-card{background:#232323;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:20px;width:100%;max-width:448px;animation:slideUp .5s ease-out;border:1px solid #383838}.login-container .login-card .login-header img{width:60px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#fff;font-size:2rem;margin:0 0 8px;font-weight:700}.login-header h1 span{color:var(--green)}.login-header p{color:#666;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;font-weight:500;font-size:.9rem}.form-group input{background:var(--main-bg);padding:12px 16px;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;border:2px solid #383838;color:#fff}.form-group input::placeholder{color:#666}.form-group input:focus{outline:none;border-color:var(--green);border:2px solid var(--green)}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;font-size:.9rem;text-align:center;border:1px solid #fcc}.login-button{background:var(--green);color:var(--main-bg);border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);opacity:.8}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.login-footer p{color:#666;font-size:.9rem;margin:0}.login-footer a{color:#667eea;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.login-info{border:1px solid #666;width:100%;border-radius:8px;text-align:left;padding:16px;color:#666}.login-info span,.login-info ul li{font-weight:600;font-size:12px}.login-info ul{padding:0;margin:0;list-style-position:inside}.dashboard-header{background:var(--header);color:#fff;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid #383838;height:77px;display:flex;align-items:center;justify-content:center}.header-content{width:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.dashboard-header .header-content img{width:60px}.user-info{display:flex;align-items:center;gap:16px}.user-info span{font-size:1rem}.user-info .user-name{display:flex;flex-direction:column;gap:4px;text-align:center}.logout-button{background-color:unset;border:none;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;padding:10px;border-radius:8px}.logout-button:hover{background-color:var(--green);color:#000}.user-name #name{font-weight:700;font-size:14px}.user-name #plan{font-weight:700;font-size:12px}.vision-select{position:relative;width:150px;font-family:sans-serif}.vision-trigger{width:100%;background:#111;color:#fff;border:1px solid #222;padding:10px 12px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:1px solid #383838}.arrow{font-size:12px;margin-left:8px;opacity:.7}.vision-dropdown{position:absolute;top:105%;width:100%;background:#1a1a1a;border:1px solid #222;border-radius:8px;padding:6px 0;display:flex;flex-direction:column;z-index:20}.vision-item{padding:10px 14px;cursor:pointer;color:#ddd;display:flex;align-items:center;gap:8px}.vision-item:hover{background:#2a2a2a}.selected{background:#262626}.check{font-size:14px}.dash-title{margin-bottom:30px}.dash-title h1{font-size:32px;font-weight:700;color:#fff}.dash-title p{font-size:16px;color:#8b8b8b;font-weight:500}.empty-data{display:flex}.empty-data h1{font-size:1.2rem;font-weight:400;color:#fff}.info-tab{display:flex;gap:4px;margin-bottom:25px;align-items:center;padding:4px;width:max-content;background-color:var(--header);border-radius:10px}.info-tab .tab{width:220px;background-color:unset;text-align:center;color:#afafaf;border-radius:10px;padding:5px;font-size:14px;cursor:pointer;transition:all .3s ease}.info-tab .tab.active{color:#fff;background-color:var(--main-bg)}.new-modal{background-color:var(--main-bg)!important;border:1px solid #333333!important;border-radius:12px!important}.new-modal header{color:#fff;padding-bottom:0!important}.new-modal legend{color:#fff}.new-modal{display:flex;flex-direction:column;gap:10px}.new-modal input,.new-modal textarea{background-color:var(--main-bg);border:1px solid #333333;border-radius:12px;color:#fff;padding:10px;width:100%;margin-bottom:10px;transition:all .3s ease}.new-modal input:focus,.new-modal textarea:focus{outline:none;border:1px solid var(--green)}.new-modal input::placeholder,.new-modal textarea::placeholder{color:#5a5a5a}.new-modal footer{padding-top:0!important}.new-modal footer button{width:100%;cursor:pointer;background-color:var(--green);color:#000;border:none;border-radius:12px;padding:10px;font-size:16px;font-weight:500;transition:all .3s ease;margin:0}.new-modal footer button:hover{background-color:#19b168}[data-swal2-theme=bulma],[data-swal2-theme=bulma-light],[data-swal2-theme=bulma-dark]{--swal2-backdrop: hsla(221deg, 14%, 4%, .86);--swal2-border-radius: .75rem;--swal2-padding: 1.25rem 0 0;--swal2-input-border: none;--swal2-input-box-shadow: 0 0 0 1px #d7d9e1 inset, 0 0 0 3px transparent;--swal2-input-hover-box-shadow: 0 0 0 1px #b9beca inset, 0 0 0 3px transparent;--swal2-input-focus-border: none;--swal2-input-focus-box-shadow: 0 0 0 1px #4259ff inset, 0 0 0 3px hsla(233deg, 100%, 58%, .25);--swal2-close-button-position: fixed;--swal2-close-button-inset: 1em;--swal2-close-button-font-size: 1.6em;--swal2-close-button-color: white;--swal2-actions-justify-content: flex-start;--swal2-actions-width: 100%;--swal2-actions-padding: 2rem;--swal2-actions-border-radius: 0 0 .75rem .75rem;--swal2-actions-background: #f9fafa;--swal2-action-button-hover: black 5%;--swal2-action-button-active: black 10%;--swal2-action-button-focus-box-shadow: 0 0 0 1px #4259ff inset, 0 0 0 3px hsla(233deg, 100%, 58%, .25);--swal2-confirm-button-background-color: #47c78e;--swal2-confirm-button-color: #190005;--swal2-deny-button-background-color: #ff6684;--swal2-deny-button-color: #190005;--swal2-cancel-button-background-color: #fff;--swal2-cancel-button-color: #190005;--swal2-cancel-button-box-shadow: 0 0 0 1px #d7d9e1 inset}@media(prefers-color-scheme:dark){[data-swal2-theme=bulma]{--swal2-background: #14161a;--swal2-color: #ebecef;--swal2-input-box-shadow: 0 0 0 1px #353a46 inset, 0 0 0 3px transparent;--swal2-input-hover-box-shadow: 0 0 0 1px #4b5262 inset, 0 0 0 3px transparent;--swal2-actions-background: #191b20;--swal2-cancel-button-background-color: #14161a;--swal2-cancel-button-color: #ebecef;--swal2-cancel-button-box-shadow: 0 0 0 1px #353a46 inset}}[data-swal2-theme=bulma-dark]{--swal2-background: #14161a;--swal2-color: #ebecef;--swal2-input-box-shadow: 0 0 0 1px #353a46 inset, 0 0 0 3px transparent;--swal2-input-hover-box-shadow: 0 0 0 1px #4b5262 inset, 0 0 0 3px transparent;--swal2-actions-background: #191b20;--swal2-cancel-button-background-color: #14161a;--swal2-cancel-button-color: #ebecef;--swal2-cancel-button-box-shadow: 0 0 0 1px #353a46 inset}.demands-list{display:flex;flex-direction:column;gap:15px}.demand .demand-status{display:flex;justify-content:flex-end}.client-invests{display:flex;justify-content:space-between;margin:10px 0}.deliberables-pan{display:flex;flex-direction:column;gap:10px}.deliberables-pan h3{color:#fff;font-weight:400}.deliberables-pan .deliberable-container{display:flex;gap:10px;align-items:center}.deliberables-pan .deliberable-container span{color:#fff;font-weight:400}.wrapp{display:flex;width:100%;justify-content:space-between;align-items:center}.wrapp .register-buttons{display:flex;gap:10px}.wrapp .register-buttons button{display:flex;align-items:center;gap:5px;background-color:var(--green);padding:10px 15px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:14px;outline:none;border:none}.wrapp .register-buttons button span{font-size:16px}.wrapp .register-buttons button:hover{background-color:#1ce38380}.wrapp .register-buttons button:first-child{background-color:unset;border:1px solid #333333;color:#fff}.wrapp .register-buttons button:first-child:hover{background-color:var(--green);color:#000}.cards-grid.head{gap:15px}.cards-grid.head .dashboard-card .card-title h3{display:flex;align-items:center;gap:10px;color:#afafaf!important;font-size:15px;font-weight:400}.cards-grid.head .dashboard-card .card-title #value{font-size:30px;font-weight:600;color:#fff}.demand-status span#team{background-color:unset;color:#fff;border:1px solid #333333}.demand-title:has(.demand-title-info){display:flex;flex-direction:row!important;gap:10px}.demand-title-actions{display:flex;flex-direction:column;justify-content:space-between}.demand-title-actions span.start{border:1px solid #333333;width:max-content;padding:2px 10px;border-radius:25px;font-size:12px!important;font-weight:700!important;color:#fff!important}.demand-title-info h3{margin-bottom:10px}.demand-title-actions span{flex:inline-end}.demand .demand-status{display:flex;justify-content:flex-end;align-items:center;gap:10px}.demand .demand-status span#head{background-color:unset;padding:5px 10px;border-radius:25px;font-size:12px;border:none;color:#fff}.demand .demand-status button{background-color:unset;border:none;cursor:pointer;color:#fff;font-size:18px;padding:10px;transition:all .3s ease;border-radius:10px;display:flex;align-items:center;justify-content:center}.demand .demand-status button:hover{background-color:var(--green);color:#000}.client-demand h1{color:#fff;margin-top:20px;font-size:16px;margin-bottom:10px;font-weight:600}.client-demand-container{display:grid;grid-template-columns:1fr 1fr;width:100%;align-items:center;gap:10px}.client-demand-info{display:flex;flex-direction:column}.client-demand-info span{font-size:14px;color:#d1d1d1}.client-demand-info h3{font-size:16px;font-weight:600;color:#fff}.client-demand .client-demand-list{background-color:#1f1f1f;border-radius:12px;margin-bottom:20px}.demand-container{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #333333;border-radius:12px;padding:15px}.client-demand .client-demand-list .demand:hover{background-color:unset;cursor:unset}.client-demand .wrapper{display:flex;justify-content:space-between;align-items:center}.client-demand .wrapper .button{display:flex;align-items:center;gap:5px;background-color:var(--green);padding:10px 15px;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:14px;outline:none;border:none}.client-demand .wrapper .button:hover{background-color:#1ce38380}.demand-container .demand-title{display:flex;flex-direction:column}.demand-container .demand-title p{color:#888}.demand-container .demand-title h3{color:#fff;font-weight:400;font-size:16px}.demand-container .demand-title span{color:#888;font-size:14px;font-weight:500}.demand-container .demand-status{display:flex;justify-content:flex-end;align-items:center;gap:10px}.demand-container .demand-status span#head{background-color:unset;padding:5px 10px;border-radius:25px;font-size:12px;border:none;color:#fff}.demand-container .vision-select .trash-button{background-color:red;border:none;cursor:pointer;color:#fff;font-size:18px;padding:10px;transition:all .3s ease;border-radius:10px;display:flex;align-items:center;justify-content:center}.demand-container .vision-select .trash-button:hover{background-color:#ff4949}.client-list-container{padding:10px 0}.client-list-item{transition:all .3s ease;cursor:pointer}.client-list-item:hover{background-color:#2a2a2a!important;border-color:#444!important}.dashboard-main{max-width:1400px;margin:0 auto;padding:30px 24px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:25px}.dashboard-card{background:var(--header);border-radius:12px;border:1px solid #333333;padding:20px;display:flex;flex-direction:column;gap:15px}.card-title{display:flex;flex-direction:column}.card-title h3{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:25px}.card-title h3 span{color:var(--green);display:flex;align-items:center;font-size:18px}.card-title span{font-size:14px;color:#888;font-weight:500}.card-value{color:var(--green);font-size:16px}.card-descriptive{display:flex;flex-direction:column;gap:10px}.card-descriptive .descriptive-item{display:flex;align-items:center;justify-content:space-between}.card-descriptive .descriptive-item span{color:#888;font-weight:500}.card-descriptive .descriptive-item span:last-child{color:#fff}.card-descriptive .descriptive-item #sended{border:1px solid #575757;border-radius:25px;font-size:12px;padding:2px 10px}.action-buttons{display:flex;gap:20px;width:100%;justify-content:space-between;margin-bottom:25px}.action-button.selected{background-color:var(--green);color:#000}.action-button{display:flex;justify-content:center;flex-direction:column;background-color:unset;border:1px solid #333333;outline:none;color:#fff;border-radius:12px;width:100%;padding:30px 20px;cursor:pointer;gap:10px;transition:all .3s ease}.action-button:hover{background-color:var(--green);color:#000}.action-button span{font-size:14px}.demands{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:var(--header);border-radius:12px;border:1px solid #333333}.demands-title{display:flex;flex-direction:column}.demands-title h2{font-size:24px;color:#fff}.demands-title span{font-size:14px;color:#888}.demand{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #333333;border-radius:12px;padding:15px;transition:all .3s ease;cursor:pointer}.demand:hover{background-color:#1ce38312}.demand .demand-title{display:flex;flex-direction:column}.demand .demand-title h3{color:#fff;font-weight:400;font-size:16px}.demand .demand-title span{color:#888;font-size:14px;font-weight:500}.demand .demand-status{display:flex;justify-content:flex-end;align-items:center}.demand .demand-status span{color:#000;font-weight:700;background-color:var(--green);padding:5px 10px;border-radius:25px;font-size:12px;white-space:nowrap}.demand .demand-status span.completed{background-color:var(--green)}.demand .demand-status span.pending{background-color:unset;color:#fff}@media(max-width:768px){.cards-grid{grid-template-columns:1fr}.info-item{flex-direction:column;align-items:flex-start;gap:8px}}.dashboard-container{min-height:100vh;background-color:var(--main-bg)}.add-deliverable-btn{background:var(--green);color:#000;border:none;padding:8px 14px;margin:15px 0;border-radius:6px;cursor:pointer;transition:all .3s ease}.add-deliverable-btn:hover{background:#198754}.deliverable-item{display:flex;align-items:center;gap:15px;background:#222;padding:12px;border-radius:8px}.qty-container{display:flex;align-items:center;gap:6px}.remove-btn{background:#c62828;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.unique-checkbox{color:#fff;display:flex;gap:6px}.deliverable-list input{background:var(--main-bg);padding:12px 16px;border-radius:8px;font-size:1rem;transition:all .3s ease;font-family:inherit;border:2px solid #383838;color:#fff}.deliverable-list input::placeholder{color:#666}.deliverable-list input:focus{outline:none;border-color:var(--green);border:2px solid var(--green)}.deliverable-list input:disabled{background-color:#f5f5f5;cursor:not-allowed}.back-button{background:unset;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;margin-top:8px}.back-button:hover{background:#383838}