@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@media screen and (max-width:1024px){.full-screen-modal{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;max-width:none!important;background:var(--bg-app)!important;z-index:99999!important;display:flex!important;flex-direction:column!important}.full-screen-modal .modal-inner{width:100%!important;max-width:100%!important;padding:60px 0 0!important;margin:0!important;flex:1!important;overflow-y:auto!important;overflow-x:hidden!important}.full-screen-modal .tab-content{width:100%!important;max-width:100%!important;padding:10px 2%!important;margin:0!important;box-sizing:border-box!important;box-shadow:none!important;border-radius:0!important}.full-screen-modal .projects-grid,.full-screen-modal .departments-container,.full-screen-modal .payments-list,.full-screen-modal .project-body-grid{display:flex!important;flex-direction:column!important;width:100%!important;padding:0!important;margin:0!important;gap:15px!important;box-sizing:border-box!important}.full-screen-modal .project-card,.full-screen-modal .payment-card,.full-screen-modal .department-section{width:100%!important;min-width:100%!important;margin:0!important;padding:12px 8px!important;border-radius:6px!important;box-sizing:border-box!important;border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 1px 3px #0000000d!important}.full-screen-modal .project-detail-header-prominent,.full-screen-modal .project-left-column,.full-screen-modal .project-right-column,.full-screen-modal .project-resources-section,.full-screen-modal .project-links-section,.full-screen-modal .project-tasks-section{width:100%!important;max-width:none!important;padding:0!important;margin:0 0 15px!important;box-sizing:border-box!important}.full-screen-modal .resource-item{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.full-screen-modal .project-card-header-main,.full-screen-modal .payment-card-header,.full-screen-modal .header-title-block{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important}.full-screen-modal .header-title-block h2{font-size:1.3rem!important;line-height:1.3!important}.full-screen-modal .layout-centered{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}.full-screen-modal input,.full-screen-modal select,.full-screen-modal textarea,.full-screen-modal button{max-width:100%!important}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple: #8B5CF6;--primary-purple-dark: #7C3AED;--primary-purple-light: #A78BFA;--primary-purple-lighter: #C4B5FD;--primary-pink: #EC4899;--primary-pink-dark: #DB2777;--primary-pink-light: #F472B6;--primary-green: #10b981;--primary-green-dark: #059669;--primary-green-light: #34d399;--header-bg: #ffffff;--primary-color: #8B5CF6;--bg-app: #ffffff;--text-main: #1f2937}.app-container.dark{--header-bg: #18191c;--bg-app: #18191c;--text-main: #e4e4e7}body{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-app);color:var(--text-main);line-height:1.6}#root{width:100%;min-height:100vh;padding:0;margin:0}.app-container{width:100%;height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;background-color:var(--bg-app);color:var(--text-main);transition:background-color .3s ease}@media(min-width:1025px){.app-container{max-width:1200px!important;margin:0 auto!important;box-shadow:0 0 100px #0000000d}}.top-bar-wrapper{position:sticky;top:0;z-index:1000;background-color:var(--header-bg);border-bottom:1px solid #eef0f3;box-shadow:0 4px 12px #00000008}.tab-link{display:flex;align-items:center;gap:.5rem;background:none;border:none;border-bottom:3px solid transparent;padding:.5rem .25rem;font-family:inherit;font-size:.95rem;font-weight:600;color:#676879;cursor:pointer;transition:all .2s ease}.tab-link:hover{color:var(--primary-purple)}.tab-link.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.tab-link .material-icons{font-size:1.25rem}.app-container.dark .tab-link{color:#a1a1aa}.app-container.dark .tab-link.active{color:var(--primary-purple-light);border-bottom-color:var(--primary-purple-light)}.app-container.dark .top-bar-wrapper{background:#18191ce6;border-bottom-color:#3f3f46}.layout-centered{width:100%;margin:0 auto;padding:0 2rem}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem 0;min-height:0}@media(max-width:1024px){.main-content{padding:1rem 0}}.scrollable-content{flex:1;overflow-y:auto;padding:2rem 0}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:transparent}.scrollable-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.app-container.dark .scrollable-content::-webkit-scrollbar-thumb{background:#3f3f46}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;width:100%}.header-left{flex:1;display:flex;align-items:center;gap:1.5rem}.app-logo{height:48px;width:auto;flex-shrink:0;display:block;transition:all .3s ease;cursor:pointer}.app-logo:hover{transform:scale(1.05)}.header-text{display:flex;flex-direction:column}.header-right{display:flex;gap:.75rem;align-items:center}.project-title{font-size:1.8rem;font-weight:700;color:#18191c;margin:0;letter-spacing:-.5px}.settings-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e6e9ef;border-radius:4px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;color:#323338;cursor:pointer;transition:all .2s ease}.settings-btn:hover{border-color:var(--primary-purple);background:#f9fafb;transform:translateY(-1px)}.settings-btn .material-icons{font-size:1.1rem}.language-btn{min-width:80px}.flag-icon{font-size:1.2rem}.lang-text{font-weight:600}.theme-btn{min-width:50px;justify-content:center}.app-container.dark{background-color:#18191c}.app-container.dark body{background-color:#18191c;color:#e4e4e7}.app-container.dark .project-title{color:#fff}.app-container.dark .project-subtitle{color:#a1a1aa}.app-container.dark .app-logo{opacity:1}.app-container.dark .settings-btn{background:#242529;border-color:#3f3f46;color:#e4e4e7}.app-container.dark .settings-btn:hover{background:#2d2e33;border-color:var(--primary-purple-light)}.app-container.dark .tabs-container{border-bottom-color:#3f3f46}.app-container.dark .tab{color:#a1a1aa}.app-container.dark .tab:hover{color:#e4e4e7;background-color:#8b5cf61a}.app-container.dark .tab.active{color:var(--primary-purple-light)}.app-container.dark .content-container{background:#242529}.app-container.dark .content-header h2{color:#fff}.app-container.dark .department-section{background:#242529}.app-container.dark .department-table thead{background-color:#2d2e33}.app-container.dark .department-table th{color:#a1a1aa;border-bottom-color:#3f3f46}.app-container.dark .department-table tbody tr{border-bottom-color:#3f3f46}.app-container.dark .department-table tbody tr:hover:not(.subtotal-row){background-color:#2d2e33}.app-container.dark .input-field{color:#e4e4e7;background:transparent}.app-container.dark .input-field:hover{background-color:#2d2e33;border-color:#3f3f46}.app-container.dark .input-field:focus{background-color:#242529;border-color:#0073ea}.app-container.dark .subtotal-row{background-color:#2d2e33!important}.app-container.dark .subtotal-amount{color:#e4e4e7}.app-container.dark .currency{color:#a1a1aa}.app-container.dark .grand-total-card{background:linear-gradient(135deg,#1e3a5f,#2d5a8f);border-color:#0073ea4d}.app-container.dark .grand-total-label,.app-container.dark .grand-total-amount,.app-container.dark .grand-total-amount .currency{color:#60a5fa}.app-container.dark .project-card{background:#242529}.app-container.dark .project-card.completed{background:#2d2e33}.app-container.dark .project-name-input:hover{border-bottom-color:#3f3f46}.app-container.dark .project-date,.app-container.dark .project-responsible,.app-container.dark .project-date-input,.app-container.dark .project-responsible-input{color:#a1a1aa}.app-container.dark .project-date-input:hover,.app-container.dark .project-responsible-input:hover{background:#2d2e33}.app-container.dark .project-responsible-input:focus{background:#2d2e33;color:#e4e4e7}.project-client-badge{display:inline-flex;align-items:center;gap:4px;background:#8b5cf61a;color:var(--primary-purple);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;margin-left:10px}.app-container.dark .project-client-badge{background:#a78bfa33;color:var(--primary-purple-light)}.project-client-badge .material-icons{font-size:1rem}.app-container.dark .project-description-input{background:#2d2e33;border-color:#3f3f46;color:#e4e4e7}.app-container.dark .project-description-input:hover{border-color:#52525b}.app-container.dark .project-description-input:focus{border-color:#0073ea;background:#242529}.app-container.dark .empty-state{background:#242529;border-color:#3f3f46;color:#71717a}.app-container.dark .projects-section-header h3{color:#e4e4e7}.tabs-container{display:flex;gap:.5rem;border-bottom:2px solid #e6e9ef;width:100%}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#676879;font-family:Raleway,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;bottom:-2px}.tab:hover{color:#323338;background-color:#8b5cf60d}.tab.active{color:var(--primary-purple);border-bottom-color:var(--primary-purple)}.tab .material-icons{font-size:1.2rem}.content-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;margin-bottom:2rem}.new-project-form-container{padding:2rem 0;display:flex;justify-content:center;align-items:flex-start;min-height:400px;animation:fadeIn .3s ease-out}.new-project-card{max-width:800px;width:100%;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;overflow:hidden;border:1px solid #eef0f3}.new-project-card .card-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;gap:1rem}.new-project-card .card-header h3{margin:0;font-size:1.25rem;font-weight:600}.new-project-card .form-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.new-project-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.new-project-card .form-group{display:flex;flex-direction:column;gap:.5rem}.new-project-card label{font-weight:600;color:#4b5563;font-size:.9rem}.new-project-card .textarea-field{resize:vertical;min-height:100px;line-height:1.5}.new-project-card .form-footer{padding:1.5rem 2rem;background-color:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #eef0f3}.app-container.dark .new-project-card{background:#1e293b;border-color:#334155;box-shadow:0 10px 30px #0000004d}.app-container.dark .new-project-card label{color:#94a3b8}.app-container.dark .new-project-card .form-footer{background-color:#0f172a;border-color:#334155}.app-container.dark .new-project-card .input-field{background-color:#0f172a;border-color:#334155;color:#fff}.app-container.dark .new-project-card .input-field:focus{border-color:#6366f1}.tab-content{padding:2rem 1rem;width:100%}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.content-header h2{font-size:1.5rem;font-weight:600;color:#323338}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--primary-purple);color:#fff;border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #8b5cf633}.btn-primary:hover{background-color:var(--primary-purple-dark);transform:translateY(-2px);box-shadow:0 10px 15px -3px #8b5cf64d}.btn-primary:active{transform:translateY(0)}.btn-primary .material-icons{font-size:1.1rem}.btn-delete{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;color:#676879;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background-color:#ffebeb;color:#d83a52}.btn-delete .material-icons{font-size:1.2rem}.table-container{overflow-x:auto;border-radius:8px;border:1px solid #e6e9ef}.monday-table{width:100%;border-collapse:collapse;background:#fff}.monday-table thead{background-color:#f5f6f8}.monday-table th{padding:1rem;text-align:left;font-weight:600;font-size:.85rem;color:#676879;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e6e9ef}.monday-table tbody tr{border-bottom:1px solid #e6e9ef;transition:background-color .15s ease}.monday-table tbody tr:hover{background-color:#f9fafb}.monday-table tbody tr.total-row{background-color:#f5f6f8;font-weight:600}.monday-table tbody tr.total-row:hover{background-color:#f5f6f8}.monday-table td{padding:.75rem 1rem}.input-field{width:100%;padding:.5rem .75rem;border:1px solid transparent;border-radius:4px;font-family:Raleway,sans-serif;font-size:.9rem;color:#323338;background:transparent;transition:all .2s ease}.input-field:hover{background-color:#f5f6f8;border-color:#e6e9ef}.input-field:focus{outline:none;background-color:#fff;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf61a}.price-input{display:flex;align-items:center;gap:.25rem}.currency{font-weight:500;color:#676879;font-size:.9rem}.total-amount{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:#0073ea}.total-amount .currency{font-size:1rem;color:#0073ea}.material-icons{font-family:Material Icons!important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@media(max-width:768px){.app-container{padding:1rem}.header{flex-direction:column;gap:1rem;padding:1rem 0}.header-left{flex-direction:column;gap:.5rem;text-align:center}.content-header{flex-direction:column;align-items:flex-start;gap:1rem}.tab-content{padding:1rem}.monday-table th,.monday-table td{padding:.5rem;font-size:.85rem}.btn-primary{width:100%;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content{animation:fadeIn .3s ease}.presupuesto-content{padding:2rem;background:transparent}.departments-container{display:flex;flex-direction:column;gap:2rem}.department-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:box-shadow .3s ease}.department-section:hover{box-shadow:0 4px 12px #0000001f}.department-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;color:#fff}.department-header.purple{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-dark) 100%)}.department-header.pink{background:linear-gradient(135deg,var(--primary-pink) 0%,var(--primary-pink-dark) 100%)}.department-header.green{background:linear-gradient(135deg,#10b981,#059669)}.department-header h3{font-size:1.25rem;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.5px}.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background-color:#1e3a8a!important;color:#fff!important;border:1px solid #1e40af;border-radius:6px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0003;opacity:1!important}.btn-add-item:hover{background-color:#1e40af!important;transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.btn-add-item .material-icons{font-size:1rem}.department-table-container{padding:0}.department-table{width:100%;border-collapse:collapse}.department-table thead{background-color:#f5f6f8}.department-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.85rem;color:#676879;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e6e9ef}.department-table tbody tr{border-bottom:1px solid #e6e9ef;transition:background-color .15s ease}.department-table tbody tr:hover:not(.subtotal-row){background-color:#f9fafb}.department-table td{padding:.75rem 1.5rem}.subtotal-row{background-color:#f5f6f8!important;font-weight:600;border-top:2px solid #e6e9ef!important}.subtotal-row:hover{background-color:#f5f6f8!important}.subtotal-amount{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;color:#323338}.subtotal-amount .currency{font-size:.95rem;color:#676879}.grand-total-card{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);padding:2.5rem;border-radius:8px;text-align:center;box-shadow:0 4px 16px #8b5cf633;border:2px solid rgba(139,92,246,.1);margin-top:1rem}.grand-total-label{font-size:1.5rem;font-weight:700;color:#7c3aed;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.grand-total-amount{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:3rem;font-weight:800;color:var(--primary-purple);line-height:1}.grand-total-amount .currency{font-size:2.5rem;color:var(--primary-purple);font-weight:700}@media(max-width:768px){.department-header{flex-direction:column;gap:1rem;align-items:flex-start}.btn-add-item{width:100%;justify-content:center}.department-table th,.department-table td{padding:.5rem;font-size:.85rem}.grand-total-card{padding:1.5rem}.grand-total-label{font-size:1.2rem}.grand-total-amount{font-size:2rem}.grand-total-amount .currency{font-size:1.75rem}}.proyectos-content{padding:2rem;background:transparent}.projects-section{margin-bottom:2.5rem}.projects-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-purple)}.projects-section-header.completed{border-bottom-color:#9ca3af}.projects-section-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#323338;margin:0}.projects-section-header h3 .material-icons{font-size:1.5rem;color:var(--primary-purple)}.projects-section-header.completed h3 .material-icons{color:#9ca3af}.projects-count{background:var(--primary-purple);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.projects-section-header.completed .projects-count{background:#9ca3af}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%}.project-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border-left:4px solid var(--primary-purple);transition:all .3s ease;display:flex;flex-direction:column}.project-card.expanded{grid-column:1 / -1;border-left-width:6px;box-shadow:0 12px 24px #00000026}.project-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.project-card.completed{border-left-color:#9ca3af;background:#f9fafb;opacity:.85}.project-card.completed:hover{opacity:1}.project-card-header-main{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;padding-bottom:.5rem}.project-title-static{font-weight:700;font-size:1.125rem;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left;margin:0}.project-header-right-simplified{display:flex;align-items:center;gap:1rem;flex-shrink:0}.priority-mini-tag{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f3f4f6;color:#9ca3af}.priority-mini-tag.alta{background:#fee2e2;color:#ef4444}.priority-mini-tag.media{background:#fef3c7;color:#f59e0b}.priority-mini-tag.baja{background:#d1fae5;color:#10b981}.priority-mini-tag .material-icons{font-size:14px}.project-header-actions{display:flex;align-items:center;gap:.5rem}.btn-complete-mini,.btn-delete-mini{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;background:transparent;color:#9ca3af}.btn-complete-mini:hover{background:#d1fae5;color:#10b981}.btn-delete-mini:hover{background:#fee2e2;color:#ef4444}.toggle-icon{color:#9ca3af;transition:transform .3s ease}.project-card.expanded .toggle-icon{transform:rotate(180deg);color:var(--primary-purple)}.project-info{flex:1}.project-title-static{font-weight:700;font-size:1.125rem;color:#1f2937;margin-right:auto;margin-left:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.app-container.dark .project-title-static{color:#fff}.project-name-input{flex:1;display:block;width:100%;min-width:100px;font-size:1.15rem;font-weight:700;color:#323338;background-color:transparent;border:none;border-bottom:2px solid transparent;padding:.25rem 0;font-family:Raleway,sans-serif;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;z-index:10}.project-name-input::placeholder{color:#94a3b8;opacity:1}.project-header-left{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0;overflow:hidden}.date-compact{font-size:.85rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}.project-card.completed .project-name-input{color:#676879}.project-meta{display:flex;gap:1.5rem;margin-top:.75rem;flex-wrap:wrap}.project-date,.project-responsible{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#676879}.project-date .material-icons,.project-responsible .material-icons{font-size:1rem;color:#9ca3af}.project-date-input{border:none;background:transparent;font-family:Raleway,sans-serif;font-size:.85rem;color:#676879;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.project-date-input:hover{background:#f5f6f8}.project-date-input:focus{outline:none;background:#f5f6f8;color:#323338}.project-actions{display:flex;gap:.5rem;align-items:flex-start}.btn-complete{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-purple);color:#fff;border:none;border-radius:4px;font-family:Raleway,sans-serif;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-complete:hover{background:var(--primary-purple-dark);transform:translateY(-1px);box-shadow:0 2px 6px #8b5cf64d}.btn-complete .material-icons{font-size:1rem}.btn-delete-project{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;color:#676879;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-delete-project:hover{background:#ffebeb;color:#d83a52}.btn-delete-project .material-icons{font-size:1.2rem}.project-links-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e6e9ef}.project-links-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:600;color:#676879}.project-links-header .material-icons{font-size:1.1rem}.btn-add-link{margin-left:auto;display:flex;align-items:center;padding:.25rem .5rem;background:var(--primary-purple);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-add-link:hover{background:var(--primary-purple-dark);transform:translateY(-1px);box-shadow:0 2px 4px #8b5cf633}.btn-add-link .material-icons{font-size:1rem}.project-links-list{display:flex;flex-direction:column;gap:.5rem}.link-row{display:grid;grid-template-columns:2fr 1.5fr auto;gap:.5rem;align-items:center}.link-url-input,.link-comment-input{padding:.5rem .75rem;border:1px solid #e6e9ef;border-radius:4px;font-family:Raleway,sans-serif;font-size:.85rem;transition:all .2s ease}.link-url-input:hover,.link-comment-input:hover{border-color:#d1d5db}.link-url-input:focus,.link-comment-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf61a}.link-url-input{color:var(--primary-purple);font-weight:500}.btn-delete-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #e6e9ef;border-radius:4px;color:#d83a52;cursor:pointer;transition:all .2s ease}.btn-delete-link:hover{background:#ffebeb;border-color:#d83a52}.btn-delete-link .material-icons{font-size:1.1rem}.project-detail-header-prominent{padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #eef0f3;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#1e293b}.header-title-block{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.header-title-block h2{margin:0;font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-actions-expanded{display:flex;gap:.5rem;align-items:center}.project-detail-header-prominent .material-icons{color:#6366f1;font-size:2rem}.secondary-header-tasks{margin:2rem 0 1rem;display:flex;align-items:center;gap:.75rem;color:#4b5563;padding-bottom:.5rem;border-bottom:2px solid #6366f1}.secondary-header-tasks h3{margin:0;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.project-tasks-section{width:100%!important;max-width:none!important;padding:0 2rem}.form-row-balanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem;width:100%}.flex-1{flex:1}.form-footer-tasks{display:flex;justify-content:flex-end;margin-top:1rem}.app-container.dark .project-detail-header-prominent{background:#0f172a;border-color:#334155;color:#f8fafc}.app-container.dark .secondary-header-tasks{color:#94a3b8;border-color:#4f46e5}.no-links-message{padding:1rem;text-align:center;color:#9ca3af;font-size:.85rem;font-style:italic}.project-card.completed .project-description-input{background:#f9fafb;color:#676879}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:#fff;border-radius:8px;border:2px dashed #e6e9ef;color:#9ca3af}.empty-state .material-icons{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:.95rem;margin:0}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card-header{flex-direction:column}.project-actions{width:100%;justify-content:flex-end}.btn-complete{flex:1;justify-content:center}.project-meta{flex-direction:column;gap:.75rem}.link-row{grid-template-columns:1fr;gap:.5rem}.btn-delete-link{width:100%}}.app-container.dark .project-links-section{border-top-color:#3f3f46}.app-container.dark .project-links-header{color:#a1a1aa}.app-container.dark .link-url-input,.app-container.dark .link-comment-input{background:#2d2e33;border-color:#3f3f46;color:#e4e4e7}.app-container.dark .link-url-input{color:var(--primary-purple-light)}.app-container.dark .link-url-input:hover,.app-container.dark .link-comment-input:hover{border-color:#52525b}.app-container.dark .link-url-input:focus,.app-container.dark .link-comment-input:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf626}.app-container.dark .btn-delete-link{background:transparent;border-color:#3f3f46}.app-container.dark .btn-delete-link:hover{background:#d83a521a;border-color:#d83a52}.app-container.dark .no-links-message{color:#71717a}.grand-total-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-confirm-payment{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm-payment:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-confirm-payment:disabled{opacity:.5;cursor:not-allowed}.btn-download-payment-pdf{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:var(--primary-purple);border:2px solid var(--primary-purple);border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-download-payment-pdf:hover:not(:disabled){background:var(--primary-purple);color:#fff}.btn-download-payment-pdf:disabled{opacity:.5;cursor:not-allowed}.historial-content{padding:2rem}.payments-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.payment-card{background:#fff;border:1px solid #e6e9ef;border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.payment-card:hover{box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.payment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f2f7}.payment-info h3{margin:0 0 .5rem;color:#323338;font-size:1.25rem;font-weight:700}.payment-date{display:flex;align-items:center;gap:.5rem;color:#676879;font-size:.9rem}.payment-date .material-icons{font-size:1.1rem}.payment-total{font-size:1.75rem;font-weight:800;color:var(--primary-purple)}.payment-items h4{margin:0 0 1rem;color:#676879;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.payment-items ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.payment-items li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px;border:1px solid #f0f2f7}.item-price{font-weight:700;color:#323338;background:#fff;padding:.25rem .6rem;border-radius:4px;border:1px solid #e6e9ef}.payment-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0f2f7;display:flex;justify-content:flex-end}.btn-delete-payment{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:transparent;color:#d83a52;border:1.5px solid #d83a52;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-delete-payment:hover{background:#d83a52;color:#fff;box-shadow:0 4px 12px #d83a5233}.app-container.dark .payment-card{background:#242529;border-color:#3f3f46;box-shadow:0 4px 6px #0003}.app-container.dark .payment-header,.app-container.dark .payment-actions{border-color:#3f3f46}.app-container.dark .payment-info h3{color:#e4e4e7}.app-container.dark .payment-items li{background:#1e1f23;border-color:#3f3f46}.app-container.dark .item-price{background:#2d2e33;color:#e4e4e7;border-color:#3f3f46}.app-container.dark .btn-download-payment-pdf{background:transparent;border-color:var(--primary-purple);color:var(--primary-purple-light)}.app-container.dark .btn-download-payment-pdf:hover:not(:disabled){background:var(--primary-purple);color:#fff}@media(max-width:640px){.payment-header{flex-direction:column;gap:1rem}.payment-total{align-self:flex-start}.payment-items ul{grid-template-columns:1fr}}.notification-container{position:relative}.notification-badge{position:absolute;top:-5px;right:-5px;background:#d83a52;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;border:2px solid white}.notification-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;overflow:hidden;border:1px solid #e6e9ef;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{padding:1rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e6e9ef;display:flex;justify-content:space-between;align-items:center}.notification-dropdown-header h3{margin:0;font-size:1rem;color:#323338}.btn-clear-notif{background:none;border:none;color:#676879;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-clear-notif:hover{background:#e6e9ef;color:var(--primary-purple)}.notification-actions{display:flex;gap:.5rem}.btn-mark-all{background:none;border:none;color:#6366f1;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:all .2s}.btn-mark-all:hover{background-color:#f0f1ff;color:#4f46e5}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:1rem;border-bottom:1px solid #f0f2f5;transition:all .2s;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.notification-item:hover{background-color:#f8fafc}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#f5f7ff}.notification-item.unread:hover{background-color:#eff2ff}.notification-content{flex:1}.unread-dot{width:8px;height:8px;background-color:#6366f1;border-radius:50%;flex-shrink:0}.app-container.dark .notification-item.unread{background-color:#6366f11a}.app-container.dark .notification-item.unread:hover{background-color:#6366f126}.app-container.dark .unread-dot{background-color:#818cf8;box-shadow:0 0 8px #818cf866}.notification-item p{margin:0 0 .25rem;font-size:.9rem;color:#323338;line-height:1.4;text-align:left}.notif-time{font-size:.75rem;color:#9ca3af;display:block;text-align:left}.no-notifications{padding:2rem;text-align:center;color:#9ca3af}.no-notifications .material-icons{font-size:3rem;opacity:.3;margin-bottom:.5rem}.project-finished-date{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#10b981;font-weight:600;background:#10b9811a;padding:.25rem .6rem;border-radius:100px}.project-finished-date .material-icons{font-size:1rem}.project-tasks-section{padding:1.25rem;background:#f8f9fa;border-top:1px solid #e6e9ef;border-bottom:1px solid #e6e9ef}.project-tasks-header{margin-bottom:1rem}.header-label{display:flex;align-items:center;gap:.5rem;color:#676879;font-weight:600;font-size:.9rem}.task-technical-form{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e6e9ef;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d}.task-technical-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.task-technical-form .form-group{display:flex;flex-direction:column;gap:.4rem}.task-technical-form .form-group label{font-size:.8rem;font-weight:600;color:#676879;text-transform:uppercase;letter-spacing:.02em}.task-technical-form input,.task-technical-form textarea{padding:.6rem .8rem;border:1px solid #e6e9ef;border-radius:6px;font-size:.9rem;transition:all .2s;background:#fcfcfd}.task-technical-form textarea{resize:vertical;min-height:120px;width:100%}.form-group.full-width{grid-column:1 / -1}.priority-select{padding:.6rem .8rem;border:1px solid #e6e9ef;border-radius:6px;font-size:.9rem;background:#fcfcfd;cursor:pointer;font-family:inherit}.priority-select:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf61a}.task-technical-form input:focus,.task-technical-form textarea:focus{outline:none;border-color:var(--primary-purple);background:#fff;box-shadow:0 0 0 3px #8b5cf61a}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.btn-file-upload{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#f0f2f7;border:1px dashed #cdd2df;border-radius:6px;color:#676879;font-size:.85rem;cursor:pointer;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-file-upload:hover{background:#e6e9ef;border-color:var(--primary-purple);color:var(--primary-purple)}.btn-save-task{align-self:flex-start;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary-purple);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save-task:hover{background:#7c3aed;box-shadow:0 4px 12px #8b5cf64d}.subtasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.task-fiche{background:#fff;border:1px solid #e6e9ef;border-radius:10px;padding:1rem;transition:all .2s;display:flex;flex-direction:column;gap:.75rem;text-align:left}.task-fiche:hover{border-color:var(--primary-purple-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.task-fiche-header{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #f0f2f7;padding-bottom:.5rem}.task-fiche-header h3{margin:0;font-size:1rem;color:#323338;font-weight:600;flex:1}.priority-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.2rem .6rem;border-radius:20px;letter-spacing:.05em;margin-left:.5rem}.priority-tag.alta{background:#fee2e2;color:#dc2626}.priority-tag.media{background:#fef3c7;color:#d97706}.priority-tag.baja{background:#e0f2fe;color:#0284c7}.task-fiche.priority-alta{border-top:3px solid #dc2626}.task-checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0073ea}.task-fiche-body{display:flex;flex-direction:column;gap:.5rem}.task-comment{margin:0;font-size:.9rem;color:#676879;line-height:1.4}.task-meta-grid{display:flex;flex-wrap:wrap;gap:.75rem}.task-link,.task-file{display:flex;align-items:center;gap:.3rem;font-size:.8rem;padding:.2rem .5rem;background:#f0f2f7;border-radius:4px;color:#676879;text-decoration:none}.task-link:hover{background:var(--primary-purple-light);color:var(--primary-purple)}.task-timestamps{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f0f2f7;display:flex;flex-direction:column;gap:.25rem}.timestamp{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#9ca3af}.timestamp .material-icons{font-size:.9rem}.task-fiche.completed{border-left:4px solid #0073ea}.task-fiche.completed h3,.task-fiche.completed .task-comment{color:#0073ea;opacity:.8}.task-fiche.completed .timestamp.finished{color:#10b981;font-weight:600}.app-container.dark .task-technical-form{background:#242529;border-color:#3f3f46}.app-container.dark .task-technical-form input,.app-container.dark .task-technical-form textarea{background:#1e1f23;border-color:#3f3f46;color:#e4e4e7}.app-container.dark .task-technical-form input:focus,.app-container.dark .task-technical-form textarea:focus{background:#18191c;border-color:var(--primary-purple)}.app-container.dark .btn-file-upload{background:#2d2e33;border-color:#3f3f46;color:#a1a1aa}.app-container.dark .task-fiche{background:#242529;border-color:#3f3f46}.app-container.dark .task-fiche-header{border-bottom-color:#3f3f46}.app-container.dark .task-fiche-header h3{color:#e4e4e7}.app-container.dark .task-comment{color:#a1a1aa}.app-container.dark .task-link,.app-container.dark .task-file{background:#2d2e33;color:#a1a1aa}.app-container.dark .task-fiche-body,.app-container.dark .task-timestamps{border-top-color:#3f3f46}.app-container.dark .priority-select{background:#1e1f23;border-color:#3f3f46;color:#e4e4e7}.app-container.dark .priority-tag.alta{background:#dc262633;color:#f87171}.app-container.dark .priority-tag.media{background:#d9770633;color:#fbbf24}.app-container.dark .priority-tag.baja{background:#0284c733;color:#38bdf8}@media(max-width:768px){.subtasks-grid,.task-technical-form .form-row{grid-template-columns:1fr}}@media(max-width:640px){.notification-dropdown{width:280px;right:-50px}}.project-card,.payment-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:1px solid #e6e9ef;margin-bottom:1rem;overflow:hidden}.project-card.compact,.payment-card.compact{padding-bottom:0}.project-card-header-main,.payment-card-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;transition:background-color .2s ease}.project-card-header-main:hover,.payment-card-header:hover{background-color:#8b5cf614}.project-header-left,.payment-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.project-header-right,.payment-header-right{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.toggle-icon{color:#676879;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),color .3s ease;font-size:1.5rem;margin-left:.5rem}.project-card.expanded .toggle-icon,.payment-card.expanded .toggle-icon{color:var(--primary-purple);transform:rotate(180deg)}.project-name-input{flex:1;font-size:1.05rem;font-weight:600;border:none;background:transparent;padding:.4rem .6rem;border-bottom:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.project-name-input:focus{border-bottom-color:var(--primary-purple);background:#8b5cf60d;outline:none}.project-meta-compact,.payment-info{display:flex;align-items:center;gap:1rem}.date-compact,.payment-date{font-size:.8rem;color:#676879;background:#f1f5f9;padding:.2rem .6rem;border-radius:20px;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.priority-mini-tag{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#0000000d}.priority-mini-tag.alta{color:#ef4444;background:#ef44441a}.priority-mini-tag.media{color:#f59e0b;background:#f59e0b1a}.priority-mini-tag.baja{color:#10b981;background:#10b9811a}.priority-mini-tag .material-icons{font-size:1rem}.project-header-actions{display:flex;gap:.5rem}.btn-complete-mini,.btn-delete-mini,.btn-delete-payment-mini{background:transparent;border:none;cursor:pointer;color:#676879;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:6px;transition:all .2s ease}.btn-complete-mini:hover{color:#10b981;background:#ecfdf5}.btn-delete-mini:hover,.btn-delete-payment-mini:hover{color:#ef4444;background:#fef2f2}.project-card-details,.payment-card-details{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;padding:0 1.25rem;visibility:hidden}.project-card-details.show,.payment-card-details.show{max-height:3000px;opacity:1;padding-bottom:1.5rem;border-top:1px solid #f1f5f9;padding-top:1rem;visibility:visible}.project-header-details{margin-bottom:1.5rem}.project-meta-full{display:flex;flex-wrap:wrap;gap:2rem;color:#676879}.app-container.dark .project-card,.app-container.dark .payment-card{border-color:#3f3f46;background:#242529}.app-container.dark .project-card-header-main:hover,.app-container.dark .payment-card-header:hover{background-color:#8b5cf626}.app-container.dark .date-compact,.app-container.dark .payment-date{background:#27272a;color:#a1a1aa}.app-container.dark .project-card-details.show,.app-container.dark .payment-card-details.show{border-top-color:#3f3f46}.app-container.dark .btn-complete-mini:hover{background:#10b9811a;color:#34d399}.app-container.dark .btn-delete-mini:hover,.app-container.dark .btn-delete-payment-mini:hover{background:#ef44441a;color:#f87171}.app-container.dark .project-name-input{color:#e4e4e7}.app-container.dark .payment-total{color:#60a5fa;font-weight:700}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirmation-modal{background:#fff;width:90%;max-width:450px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:1.5rem;animation:modalSlideIn .3s cubic-bezier(.175,.885,.32,1.275)}.app-container.dark .confirmation-modal{background:#18181b;border:1px solid #3f3f46}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.danger-icon{color:#ef4444;font-size:2rem}.modal-header h3{margin:0;font-size:1.25rem;color:#18181b}.app-container.dark .modal-header h3{color:#f4f4f5}.modal-body p{color:#676879;line-height:1.5;margin:0 0 1.5rem}.app-container.dark .modal-body p{color:#a1a1aa}.modal-footer{display:flex;justify-content:flex-end;gap:1rem}.btn-cancel{padding:.75rem 1.5rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.app-container.dark .btn-cancel{background:#27272a;border-color:#3f3f46;color:#a1a1aa}.app-container.dark .btn-cancel:hover{background:#3f3f46}.btn-confirm-danger{padding:.75rem 1.5rem;border-radius:8px;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #ef444433}.btn-confirm-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 10px -1px #ef44444d}.btn-confirm-danger:active{transform:translateY(0)}.btn-delete-task-mini{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .2s;margin-left:auto}.btn-delete-task-mini:hover{color:#ef4444;background:#ef44441a}.btn-clear-notif.danger{color:#ef4444}.btn-clear-notif.danger:hover{background:#ef44441a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1024px){.app-container{min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.app-container:not(.modal-open){justify-content:flex-start}.app-container.modal-open{overflow:hidden;height:100vh;position:fixed;width:100%;z-index:9999}.header{justify-content:center!important;text-align:center!important}.header-left{justify-content:center!important;width:100%!important;flex-direction:column!important;gap:15px!important}.app-logo{margin-bottom:5px!important}.header-text{align-items:center!important}.header-right{justify-content:center!important;width:100%!important;margin-top:10px!important}.layout-centered{width:100%!important;padding:0 0 80px!important;max-width:none!important}.pc-only{display:none!important}.mobile-only,.dashboard-view{display:block!important}.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:15px!important;padding:20px 0!important;width:100%!important}.grid-tab{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:28px 20px!important;border-radius:20px!important;background:#fff!important;box-shadow:0 8px 24px #00000014!important;min-height:110px!important;text-align:center!important;border:1px solid rgba(0,0,0,.03)!important}.grid-tab h3{font-size:.9rem!important;font-weight:600!important;margin:0!important;color:#323338!important}.grid-tab .material-icons{font-size:2rem!important}.app-container.dark .grid-tab{background:#242529!important;border-color:#ffffff1a!important}.app-container.dark .grid-tab h3{color:#fff!important}.dashboard-actions{display:flex;justify-content:flex-end;margin-bottom:20px;width:100%}.dashboard-actions .btn-primary{padding:12px 20px!important;border-radius:12px!important;font-weight:600!important;box-shadow:0 4px 12px #0073ea4d!important}.full-screen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-app);z-index:9999;overflow-y:auto;display:flex;flex-direction:column;animation:fadeIn .3s ease}.app-container.dark .full-screen-modal{background:#18181b}.modal-inner{padding:60px 20px 20px;flex:1}.close-tab-btn{position:fixed;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:#0000000d;border:none;display:flex;align-items:center;justify-content:center;z-index:10001;cursor:pointer}.app-container.dark .close-tab-btn{background:#ffffff1a;color:#fff}.input-field,.priority-select,textarea,input[type=text],input[type=url],input[type=date],select{font-size:16px!important;padding:12px!important;border-radius:10px!important}.btn-primary,.btn-save-task,.btn-confirm-payment{width:100%!important;padding:14px!important;font-size:1rem!important;border-radius:12px!important;justify-content:center!important}.task-technical-form.full-page{display:flex;flex-direction:column;gap:15px;background:transparent!important;padding:0!important;box-shadow:none!important}.form-row-balanced{flex-direction:column!important;gap:15px!important}.notifications-content,.language-selection-content{padding:0!important}.notification-list{max-height:none!important}.language-options{display:flex;flex-direction:column;gap:12px}.lang-option{display:flex;align-items:center;gap:15px;padding:15px;border-radius:12px;border:1px solid rgba(0,0,0,.05);background:#00000005;width:100%;font-size:1.1rem;cursor:pointer}.app-container.dark .lang-option{background:#ffffff0d;border-color:#ffffff1a;color:#fff}.lang-option.active{border-color:var(--primary-color);background:#7c3aed0d}.full-screen-modal .project-card{width:100%!important;max-width:none!important;margin:0!important;padding:15px!important;border-left:none!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid rgba(0,0,0,.1)!important}.app-container.dark .full-screen-modal .project-card{border-bottom-color:#ffffff1a!important;background:transparent!important}.secondary-header-tasks{display:flex!important;flex-direction:column!important;align-items:center!important;gap:15px!important;padding:20px 0!important;text-align:center!important}.secondary-header-tasks.clickable-mobile{cursor:pointer!important}.secondary-header-tasks.clickable-mobile:active{background:#00000005!important}.secondary-header-tasks h3{margin:0!important;font-size:1.1rem!important}.btn-add-task-mobile{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:14px!important;background:var(--primary-color)!important;color:#fff!important;border-radius:12px!important;font-weight:600!important;font-size:.95rem!important;border:none!important;box-shadow:0 4px 10px #0000001a!important}.subtasks-grid{display:flex!important;flex-direction:column!important;gap:15px!important}.task-fiche{width:100%!important;padding:15px!important;border-radius:12px!important;margin-bottom:5px!important}.task-fiche-header h3{font-size:.95rem!important;word-break:break-word!important;padding-right:30px!important}.mobile-hide,.pc-only-flex{display:none!important}.full-screen-modal{display:flex!important}}@media(min-width:1025px){.full-screen-modal{position:static!important;width:100%!important;height:auto!important;background:transparent!important;display:block!important;animation:none!important}.modal-inner{padding:0!important}.close-tab-btn{display:none!important}}.project-mobile-actions-footer{display:flex!important;flex-direction:column!important;gap:12px!important;padding:20px 0!important;margin-top:20px!important;border-top:1px solid rgba(0,0,0,.05)!important}.app-container.dark .project-mobile-actions-footer{border-top-color:#ffffff0d!important}.btn-complete-mobile{width:100%!important;padding:16px!important;background:#7c3aed!important;color:#fff!important;border:none!important;border-radius:12px!important;font-size:1rem!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;box-shadow:0 4px 12px #7c3aed33!important}.btn-complete-mobile .material-icons{color:#fff!important;font-size:1.4rem!important}.btn-delete-project-mobile{width:100%!important;padding:14px!important;background:#ef44441a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)!important;border-radius:12px!important;font-size:.95rem!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.btn-delete-project-mobile .material-icons{font-size:1.2rem!important}@media(min-width:1025px){.mobile-only,.dashboard-view{display:none!important}.pc-only,.pc-only-flex{display:flex!important}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:radial-gradient(circle at top right,#fdfcfd,#f3f4f6);font-family:Raleway,sans-serif;padding:1.5rem}.app-container.dark+.login-wrapper,.app-container.dark .login-wrapper{background:radial-gradient(circle at top right,#1e1b4b,#0f172a)}.login-card{width:100%;max-width:420px;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 40px #0000000a,0 1px 3px #00000005;border:1px solid rgba(255,255,255,.5);animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.app-container.dark .login-card{background:#1e293bb3;border-color:#ffffff1a;box-shadow:0 20px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.lock-icon-container{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 8px 16px #8b5cf633}.login-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.025em}.app-container.dark .login-header h1{color:#f8fafc}.login-header p{color:#64748b;font-size:.95rem}.app-container.dark .login-header p{color:#94a3b8}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:600;color:#475569;margin-left:.25rem}.app-container.dark .form-group label{color:#cbd5e1}.input-icon{position:absolute;left:1rem;color:#94a3b8;transition:color .2s ease}.input-with-icon input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1e293b;transition:all .2s ease;font-family:inherit}.app-container.dark .input-with-icon input{background:#0f172a;border-color:#334155;color:#f8fafc}.input-with-icon input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.input-with-icon input:focus+.input-icon{color:#8b5cf6}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .2s ease}.password-toggle:hover{color:#8b5cf6}.login-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;color:#dc2626;font-size:.875rem;font-weight:500;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.app-container.dark .login-error{background:#7f1d1d33;border-color:#dc262633;color:#f87171}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;box-shadow:0 4px 12px #7c3aed33}.login-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed4d;filter:brightness(1.05)}.login-button:active{transform:translateY(0)}.btn-logout{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background:#f1f5f9;color:#ef4444;border-color:#fecaca}.app-container.dark .btn-logout{color:#94a3b8;border-color:#334155}.app-container.dark .btn-logout:hover{background:#ef44441a;color:#f87171;border-color:#ef444433}.notif-author-diego{color:#3b82f6;font-weight:700}.notif-author-seda{color:#10b981;font-weight:700}.logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo{height:80px;max-width:100%;object-fit:contain;transition:transform .3s ease}.login-logo:hover{transform:scale(1.05)}.user-greeting{padding:2rem 0 1rem;border-bottom:1px solid #e2e8f0;margin-bottom:2rem}.user-greeting h1{font-size:2.25rem;font-weight:800;color:#1e293b;letter-spacing:-.025em;margin:0}.app-container.dark .user-greeting{border-bottom-color:#334155}.app-container.dark .user-greeting h1{color:#f8fafc}@media(max-width:768px){.user-greeting{padding:1.5rem 1rem 1rem;text-align:center}.user-greeting h1{font-size:1.75rem}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f8fafc;z-index:9999}.app-container.dark .loading-screen{background:#0f172a}.pulse-logo{height:100px;object-fit:contain;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;transition:color .2s ease}.input-with-icon input{padding-left:3.25rem!important}.user-greeting{min-height:80px;display:flex;align-items:center}.app-content-wrapper{opacity:0;transition:opacity .5s ease-in-out}.app-container:not(.loading) .app-content-wrapper{opacity:1}@media(min-width:769px){.tabs-container.pc-only{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 4px 12px #00000014;padding:.5rem 0;margin-bottom:2rem}.app-container.dark .tabs-container.pc-only{background:#1e293b;background:#0f172a;box-shadow:0 4px 12px #0000004d}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:modalFadeIn .3s ease}.modal-container{background:#fff;width:100%;max-width:1200px;max-height:90vh;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:0 1rem}.app-container.dark .modal-container{background:#1e293b;color:#f8fafc}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.app-container.dark .modal-header{border-bottom-color:#334155}.modal-header h2{margin:0;font-size:1.5rem;color:#1e293b}.app-container.dark .modal-header h2{color:#f8fafc}.modal-close{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease}.modal-close:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.app-container.dark .modal-close{background:#334155;color:#94a3b8}.modal-body{padding:2rem;overflow-y:auto}.modal-scroll-view{max-height:70vh}.dashboard-actions-centered{display:flex;justify-content:center;margin-top:1.5rem;padding-bottom:2rem}.btn-primary-large{display:flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:16px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #2563eb4d}.btn-primary-large:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #2563eb66}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{z-index:9999!important;background:#0f172a73!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.modal-container{background:#fff!important;opacity:1!important;box-shadow:0 0 0 1px #0000000d,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.app-container.dark .modal-container{background:#1e293b!important;color:#f8fafc!important}.new-item-highlight{animation:newItemPulse 3s ease forwards}@keyframes newItemPulse{0%{box-shadow:0 0 #3b82f6b3;border-color:#3b82f6}30%{box-shadow:0 0 0 15px #3b82f600;border-color:#3b82f6}to{box-shadow:0 0 #3b82f600}}.loading-overlay-mini{position:fixed;bottom:2rem;right:2rem;background:#0f172ae6;color:#fff;padding:.75rem 1.5rem;border-radius:99px;display:flex;align-items:center;gap:.75rem;z-index:10000;box-shadow:0 10px 15px -3px #0000001a;font-size:.85rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.spinner-mini{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay-mini{background:#0f172a66!important;pointer-events:none}.raw-stable-render{opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important}.fade-in{animation:none!important}.modal-overlay{background:#000000b3!important;z-index:9999!important}.error-fallback-view{padding:4rem 2rem;text-align:center;color:#d83a52;display:flex;flex-direction:column;align-items:center;gap:1rem}.error-fallback-view .material-icons{font-size:3rem}.emergency-home-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#f1f5f9;border:none;border-radius:50%;margin-right:.5rem;cursor:pointer;color:#64748b;transition:all .2s ease}.emergency-home-btn:hover{background:#e2e8f0;color:#0f172a}.app-container.dark .emergency-home-btn{background:#334155;color:#94a3b8}.modal-overlay{background:#00000080!important;z-index:9999!important}.app-container.dark .project-card{background-color:#1f2937!important;border:1px solid #374151!important}.app-container.dark .project-card-header-main{background-color:#1f2937!important}.app-container.dark .project-title-static{color:#f3f4f6!important;opacity:1!important;display:block!important}.app-container.dark .project-detail-header-prominent{background-color:#111827!important;border-bottom:1px solid #374151!important}.app-container.dark .header-title-block h2{color:#f9fafb!important}.app-container.dark .project-tasks-section{background-color:#1f2937!important;border-top:1px solid #374151!important}.app-container.dark .task-fiche{background-color:#374151!important;color:#f3f4f6!important;border:1px solid #4b5563!important}.app-container.dark .task-fiche h3{color:#f3f4f6!important}.app-container.dark .project-actions-expanded button{opacity:1!important}.notification-item{position:relative}.notification-actions-hover{display:flex;gap:.5rem;margin-left:.5rem;align-items:center}.btn-notif-action{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-notif-action:hover{background-color:#0000000d}.btn-notif-action.mark-read{color:#10b981}.btn-notif-action.delete{color:#ef4444}.app-container.dark .btn-notif-action:hover{background-color:#ffffff1a}@media(max-width:768px){.department-table,.department-table tbody,.department-table tr,.department-table td{display:block;width:100%}.department-table thead{display:none}.department-table tr{margin-bottom:1rem;border:1px solid #e6e9ef;border-radius:8px;padding:1rem;background:#fff}.app-container.dark .department-table tr{background:#242529;border-color:#3f3f46}.department-table td{padding:.5rem 0;border:none;position:relative;text-align:left}.department-table td:last-child{border-top:1px solid #f0f0f0;margin-top:.5rem;padding-top:1rem;text-align:right}.app-container.dark .department-table td:last-child{border-color:#3f3f46}.price-input,.department-table .input-field{width:100%}}.project-body-grid{display:flex;flex-direction:column;gap:2rem}@media(min-width:1024px){.project-body-grid{display:grid;grid-template-columns:350px 1fr;gap:2rem;align-items:start}.project-left-column{position:sticky;top:2rem}}.project-resources-section{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.app-container.dark .project-resources-section{background:#1e293b;border-color:#334155}.project-resources-section h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:1rem}.app-container.dark .project-resources-section h4{color:#94a3b8}.resources-list{display:flex;flex-direction:column;gap:.75rem}.resource-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.app-container.dark .resource-item{background:#0f172a;border-color:#334155}.resource-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:#cbd5e1}.app-container.dark .resource-item:hover{border-color:#475569}.resource-item.link-resource{border-left:4px solid #3b82f6}.resource-item.file-resource{border-left:4px solid #eab308}.resource-item .material-icons{font-size:1.5rem;color:#64748b}.resource-item .arrow{margin-left:auto;font-size:1.25rem;opacity:.5}.resource-info{display:flex;flex-direction:column;overflow:hidden}.resource-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#94a3b8;margin-bottom:2px}.resource-value{font-size:.9rem;color:#334155;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.app-container.dark .resource-value{color:#e2e8f0}.resource-placeholder{font-size:.85rem;color:#94a3b8;font-style:italic;padding:.5rem;text-align:center;border:1px dashed #e2e8f0;border-radius:6px}.app-container.dark .resource-placeholder{border-color:#334155}.info-icon-mini{font-size:1rem;color:#64748b;margin-right:4px}.resource-thumbnail{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;border:1px solid #e2e8f0;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.resource-thumbnail img{width:100%;height:100%;object-fit:cover}.app-container.dark .resource-thumbnail{border-color:#334155;background:#1e293b}.resource-item:hover .resource-label{color:#3b82f6}.resource-item:hover .material-icons.arrow{opacity:1;color:#3b82f6;transform:translate(2px);transition:all .2s ease}.resource-item.link-resource-button{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .2s}.app-container.dark .resource-item.link-resource-button{background:#172554;border-color:#1e3a8a;color:#dbeafe}.resource-item.link-resource-button:hover{background:#3b82f6;border-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.resource-item.link-resource-button:hover .material-icons{color:#fff}.resource-button-text{font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.resource-value-preview{font-size:.8rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.resource-item.file-resource-button{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:12px;text-decoration:none;transition:all .2s}.app-container.dark .resource-item.file-resource-button{background:#451a03;border-color:#78350f;color:#fef3c7}.resource-item.file-resource-button:hover{background:#f59e0b;border-color:#d97706;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.resource-item.file-resource-button:hover .material-icons{color:#fff}.resource-info-button{display:flex;flex-direction:column}.resource-value-sub{font-size:.75rem;opacity:.8}.install-prompt-banner{position:fixed;bottom:0;left:0;width:100%;background:#fff;box-shadow:0 -4px 12px #0000001a;padding:1rem;z-index:99999;display:flex;flex-direction:column;gap:1rem;animation:slideUp .3s ease-out;border-top:1px solid #e2e8f0}.app-container.dark .install-prompt-banner{background:#1e293b;border-color:#334155}.install-content{display:flex;align-items:center;gap:1rem}.install-icon img{width:48px;height:48px;border-radius:10px}.install-text h3{margin:0;font-size:1rem;color:#1e293b}.app-container.dark .install-text h3{color:#fff}.install-text p{margin:4px 0 0;font-size:.85rem;color:#64748b}.app-container.dark .install-text p{color:#94a3b8}.install-actions{display:flex;gap:1rem}.btn-install{flex:1;background:#3b82f6;color:#fff;border:none;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-dismiss{flex:1;background:transparent;color:#64748b;border:1px solid #e2e8f0;padding:.75rem;border-radius:8px;font-weight:600;cursor:pointer}.app-container.dark .btn-dismiss{border-color:#334155;color:#94a3b8}@media(min-width:768px){.install-prompt-banner{width:400px;bottom:20px;left:20px;border-radius:12px}}@media(max-width:1024px){.modal-inner{padding:60px 4px 20px!important;width:100%}.full-screen-modal .project-card{padding:10px 4px!important}}@media(max-width:1024px){.full-screen-modal .tab-content{padding:10px 0!important;width:100%!important}.full-screen-modal .projects-grid{display:flex;flex-direction:column;width:100%!important;padding:0 4px!important}.full-screen-modal .content-header{padding:0 10px}}@media(max-width:1024px){.full-screen-modal .project-card .project-header-main{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.full-screen-modal .project-header-left{width:100%!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.full-screen-modal .project-name-input{width:100%!important;white-space:normal!important;overflow:visible!important}.full-screen-modal .project-header-right{width:100%!important;justify-content:space-between!important}.full-screen-modal .project-card-details{padding:0 5px!important}}@media(max-width:1024px){.full-screen-modal .layout-centered{padding:0!important;width:100%!important;max-width:none!important}.full-screen-modal .modal-inner{padding:60px 0 20px!important;width:100%!important;max-width:100vw!important}.full-screen-modal .tab-content{padding:10px 5px!important;margin:0!important;width:100%!important}.full-screen-modal .projects-grid,.full-screen-modal .departments-container,.full-screen-modal .payments-list{display:flex;flex-direction:column;width:100%!important;padding:0!important;margin:0!important;gap:10px!important}.full-screen-modal .project-card,.full-screen-modal .payment-card{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;border-left:none!important;border-right:none!important}}.btn-primary .material-icons,.btn-primary svg{color:#fff!important;fill:#fff!important}.btn-primary-large .material-icons,.btn-primary-large svg{color:#fff!important;fill:#fff!important}.btn-complete .material-icons,.btn-complete svg,.btn-complete-mobile .material-icons,.btn-complete-mobile svg{color:#fff!important;fill:#fff!important}.settings-btn .material-icons,.settings-btn svg{color:inherit}.notification-btn .material-icons,.notification-btn svg{color:#18191c!important;fill:#18191c!important}.app-container.dark .notification-btn .material-icons,.app-container.dark .notification-btn svg{color:#fff!important;fill:#fff!important}.btn-add-task-mobile .material-icons,.btn-add-task-mobile svg{color:#fff!important;fill:#fff!important}.login-btn .material-icons,.login-btn svg,button[type=submit] .material-icons,button[type=submit] svg{color:#fff!important;fill:#fff!important}