:root{--bg-color:#323437;--sub-color:#646669;--sub-alt-color:#2c2e31;--main-color:#e2b714;--caret-color:#e2b714;--text-color:#d1d0c5;--error-color:#ca4754;--error-extra-color:#7e2a33;--colorful-error-color:#ca4754;--colorful-error-extra-color:#7e2a33}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#323437;background-color:var(--bg-color);color:#d1d0c5;color:var(--text-color);font-family:JetBrains Mono,Roboto Mono,monospace;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2c2e31;background:var(--sub-alt-color)}::-webkit-scrollbar-thumb{background:#646669;background:var(--sub-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e2b714;background:var(--main-color)}::selection{background-color:#e2b714;background-color:var(--main-color);color:#323437;color:var(--bg-color)}:focus{outline:2px solid #e2b714;outline:2px solid var(--main-color);outline-offset:2px}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;transition:all .2s ease}input,select,textarea{background-color:#2c2e31;background-color:var(--sub-alt-color);border:2px solid #0000;border-radius:8px;color:#d1d0c5;color:var(--text-color);padding:12px 16px}input:focus,select:focus,textarea:focus{background-color:#323437;background-color:var(--bg-color);border-color:#e2b714;border-color:var(--main-color)}input::placeholder,textarea::placeholder{color:#646669;color:var(--sub-color)}a{color:#e2b714;color:var(--main-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.text-main{color:#e2b714;color:var(--main-color)}.text-sub{color:#646669;color:var(--sub-color)}.text-error{color:#ca4754;color:var(--error-color)}.bg-sub-alt{background-color:#2c2e31;background-color:var(--sub-alt-color)}.border-main{border-color:#e2b714;border-color:var(--main-color)}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-out}.spinner{animation:spin 1s linear infinite;border:2px solid #646669;border-top:2px solid #e2b714;border:2px solid var(--sub-color);border-radius:50%;border-top-color:var(--main-color);height:20px;width:20px}.custom-scrollbar{scrollbar-color:#646669 #2c2e31;scrollbar-color:var(--sub-color) var(--sub-alt-color);scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#2c2e31;background:var(--sub-alt-color)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#646669;background-color:var(--sub-color);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#e2b714;background-color:var(--main-color)}.auth-container{align-items:center;background:linear-gradient(135deg,#323437,#2a2c2f);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #e2b71433;border-radius:12px;box-shadow:0 20px 40px #0006;max-width:450px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form{padding:40px}.auth-header{margin-bottom:30px;text-align:center}.auth-header h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:2px 2px 4px #00000080}.auth-header h2 .logo-accent{color:#e2b714}.auth-header p{color:#646669;font-size:16px;margin:0}.auth-form-content{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr;width:100%}.form-row .form-group{min-width:0}.form-row .form-group input{box-sizing:border-box;width:100%}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fff;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.form-group input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease}.form-group input:focus{background:#ffffff14;border-color:#e2b714;box-shadow:0 0 0 2px #e2b7144d;outline:none}.form-group input:disabled{background:#ffffff05;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#646669}.auth-submit-btn{background:#e2b714;border:none;border-radius:8px;box-shadow:0 4px 12px #e2b7144d;color:#323437;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px 24px;transition:all .2s ease}.auth-submit-btn:hover:not(:disabled){background:#f4d03f;box-shadow:0 8px 25px #e2b71466;transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-secondary-btn{background:#0000;border:2px solid #e2b714;border-radius:8px;color:#e2b714;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.auth-secondary-btn:hover{background:#e2b714;box-shadow:0 4px 12px #e2b7144d;color:#323437;transform:translateY(-1px)}.auth-links{display:flex;justify-content:center;margin:10px 0}.auth-link{background:none;border:none;color:#e2b714;cursor:pointer;font-size:14px;text-decoration:underline;transition:color .2s ease}.auth-link:hover{color:#f4d03f;opacity:.8}.auth-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{background:#fff3;content:"";flex:1 1;height:1px}.auth-divider span{background:#ffffff0d;border-radius:12px;color:#646669;font-size:14px;padding:4px 12px}.auth-error{background:#ff63471a;border:1px solid #ff63474d;border-radius:8px;color:tomato}.auth-error,.auth-success{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:10px;padding:12px 16px}.auth-success{background:#2ecc711a;border:1px solid #2ecc714d;border-radius:8px;color:#2ecc71}.auth-submit-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#323437;content:"";display:inline-block;height:16px;margin-left:8px;width:16px}@media (max-width:768px){.auth-container{padding:15px}.auth-form{padding:30px 25px}.form-row{gap:20px;grid-template-columns:1fr}.auth-header h2{font-size:24px}}@media (max-width:480px){.auth-form{padding:25px 20px}.form-row{grid-template-columns:1fr}.auth-header h2{font-size:22px}.auth-card{margin:10px;max-width:none}}.org-setup-container{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.org-setup-card{animation:slideUp .3s ease-out;background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:600px;overflow:hidden;width:100%}.org-setup-header{background:var(--main-color);color:var(--bg-color);padding:40px 40px 20px;text-align:center}.org-setup-header h2{font-size:28px;font-weight:700;margin:0 0 8px}.org-setup-header p{font-size:16px;margin:0;opacity:.9}.org-setup-form{display:flex;flex-direction:column;gap:24px;padding:40px}.org-setup-form .form-group{display:flex;flex-direction:column;gap:8px}.org-setup-form label{color:var(--text-color);font-size:14px;font-weight:600}.org-setup-form input,.org-setup-form textarea{background:var(--bg-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s ease}.org-setup-form input:focus,.org-setup-form textarea:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #e2b71433;outline:none}.org-setup-form textarea{min-height:80px;resize:vertical}.org-submit-btn{background:var(--main-color);border:none;border-radius:8px;box-shadow:0 2px 8px #e2b71433;color:var(--bg-color);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px 24px;transition:all .2s ease}.org-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #e2b7144d;opacity:.9;transform:translateY(-2px)}.org-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.org-error{background:#ca47541a;border-left:4px solid var(--error-color);border-radius:8px;color:var(--error-color);font-size:14px;padding:12px 16px}.org-setup-info{background:var(--bg-color);border-top:1px solid var(--sub-color);padding:30px 40px}.org-setup-info h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 16px}.org-setup-info ul{list-style:none;margin:0;padding:0}.org-setup-info li{color:var(--sub-color);font-size:14px;padding:8px 0 8px 24px;position:relative}.org-setup-info li:before{color:var(--main-color);content:"✓";font-weight:700;left:0;position:absolute}.org-management{background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:12px;box-shadow:0 4px 6px #0000004d;overflow:hidden}.org-management-header h2{margin:0 0 8px}.org-management-header p{margin:0;opacity:.9}.org-section{margin-bottom:32px}.org-section:last-child{margin-bottom:0}.org-section h3{border-bottom:2px solid var(--sub-color);color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.org-members-list{display:flex;flex-direction:column;gap:12px}.org-member-item{align-items:center;background:var(--bg-color);border:1px solid var(--sub-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.org-member-info{display:flex;flex-direction:column;gap:4px}.org-member-name{color:var(--text-color);font-weight:600}.org-member-email{color:var(--sub-color);font-size:14px}.org-member-role{background:var(--main-color);border-radius:4px;color:var(--bg-color);display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.org-member-role.owner{background:#38a169}.org-member-role.admin{background:#d69e2e}.org-member-actions{display:flex;gap:8px}.org-btn-small{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.org-btn-danger{background:var(--error-color);color:var(--bg-color)}.org-btn-danger:hover{background:var(--error-extra-color)}.org-invite-form{align-items:end;display:flex;gap:12px}.org-invite-form .form-group{flex:1 1}.org-invite-btn{background:var(--main-color);border:none;border-radius:8px;box-shadow:0 2px 8px #e2b71433;color:var(--bg-color);cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.org-invite-btn:hover{box-shadow:0 4px 12px #e2b7144d;opacity:.9;transform:translateY(-1px)}.org-invite-btn:disabled{cursor:not-allowed;opacity:.6}.org-management-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.org-management-modal{animation:slideUp .3s ease-out;background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.org-management-header{align-items:center;background:var(--main-color);color:var(--bg-color);display:flex;justify-content:space-between;padding:24px}.org-management-header h2{font-size:24px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:var(--bg-color);cursor:pointer;font-size:24px;padding:4px;transition:background .2s ease}.close-btn:hover{background:#ffffff1a}.org-management-tabs{background:var(--bg-color);border-bottom:2px solid var(--sub-color);display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--sub-color);cursor:pointer;font-size:14px;font-weight:600;padding:16px 24px;transition:all .2s ease}.tab-btn:hover{color:var(--text-color)}.tab-btn.active,.tab-btn:hover{background:var(--sub-alt-color)}.tab-btn.active{border-bottom-color:var(--main-color);color:var(--main-color)}.org-management-content{max-height:60vh;overflow-y:auto;padding:24px}.members-list{gap:12px;margin-bottom:24px}.member-item{align-items:left;border:1px solid var(--sub-color);border-radius:8px;padding:16px}.member-info{flex-direction:column;gap:4px}.member-name{font-size:16px}.member-role{display:inline-block;margin-top:4px;padding:4px 8px;text-transform:uppercase}.role-member{background:var(--sub-color)}.remove-btn{background:var(--error-color);border:none;border-radius:6px;font-size:12px;font-weight:600;padding:8px 16px}.remove-btn:hover:not(:disabled){background:#dc2626}.remove-btn:disabled{transform:none}.invite-section{border-radius:8px;padding:20px}.form-row,.invites-list{gap:12px}.invite-email{font-size:16px}.no-invites{padding:32px}@media (max-width:768px){.org-setup-container{padding:10px}.org-setup-form,.org-setup-header,.org-setup-info{padding:30px 20px}.org-invite-form{flex-direction:column;gap:16px}.org-member-item{align-items:flex-start;flex-direction:column;gap:12px}.org-member-actions{width:100%}.org-management-modal{margin:10px;max-height:calc(100vh - 20px)}.org-management-content,.org-management-header{padding:20px}.form-row{flex-direction:column}.tab-btn{font-size:12px}}.theme-selector{display:inline-block;position:relative}.theme-selector-trigger{align-items:center;background-color:var(--sub-color);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--bg-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.theme-selector-trigger:hover{transform:translateY(-1px)}.theme-selector-trigger:focus,.theme-selector-trigger:hover{background-color:var(--main-color);box-shadow:0 4px 12px #e2b7144d}.theme-selector-trigger:focus{outline:none}.theme-selector-trigger span:first-child{font-size:1rem}.theme-dropdown{animation:dropdownFadeIn .2s ease-out;background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;box-shadow:0 8px 32px #0000004d;left:0;max-height:70vh;min-width:320px;overflow:hidden;overflow-y:auto;position:absolute;right:0;scrollbar-color:var(--sub-color) var(--sub-alt-color);scrollbar-width:thin;top:calc(100% + .5rem);z-index:1000}.theme-dropdown::-webkit-scrollbar{width:8px}.theme-dropdown::-webkit-scrollbar-track{background:var(--sub-alt-color);border-radius:4px}.theme-dropdown::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:4px}.theme-dropdown::-webkit-scrollbar-thumb:hover{background:var(--main-color)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-section{padding:.75rem 0}.theme-section:not(:last-child){border-bottom:1px solid var(--sub-color)}.theme-section-header{background:var(--sub-alt-color);border-bottom:1px solid #ffffff1a;color:var(--sub-color);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;padding:0 .75rem .5rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.theme-list{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}.theme-list.single-column{grid-template-columns:1fr}.theme-option{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;margin:1px;padding:.4rem .6rem;position:relative;text-align:left;transition:all .15s ease}.theme-option:hover{background:var(--bg-color);color:var(--main-color)}.theme-option.active{background:var(--main-color);color:var(--bg-color)}.theme-option.active:hover{background:var(--main-color);opacity:.9}.theme-preview{align-items:center;display:flex;flex-shrink:0;gap:1px}.theme-color-bg,.theme-color-main,.theme-color-sub{border:1px solid #ffffff1a;border-radius:2px;height:10px;width:10px}.theme-option-name{flex:1 1;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap}.theme-check{flex-shrink:0;font-size:.7rem;font-weight:600;opacity:.9}@media (max-width:768px){.theme-dropdown{left:50%;max-height:60vh;min-width:280px;right:auto;transform:translateX(-50%)}.theme-list{grid-template-columns:1fr}.theme-selector-trigger{font-size:.8rem;min-width:120px;padding:.4rem .6rem}.theme-option{padding:.5rem .75rem}.theme-option,.theme-option-name{font-size:.8rem}.theme-color-bg,.theme-color-main,.theme-color-sub{height:12px;width:12px}}@media (max-width:480px){.theme-dropdown{max-height:50vh;min-width:260px}.theme-option{padding:.4rem .6rem}.theme-option,.theme-option-name{font-size:.75rem}}.theme-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-color);border-bottom:2px solid var(--sub-alt-color);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{gap:2rem;margin:0 auto;max-width:1400px;padding:0 2rem}.header-left{flex-wrap:wrap;gap:1rem}.header-left,.logo{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:600;gap:.25rem;margin:0}.logo-main{color:var(--main-color)}.logo-sub,.tagline{color:var(--sub-color)}.tagline{font-size:.75rem;font-weight:400;opacity:.7}.header-right{gap:1rem}.new-task-btn{align-items:center;background-color:var(--sub-color);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--bg-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.new-task-btn:hover{background-color:var(--main-color);box-shadow:0 4px 12px #e2b7144d;opacity:.9;transform:translateY(-1px)}.new-task-btn:active{transform:translateY(0)}.new-task-btn span:first-child{font-size:1.25rem;font-weight:300}.settings-btn{align-items:center;background-color:var(--sub-color);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--bg-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.settings-btn:hover{background-color:var(--main-color);box-shadow:0 4px 12px #e2b7144d;transform:translateY(-1px)}.settings-btn:active{transform:translateY(0)}.settings-btn span:first-child{font-size:1rem}.logout-btn{align-items:center;display:flex;gap:.5rem}.logout-btn:active{transform:translateY(0)}.logout-btn span:first-child{font-size:1rem}.ai-assistant-btn{align-items:center;background-color:var(--sub-color);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--bg-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.ai-assistant-btn:hover{background-color:var(--main-color);box-shadow:0 4px 12px #e2b7144d;transform:translateY(-1px)}.ai-assistant-btn:active{transform:translateY(0)}.ai-assistant-btn span:first-child{font-size:1rem}.org-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--bg-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;max-width:200px;overflow:hidden;padding:.75rem 1.5rem;text-overflow:ellipsis;text-transform:lowercase;transition:all .2s ease;white-space:nowrap}.org-btn,.org-btn:hover{background-color:var(--sub-color)}.org-btn:hover{box-shadow:0 4px 12px #0003;opacity:.9;transform:translateY(-1px)}.org-btn:active{transform:translateY(0)}.org-btn span:first-child{flex-shrink:0;font-size:1rem}.org-btn span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-info{align-items:center;background-color:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;display:flex;padding:.5rem 1rem}.org-name{color:var(--text-color);font-size:.875rem;font-weight:500}.organization-name{align-items:center;color:var(--main-color);display:flex;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:400;letter-spacing:.5px;margin-left:1rem;opacity:.9}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.header-left,.header-right{justify-content:space-between;width:100%}.header-right{flex-wrap:wrap;gap:.5rem}.logout-btn,.new-task-btn,.settings-btn{font-size:.8rem;padding:.5rem 1rem}.organization-info{padding:.5rem .75rem}.org-name{font-size:.8rem}}@media (max-width:480px){.header-left{align-items:flex-start;flex-direction:column;gap:.25rem}.tagline{font-size:.75rem}.header-right{flex-wrap:wrap;gap:.5rem}.org-btn{max-width:120px}.organization-info{margin-left:0;margin-top:.5rem;max-width:none;order:3;width:100%}}.new-task-btn.active,.settings-btn.active{background-color:var(--main-color);box-shadow:0 4px 12px #e2b71466;color:var(--bg-color);transform:translateY(-1px)}.new-task-btn.active:hover{box-shadow:0 4px 12px #e2b71480}.settings-btn.active:hover{background-color:var(--main-color);opacity:.8}.ai-assistant-btn.active{background-color:var(--main-color);box-shadow:0 2px 12px #e2b71466;color:var(--bg-color)}.ai-assistant-btn.active:hover{background-color:var(--main-color);opacity:.8}.combobox-container{position:relative;width:100%}.combobox-label{color:var(--text-color);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.combobox-input-container{align-items:center;display:flex;position:relative}.combobox-input{background-color:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);font-size:.875rem;outline:none;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s ease;width:100%}.combobox-input:focus{background-color:var(--bg-color);border-color:var(--main-color)}.combobox-input::placeholder,.combobox-toggle{color:var(--sub-color)}.combobox-toggle{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.combobox-toggle:hover{background-color:var(--sub-color);color:var(--text-color)}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.combobox-dropdown{background-color:var(--bg-color);border:2px solid var(--sub-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.combobox-option{align-items:center;border-bottom:1px solid var(--sub-alt-color);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;transition:background-color .2s ease}.combobox-option:last-child{border-bottom:none}.combobox-option:hover{background-color:var(--sub-alt-color)}.combobox-option.custom-option{background-color:var(--main-color);color:var(--bg-color);font-weight:500}.combobox-option.custom-option:hover{background-color:var(--main-color);opacity:.9}.combobox-no-options{color:var(--sub-color);font-size:.875rem;font-style:italic;padding:.75rem;text-align:center}.combobox-dropdown::-webkit-scrollbar{width:6px}.combobox-dropdown::-webkit-scrollbar-track{background:var(--sub-alt-color);border-radius:3px}.combobox-dropdown::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:3px}.combobox-dropdown::-webkit-scrollbar-thumb:hover{background:var(--main-color)}.tag-input-container{position:relative;width:100%}.tag-input-label{color:var(--text-color);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.tag-input-wrapper{position:relative}.tag-input-field{align-items:center;background-color:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;min-height:2.75rem;padding:.5rem;transition:all .2s ease}.tag-input-field:focus-within{background-color:var(--bg-color);border-color:var(--main-color)}.tag-item{align-items:center;animation:tagAppear .2s ease;background-color:var(--main-color);border-radius:6px;color:var(--bg-color);display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}@keyframes tagAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-remove{align-items:center;background:none;border:none;border-radius:3px;color:var(--bg-color);cursor:pointer;display:flex;justify-content:center;padding:.125rem;transition:all .2s ease}.tag-remove:hover{background-color:#fff3}.tag-input{background:#0000;border:none;color:var(--text-color);flex:1 1;font-size:.875rem;min-width:120px;outline:none;padding:.25rem}.tag-input::placeholder{color:var(--sub-color)}.tag-dropdown{background-color:var(--bg-color);border:2px solid var(--sub-color);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.25rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.tag-option{align-items:center;border-bottom:1px solid var(--sub-alt-color);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;transition:background-color .2s ease}.tag-option:last-child{border-bottom:none}.tag-option:hover{background-color:var(--sub-alt-color)}.tag-option.custom-option{background-color:var(--main-color);color:var(--bg-color);font-weight:500}.tag-option.custom-option:hover{background-color:var(--main-color);opacity:.9}.tag-input-hint{color:var(--sub-color);font-size:.75rem;font-style:italic;margin-top:.25rem}.tag-dropdown::-webkit-scrollbar{width:6px}.tag-dropdown::-webkit-scrollbar-track{background:var(--sub-alt-color);border-radius:3px}.tag-dropdown::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:3px}.tag-dropdown::-webkit-scrollbar-thumb:hover{background:var(--main-color)}@media (max-width:768px){.tag-input-field{min-height:2.5rem;padding:.375rem}.tag-item{font-size:.7rem;padding:.2rem .4rem}.tag-input{font-size:.8rem;min-width:100px}}.image-upload{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:1rem}.image-upload-header{margin-bottom:1rem}.image-upload-header h4{align-items:center;color:var(--text-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.existing-images{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1rem}.image-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.image-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.image-thumbnail{cursor:pointer;height:120px;object-fit:cover;transition:opacity .2s ease;width:100%}.image-thumbnail:hover{opacity:.8}.image-info{display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.image-name{color:var(--text-color);font-size:.875rem;font-weight:500;word-break:break-word}.image-size{color:var(--sub-color);font-size:.75rem}.delete-image-btn{align-items:center;background:#ca4754e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s ease;width:28px}.image-item:hover .delete-image-btn{opacity:1}.delete-image-btn:hover{background:#ca4754}.upload-area{background:var(--bg-color);border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:1rem;padding:2rem;text-align:center;transition:all .2s ease}.upload-area:hover{background:var(--hover-bg);border-color:var(--primary-color)}.upload-area.drag-over{background:var(--primary-bg);border-color:var(--primary-color);transform:scale(1.02)}.upload-area svg{color:var(--sub-color);margin-bottom:.5rem}.upload-area p{color:var(--text-color);margin:.5rem 0}.upload-hint{color:var(--sub-color)!important;font-size:.875rem}.selected-files{background:var(--hover-bg);border-radius:8px;margin-top:1rem;padding:1rem}.selected-files h5{color:var(--text-color);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.selected-file{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.5rem}.file-name{color:var(--text-color);flex:1 1;font-size:.875rem;word-break:break-word}.file-size{color:var(--sub-color);font-size:.75rem;white-space:nowrap}.remove-file-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--sub-color);cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.remove-file-btn:hover{background:var(--danger-color);color:#fff}.upload-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.upload-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.upload-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.upload-btn:hover:not(:disabled):before{left:100%}.upload-btn:disabled{background:#6b7280;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--sub-color)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.existing-images{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-thumbnail{height:100px}.upload-area{padding:1.5rem}.upload-actions{flex-direction:column}.cancel-btn,.upload-btn{width:100%}}@media (prefers-color-scheme:dark){.image-item,.upload-area{border-color:var(--border-color-dark)}.upload-area:hover{border-color:var(--primary-color)}.selected-file{border-color:var(--border-color-dark)}}.task-modal .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-modal .modal-content{animation:modalSlideIn .3s ease-out;background-color:var(--bg-color);border:2px solid var(--sub-color);border-radius:12px;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.task-modal .modal-header{align-items:center;border-bottom:2px solid var(--sub-alt-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.task-modal .modal-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.task-modal .close-btn{align-items:center;background-color:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.task-modal .close-btn:hover{background-color:var(--error-color);border-color:var(--error-color);color:#fff;transform:translateY(-1px)}.task-modal .task-form{padding:2rem}.task-modal .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.task-modal .form-group{display:flex;flex-direction:column;gap:.5rem}.task-modal .form-group.full-width{grid-column:1/-1}.task-modal .form-group label{align-items:center;color:var(--text-color);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.task-modal .form-group input,.task-modal .form-group select,.task-modal .form-group textarea{background-color:var(--sub-alt-color);border:2px solid #0000;border-radius:8px;color:var(--text-color);font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .2s ease}.task-modal .form-group input:focus,.task-modal .form-group select:focus,.task-modal .form-group textarea:focus{background-color:var(--bg-color);border-color:var(--main-color);outline:none}.task-modal .form-group input::placeholder,.task-modal .form-group textarea::placeholder{color:var(--sub-color)}.task-modal .form-group textarea{min-height:80px;resize:vertical}.task-modal .form-group select{cursor:pointer}.task-modal .form-group input[type=date]{color-scheme:dark}.task-modal .form-group input[type=number]{-moz-appearance:textfield}.task-modal .form-group input[type=number]::-webkit-inner-spin-button,.task-modal .form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.task-modal .modal-footer{border-top:2px solid var(--sub-alt-color);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.task-modal .cancel-btn,.task-modal .save-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.task-modal .cancel-btn{background-color:var(--sub-alt-color);border:1px solid var(--sub-color);color:var(--text-color)}.task-modal .cancel-btn:hover{background-color:var(--sub-color);border-color:var(--main-color);color:var(--bg-color);transform:translateY(-1px)}.task-modal .save-btn{background-color:var(--main-color);box-shadow:0 2px 8px #e2b71433;color:var(--bg-color)}.task-modal .save-btn:hover{box-shadow:0 4px 12px #e2b7144d;opacity:.9;transform:translateY(-1px)}.task-modal .save-btn:active{transform:translateY(0)}@media (max-width:768px){.task-modal .modal-overlay{padding:.5rem}.task-modal .modal-content{max-height:95vh}.task-modal .modal-header{padding:1rem 1.5rem}.task-modal .modal-header h2{font-size:1.25rem}.task-modal .task-form{padding:1.5rem}.task-modal .form-grid{gap:1rem;grid-template-columns:1fr}.task-modal .modal-footer{flex-direction:column-reverse;gap:.75rem}.task-modal .cancel-btn,.task-modal .save-btn{justify-content:center;width:100%}}@media (max-width:480px){.task-modal .modal-header,.task-modal .task-form{padding:1rem}.task-modal .form-grid{gap:.75rem}}.task-modal .modal-content{scrollbar-color:var(--sub-color) var(--sub-alt-color);scrollbar-width:thin}.task-modal .modal-content::-webkit-scrollbar{width:6px}.task-modal .modal-content::-webkit-scrollbar-track{background:var(--sub-alt-color)}.task-modal .modal-content::-webkit-scrollbar-thumb{background-color:var(--sub-color);border-radius:3px}.task-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:var(--main-color)}.filter-bar{background-color:var(--sub-alt-color);border:2px solid #0000;border-radius:12px;margin-bottom:2rem;padding:1.5rem;transition:border-color .2s ease}.filter-bar:hover{border-color:var(--sub-color)}.filter-header{justify-content:space-between;margin-bottom:1.5rem}.filter-header,.filter-title{align-items:center;display:flex}.filter-title{color:var(--text-color);font-size:1rem;font-weight:500;gap:.5rem}.filter-count{border-radius:3px;padding:2px 6px}.task-count{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:4px;color:var(--sub-color);font-size:.8rem;font-weight:500;margin-left:.5rem;padding:3px 8px}.filter-header-actions{align-items:center;display:flex;gap:.75rem}.expand-filters-btn{align-items:center;background-color:var(--sub-color);border:none;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.expand-filters-btn:hover{background-color:var(--main-color);color:var(--bg-color);transform:translateY(-1px)}.clear-filters-btn{align-items:center;background-color:var(--error-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-btn:hover{box-shadow:0 2px 8px #ca47544d;opacity:.9;transform:translateY(-1px)}.search-section{margin-bottom:1.5rem}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--sub-color);left:1rem;position:absolute;z-index:1}.global-search-input{background-color:var(--bg-color);border:2px solid #0000;border-radius:8px;color:var(--text-color);font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .2s ease;width:100%}.global-search-input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px rgba(var(--main-color-rgb),.1);outline:none}.global-search-input::placeholder{color:var(--sub-color);font-style:italic}.clear-search-btn{align-items:center;background-color:var(--sub-color);border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;transition:all .2s ease}.clear-search-btn:hover{background-color:var(--error-color);color:#fff;transform:scale(1.1)}.quick-filters{background-color:var(--bg-color);border:1px solid var(--sub-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.quick-filter-group{display:flex;flex-direction:column;gap:.75rem}.quick-filter-label{color:var(--sub-color);font-size:.875rem;font-weight:500;text-transform:lowercase}.quick-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.quick-filter-btn{align-items:center;background-color:var(--sub-alt-color);border:2px solid #0000;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.quick-filter-btn:hover{border-color:var(--main-color);transform:translateY(-1px)}.quick-filter-btn.active{background-color:var(--main-color);border-color:var(--main-color);color:var(--bg-color)}.quick-filter-btn.active:hover{opacity:.9}.filter-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--sub-color);font-size:.875rem;font-weight:500;text-transform:lowercase}.filter-group input,.filter-group select{background-color:var(--bg-color);border:2px solid #0000;border-radius:6px;color:var(--text-color);font-size:.875rem;padding:.75rem;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:var(--main-color);outline:none}.filter-group input::placeholder{color:var(--sub-color);font-style:italic}.sort-controls{display:flex;gap:.5rem}.sort-controls select{flex:1 1}.sort-controls select:last-child{flex:0.7 1}.date-range,.number-range{align-items:center;display:flex;gap:.5rem}.date-range input,.number-range input{flex:1 1}.date-range span,.number-range span{color:var(--sub-color);font-size:.875rem;font-weight:500;white-space:nowrap}.advanced-toggle{border-top:1px solid var(--sub-color);margin:1.5rem 0;padding-top:1rem}.advanced-toggle-btn{align-items:center;background-color:var(--bg-color);border:2px solid var(--sub-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease;width:100%}.advanced-toggle-btn:hover{background-color:var(--sub-alt-color);border-color:var(--main-color)}.advanced-indicator{color:var(--main-color);font-size:1.5rem;line-height:1;margin-left:.5rem}.advanced-filters{background-color:var(--bg-color);border:1px solid var(--sub-color);border-radius:8px;margin-top:1rem;padding:1rem}.multi-select-filters{border-top:1px solid var(--sub-color);margin-top:1.5rem;padding-top:1rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.checkbox-label{background-color:var(--sub-alt-color);border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}.checkbox-label:hover{background-color:var(--main-color);color:var(--bg-color)}.checkbox-label input[type=checkbox]{margin:0}.priority-indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.priority-indicator.priority-low{background-color:#646669}.priority-indicator.priority-medium{background-color:#e2b714}.priority-indicator.priority-high{background-color:#ff8c42}.priority-indicator.priority-critical{background-color:#ca4754}.active-filters{border-top:1px solid var(--sub-color);margin-top:1rem;padding-top:1rem}.active-filters-label{color:var(--sub-color);display:block;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.active-filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.active-filter-tag{background-color:var(--main-color);border-radius:6px;font-size:.75rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.active-filter-tag,.remove-filter-btn{align-items:center;color:var(--bg-color);display:flex}.remove-filter-btn{background-color:#0000004d;border:none;border-radius:50%;cursor:pointer;justify-content:center;min-height:20px;min-width:20px;padding:.25rem;transition:all .2s ease}.remove-filter-btn:hover{background-color:#00000080;transform:scale(1.1)}@media (max-width:1024px){.filter-controls{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.checkbox-group{flex-direction:column}}@media (max-width:768px){.filter-bar{padding:1rem}.filter-controls{gap:.75rem;grid-template-columns:1fr}.filter-header{align-items:flex-start;flex-direction:column;gap:.75rem}.filter-title{flex-wrap:wrap;gap:.5rem}.task-count{margin-left:0;margin-top:.25rem}.filter-header-actions{align-self:flex-end;margin-top:-2rem}.quick-filter-buttons{flex-direction:column}.quick-filter-btn{justify-content:center}.sort-controls{flex-direction:column}.date-range,.number-range{align-items:stretch;flex-direction:column}.date-range span,.number-range span{padding:.25rem 0;text-align:center}.checkbox-group{flex-direction:column}.checkbox-label{justify-content:flex-start}}@media (max-width:480px){.filter-bar{padding:.75rem}.search-section{margin-bottom:1rem}.global-search-input{font-size:.875rem;padding:.875rem .875rem .875rem 2.5rem}.search-icon{left:.75rem}.clear-search-btn{right:.75rem}.quick-filters{padding:.75rem}.active-filter-tags{flex-direction:column}.active-filter-tag{justify-content:space-between}.filter-header-actions{flex-direction:column;gap:.5rem}.clear-filters-btn,.expand-filters-btn{justify-content:center;width:100%}}.view-toggle{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;display:flex;gap:2px;padding:4px}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:80px;opacity:.7;padding:.5rem 1rem;transition:all .2s ease}.view-toggle-btn:hover{background:var(--sub-color);color:var(--text-color);opacity:1;transform:translateY(-1px)}.view-toggle-btn.active{background:var(--main-color);box-shadow:0 2px 8px #e2b7144d;color:var(--bg-color);font-weight:600;opacity:1}.view-toggle-btn.active:hover{background:var(--main-color);box-shadow:0 4px 12px #e2b71466;color:var(--bg-color);transform:translateY(-1px)}.view-toggle-btn span{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.view-toggle-btn{min-width:70px;padding:.4rem .8rem}.view-toggle-btn span{font-size:.8rem}}@media (max-width:480px){.view-toggle-btn span{display:none}.view-toggle-btn{min-width:40px;padding:.5rem}}.controls-section{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:12px;margin-bottom:2rem;overflow:hidden}.controls-section-header{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--sub-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.controls-section-header h2{color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:600;line-height:1.2;margin:0;text-transform:lowercase}.controls-section-content{padding:1.5rem 2rem}@media (max-width:768px){.controls-section-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.controls-section-header h2{font-size:1.25rem;text-align:center}.controls-section-content{padding:1rem}}@media (max-width:480px){.controls-section-header{padding:.75rem}.controls-section-header h2{font-size:1.1rem}.controls-section-content{padding:.75rem}}.stats-bar-section{animation:fadeIn .3s ease-in-out;margin-bottom:2rem}.stats-bar-container{align-items:center;background-color:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:2rem;justify-content:center;padding:1.5rem 2rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-width:60px}.stat-value{color:var(--text-color);font-size:1.5rem;font-weight:600}.stat-label{color:var(--sub-color);font-size:.875rem;font-weight:500;text-transform:lowercase}.stat-item.overdue .stat-label,.stat-item.overdue .stat-value{color:var(--error-color)}@media (max-width:768px){.stats-bar-container{gap:1.5rem;padding:1rem 1.5rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.75rem}}@media (max-width:480px){.stats-bar-container{flex-wrap:wrap;gap:1rem;justify-content:space-around;padding:1rem}.stat-item{min-width:50px}.stat-value{font-size:1.125rem}.stat-label{font-size:.7rem}}.task-card{background-color:var(--sub-alt-color);border:2px solid #0000;border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.task-card:hover{border-color:var(--sub-color);transform:translateY(-2px)}.task-card.overdue{background-color:#ca47541a;border-color:var(--error-color)}.task-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.task-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.task-id{background:var(--sub-alt-color)}.priority-badge,.status-badge,.tag-badge{border-radius:6px;color:var(--bg-color);font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:lowercase}.tag-badge{background-color:var(--sub-color)}.task-actions{opacity:.6;transition:opacity .2s ease}.task-card:hover .task-actions{opacity:1}.action-btn{background-color:var(--sub-alt-color)}.action-btn:hover{background-color:var(--sub-color);color:var(--bg-color)}.delete-btn:hover{background-color:var(--error-color);color:#fff}.task-content{margin-bottom:1rem}.task-summary{color:var(--text-color);font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.task-description{font-size:.875rem;line-height:1.5;margin-bottom:1rem}.task-labels{gap:.5rem;margin-bottom:1rem}.label{background-color:var(--bg-color);border:1px solid var(--sub-color);border-radius:4px;color:var(--text-color);font-size:.75rem;padding:.25rem .5rem}.video-tutorial{margin-bottom:1rem}.tutorial-link{display:inline-flex;font-size:.875rem;gap:.5rem;transition:opacity .2s ease}.tutorial-link:hover{opacity:.8}.image-count-indicator{align-items:center;background-color:var(--bg-color);border:1px solid var(--sub-color);border-radius:4px;color:var(--sub-color);display:inline-flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding:.25rem .5rem}.image-count-indicator svg{color:var(--main-color)}.task-footer{border-top:1px solid var(--sub-color);padding-top:1rem}.task-info{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.info-item{color:var(--sub-color);font-size:.75rem;gap:.5rem}.info-item.overdue-text{color:var(--error-color)}.progress-bar{background-color:var(--bg-color);height:4px}.progress-bar,.progress-fill{border-radius:2px}.overdue-indicator{background-color:var(--error-color);border-bottom-left-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:0;text-transform:uppercase;top:0}.task-card.done{opacity:.7}.task-card.done .task-summary{color:var(--sub-color);text-decoration:line-through}.task-card.blocked{border-left:4px solid var(--error-color)}.task-card.in-progress{border-left:4px solid var(--main-color)}@media (max-width:768px){.task-card{padding:1rem}.task-header{align-items:flex-start;flex-direction:column;gap:.75rem}.task-actions{opacity:1}.task-info{flex-direction:column;gap:.5rem}.task-summary{font-size:1rem}}.work-date{color:var(--main-color)!important}.work-date svg{color:var(--main-color)}.kanban-container{display:flex;flex-direction:column;height:100%}.kanban-controls{background:var(--sub-alt-color);border-radius:8px;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.compact-toggle,.kanban-controls{align-items:center;border:1px solid var(--sub-color);display:flex}.compact-toggle{background:var(--bg-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.compact-toggle:hover{border-color:var(--main-color);color:var(--main-color)}.compact-toggle.active{background:var(--main-color);border-color:var(--main-color);color:var(--bg-color)}.column-toggles{display:flex;flex-wrap:wrap;gap:.5rem}.column-toggle{align-items:center;background:var(--bg-color);border:1px solid var(--sub-color);border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.4rem .75rem;transition:all .2s ease}.column-toggle:hover{border-color:var(--main-color);transform:translateY(-1px)}.column-toggle.visible{background:var(--main-color);border-color:var(--main-color);color:var(--bg-color)}.column-toggle.hidden{background:var(--sub-color);border-color:var(--sub-color);color:var(--bg-color);opacity:.7}.column-count{background:#fff3;border-radius:10px;font-size:.7rem;font-weight:600;min-width:18px;padding:.1rem .4rem;text-align:center}.kanban-board{background:var(--bg-color);display:flex;gap:1rem;min-height:calc(100vh - 280px);overflow-x:auto;padding:.5rem;width:100%}.kanban-board.compact{gap:.5rem;padding:.25rem}.kanban-board>.kanban-column{flex:1 1;min-width:250px}.kanban-board.compact>.kanban-column{min-width:200px}.kanban-column{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:6px;display:flex;flex:1 1;flex-direction:column;min-width:0}.kanban-board.compact .kanban-column{min-width:0}.kanban-column:hover{border-color:var(--main-color);box-shadow:0 4px 12px #e2b7141a}.kanban-column-header{align-items:center;background:var(--sub-alt-color);border-bottom:1px solid var(--sub-color);border-radius:6px 6px 0 0;display:flex;gap:.5rem;justify-content:space-between;padding:.75rem}.kanban-board.compact .kanban-column-header{padding:.5rem}.kanban-column-title{color:var(--text-color);font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.kanban-board.compact .kanban-column-title{font-size:.85rem}.kanban-column-stats{align-items:center;display:flex;gap:.4rem}.task-count{background:var(--sub-color);border-radius:10px;color:var(--text-color);font-size:.75rem;font-weight:600;min-width:20px;padding:.2rem .4rem;text-align:center}.kanban-board.compact .task-count{font-size:.7rem;min-width:18px;padding:.15rem .35rem}.high-priority-count{background:var(--error-color);border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;min-width:20px;padding:.2rem .4rem;text-align:center}.kanban-board.compact .high-priority-count{font-size:.7rem;min-width:18px;padding:.15rem .35rem}.kanban-column-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;max-height:calc(100vh - 350px);overflow-y:auto;padding:.75rem}.kanban-board.compact .kanban-column-content{gap:.5rem;max-height:calc(100vh - 320px);padding:.5rem}.kanban-column-content::-webkit-scrollbar{width:6px}.kanban-column-content::-webkit-scrollbar-track{background:var(--sub-alt-color);border-radius:3px}.kanban-column-content::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:3px}.kanban-column-content::-webkit-scrollbar-thumb:hover{background:var(--main-color)}.kanban-empty-state{color:var(--sub-color);font-style:italic;padding:2rem 1rem;text-align:center}.kanban-empty-state p{font-size:.9rem;margin:0}.kanban-task-wrapper{cursor:grab;transition:all .2s ease}.kanban-task-wrapper:active{cursor:grabbing}.kanban-task-wrapper:hover{transform:translateY(-2px)}.task-card.kanban-card{border:1px solid var(--sub-color);box-shadow:0 2px 8px #0000001a;margin:0;transition:all .2s ease}.kanban-board.compact .task-card.kanban-card{box-shadow:0 1px 4px #0000001a}.task-card.kanban-card:hover{border-color:var(--main-color);box-shadow:0 4px 16px #e2b71426}.kanban-board.compact .task-card.kanban-card:hover{box-shadow:0 2px 8px #e2b71426}.task-card.kanban-card .task-header{padding:.75rem}.kanban-board.compact .task-card.kanban-card .task-header{padding:.5rem}.task-card.kanban-card .task-content{padding:0 .75rem}.kanban-board.compact .task-card.kanban-card .task-content{padding:0 .5rem}.task-card.kanban-card .task-footer{padding:.75rem}.kanban-board.compact .task-card.kanban-card .task-footer{padding:.5rem}.task-card.kanban-card .task-summary{font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.kanban-board.compact .task-card.kanban-card .task-summary{font-size:.85rem;line-height:1.3;margin-bottom:.4rem}.task-card.kanban-card .task-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;line-height:1.4;max-height:60px;overflow:hidden;text-overflow:ellipsis}.kanban-board.compact .task-card.kanban-card .task-description{-webkit-line-clamp:2;font-size:.75rem;line-height:1.3;max-height:40px}.task-card.kanban-card .task-actions{opacity:.8}.task-card.kanban-card:hover .task-actions{opacity:1}.task-card.kanban-card .action-btn{background-color:var(--bg-color);border:1px solid var(--sub-color);padding:.4rem}.task-card.kanban-card .action-btn:hover{background-color:var(--main-color);border-color:var(--main-color);box-shadow:0 2px 6px #e2b7144d;color:var(--bg-color);transform:translateY(-1px)}.task-card.kanban-card .delete-btn:hover{background-color:var(--error-color);border-color:var(--error-color);box-shadow:0 2px 6px #ca47544d;color:#fff}.kanban-column-todo{border-left:4px solid #6c757d}.kanban-column-in-progress{border-left:4px solid #007bff}.kanban-column-review{border-left:4px solid #ffc107}.kanban-column-done{border-left:4px solid #28a745}.kanban-column-blocked{border-left:4px solid #dc3545}.kanban-column.drag-over{background:#e2b7141a;border-color:var(--main-color)}.kanban-task-wrapper.dragging{opacity:.5;transform:rotate(5deg)}@media (max-width:768px){.kanban-controls{flex-direction:column;gap:.75rem;padding:.5rem}.column-toggles{justify-content:center}.column-toggle{font-size:.75rem;padding:.35rem .6rem}.kanban-board{flex-direction:column;gap:.75rem;min-height:calc(100vh - 320px);padding:.5rem}.kanban-board.compact{gap:.5rem;padding:.25rem}.kanban-board.compact>.kanban-column,.kanban-board>.kanban-column{flex:none;max-width:none;min-width:0;min-width:auto;width:100%}.kanban-column-content{max-height:250px}.kanban-board.compact .kanban-column-content{max-height:200px}.kanban-task-wrapper:hover{transform:none}}@media (max-width:1200px){.kanban-column{min-width:200px}.kanban-board.compact .kanban-column{min-width:180px}.task-card.kanban-card .task-summary{font-size:.9rem}.kanban-board.compact .task-card.kanban-card .task-summary{font-size:.8rem}.task-card.kanban-card .task-description{-webkit-line-clamp:2;font-size:.8rem;max-height:40px}.kanban-board.compact .task-card.kanban-card .task-description{-webkit-line-clamp:2;font-size:.7rem;max-height:30px}}@media (min-width:1400px){.kanban-board>.kanban-column{max-width:400px;min-width:300px}.kanban-board.compact>.kanban-column{max-width:350px;min-width:250px}}.add-column-btn{align-items:center;background:var(--main-color);border:1px solid var(--main-color);border-radius:6px;color:var(--bg-color);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.4rem .75rem;transition:all .2s ease}.add-column-btn:hover{background:var(--bg-color);color:var(--main-color);transform:translateY(-1px)}.add-column-modal{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.add-column-content{animation:slideIn .2s ease-out;background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:12px;min-width:300px;padding:2rem}.add-column-content h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.add-column-content input{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:6px;color:var(--text-color);font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.add-column-content input:focus{border-color:var(--main-color);outline:none}.add-column-actions{display:flex;gap:.5rem;justify-content:flex-end}.add-column-actions button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.add-column-actions button:first-child{background:var(--main-color);border:1px solid var(--main-color);color:var(--bg-color)}.add-column-actions button:first-child:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.add-column-actions button:first-child:disabled{cursor:not-allowed;opacity:.5}.add-column-actions button:last-child{background:var(--sub-color);border:1px solid var(--sub-color);color:var(--bg-color)}.add-column-actions button:last-child:hover{background:var(--bg-color);color:var(--sub-color)}.kanban-column-title-container{align-items:center;display:flex;flex:1 1;min-width:0}.column-title-display{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.column-title-display .kanban-column-title{flex:1 1;min-width:0}.column-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.kanban-column-header:hover .column-actions{opacity:1}.column-action-btn{align-items:center;background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.column-action-btn:hover{background:var(--main-color);border-color:var(--main-color);color:var(--bg-color);transform:translateY(-1px)}.column-action-btn.delete-btn:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.column-title-edit{align-items:center;display:flex;gap:.5rem;width:100%}.column-title-edit input{background:var(--bg-color);border:1px solid var(--main-color);border-radius:4px;color:var(--text-color);flex:1 1;font-family:inherit;font-size:.95rem;font-weight:600;padding:.25rem .5rem}.column-title-edit input:focus{border-color:var(--main-color);box-shadow:0 0 0 2px #e2b71433;outline:none}.column-edit-actions{display:flex;gap:.25rem}.column-edit-actions button{align-items:center;background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.column-edit-actions button:first-child:hover{background:var(--main-color);border-color:var(--main-color);color:var(--bg-color)}.column-edit-actions button:last-child:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}@media (max-width:768px){.add-column-content{margin:1rem;max-width:400px;min-width:0;min-width:auto;padding:1.5rem;width:calc(100% - 2rem)}.column-actions{opacity:1}.column-action-btn{height:28px;width:28px}.add-column-btn{font-size:.75rem;padding:.35rem .6rem}}@media (max-width:480px){.column-title-display{align-items:flex-start;flex-direction:column;gap:.25rem}.column-actions{align-self:flex-end}.add-column-content{padding:1rem}.add-column-actions{flex-direction:column}.add-column-actions button{justify-content:center;width:100%}}.color-picker-section{margin:1rem 0}.color-picker-section label{color:var(--text-color);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.color-picker-container{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.color-preview{border:2px solid var(--sub-color);border-radius:6px;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-preview:hover{border-color:var(--main-color);transform:scale(1.05)}.color-input{background:none;border:none;border-radius:6px;cursor:pointer;height:32px;width:60px}.color-input-full{cursor:pointer;height:32px;width:100%}.color-input-full,.predefined-colors{border:1px solid var(--sub-color);border-radius:6px;margin-top:.5rem}.predefined-colors{grid-gap:.5rem;background:var(--bg-color);display:grid;gap:.5rem;grid-template-columns:repeat(5,1fr);padding:.5rem}.color-option{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.color-option:hover{border-color:var(--main-color);transform:scale(1.1)}.color-picker-dropdown{animation:fadeIn .2s ease-out;background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:6px;box-shadow:0 4px 12px #0003;left:0;padding:.75rem;position:absolute;right:0;top:100%;z-index:100}.color-picker-dropdown .predefined-colors{margin-bottom:.5rem;margin-top:0}.error-banner{background:var(--error-color);border-radius:6px;margin-bottom:1rem;padding:.75rem 1rem}.error-close{align-items:center;display:flex;font-size:1.25rem;height:24px;justify-content:center;padding:0;width:24px}.error-close:hover{background:#fff3}.loading-container{color:var(--text-color)}.loading-container .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--sub-color);border:3px solid var(--sub-color);border-radius:50%;border-top-color:var(--main-color);height:32px;width:32px}.kanban-column{border-left-style:solid;border-left-width:4px;cursor:grab;transition:all .2s ease}.kanban-column:active{cursor:grabbing}.kanban-column.dragging{opacity:.5;transform:rotate(2deg);z-index:1000}.kanban-column-title-container{position:relative}.column-drag-handle{align-items:center;color:var(--sub-color);cursor:grab;display:flex;padding:.5rem;transition:color .2s ease}.column-drag-handle:hover{color:var(--main-color)}.column-drag-handle:active{cursor:grabbing}.drag-icon{opacity:.6;transition:opacity .2s ease}.kanban-column-header:hover .drag-icon{opacity:1}.color-palette-label{background:var(--sub-alt-color);border-radius:4px;color:var(--text-color);font-size:.75rem;font-weight:600;grid-column:1/-1;margin-bottom:.25rem;padding:.25rem;text-align:center}@media (max-width:768px){.color-picker-dropdown{left:50%;max-width:90vw;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:280px}.predefined-colors{grid-template-columns:repeat(4,1fr)}.color-picker-container{justify-content:center}.column-drag-handle{padding:.75rem}.kanban-column{cursor:default}.kanban-column.dragging{opacity:.8;transform:none}}@media (max-width:480px){.predefined-colors{grid-template-columns:repeat(3,1fr)}.color-picker-section,.error-banner{text-align:center}.error-banner{flex-direction:column;gap:.5rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.task-list{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;margin:1rem 0;overflow:hidden}.task-list-header{grid-gap:1rem;background-color:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);display:grid;font-weight:600;gap:1rem;grid-template-columns:80px 2fr 100px 120px 150px 120px 140px 120px 100px;margin-bottom:1rem;padding:1rem}.task-list-header-cell{align-items:center;display:flex;font-family:JetBrains Mono,monospace}.task-list-body{max-height:calc(100vh - 300px);overflow-y:auto}.task-list-body::-webkit-scrollbar{width:8px}.task-list-body::-webkit-scrollbar-track{background:var(--sub-alt-color)}.task-list-body::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:4px}.task-list-body::-webkit-scrollbar-thumb:hover{background:var(--main-color)}.task-list-row{grid-gap:1rem;align-items:center;background-color:var(--sub-alt-color);border:2px solid #0000;border-radius:8px;display:grid;gap:1rem;grid-template-columns:80px 2fr 100px 120px 150px 120px 140px 120px 100px;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.task-list-row:hover{background:var(--bg-color);border-left:4px solid var(--main-color);padding-left:calc(1rem - 4px)}.task-list-row.overdue{background:#ca47540d;border-left:4px solid var(--error-color);padding-left:calc(1rem - 4px)}.task-list-row:last-child{border-bottom:none}.task-list-cell{align-items:center;color:var(--text-color);display:flex;min-height:60px}.task-list-cell.summary{align-items:flex-start;padding-top:.5rem}.task-summary-content{width:100%}.task-title{color:var(--text-color);font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--sub-color);display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0 0 .5rem;max-height:40px;overflow:hidden;text-overflow:ellipsis}.task-labels{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.25rem}.task-labels .label{background:var(--sub-color);color:var(--text-color);font-weight:500}.label-more,.task-labels .label{border-radius:12px;font-size:.7rem;padding:.15rem .4rem}.label-more{background:var(--main-color);color:var(--bg-color);font-weight:600}.video-tutorial{margin-top:.25rem}.tutorial-link{align-items:center;color:var(--main-color);display:flex;font-size:.75rem;gap:.25rem;text-decoration:none;transition:color .2s ease}.tutorial-link:hover{color:var(--text-color)}.image-preview{align-items:center;background:rgba(var(--main-color-rgb),.1);border:1px solid #0000;border-radius:12px;color:var(--main-color);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;margin-top:.25rem;padding:.15rem .4rem;transition:all .2s ease}.image-preview:hover{background:rgba(var(--main-color-rgb),.2);border-color:var(--main-color);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.priority-badge,.status-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:70px;padding:.25rem .5rem;text-align:center;text-transform:uppercase}.date-info,.owner-info{align-items:center;color:var(--text-color);display:flex;font-size:.85rem;gap:.5rem}.date-info.overdue-text{color:var(--error-color);font-weight:600}.progress-container{width:100%}.progress-bar{background:var(--sub-color);height:6px;margin-bottom:.25rem}.progress-bar,.progress-fill{border-radius:3px}.time-info{align-items:center;color:var(--sub-color);display:flex;font-size:.75rem;gap:.25rem}.task-actions{display:flex;gap:.5rem;justify-content:center}.action-btn{background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:6px;font-weight:500;min-height:40px;min-width:40px;padding:.6rem}.action-btn:hover{background:var(--bg-color);box-shadow:0 2px 8px #e2b71433;color:var(--main-color);transform:translateY(-1px)}.delete-btn:hover{background:var(--bg-color);border-color:var(--error-color);box-shadow:0 2px 8px #ca475433;color:var(--error-color)}.task-list-empty{color:var(--sub-color);padding:4rem 2rem;text-align:center}.task-list-empty h2{color:var(--text-color);margin-bottom:1rem}.task-list-empty p{font-size:1.1rem;margin:0}.task-id,.task-list-cell.id{align-items:center;display:flex}.task-id{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:4px;color:var(--sub-color);font-family:Courier New,monospace;font-size:.75rem;gap:.25rem;padding:.25rem .5rem}.task-list-cell.work-dates,.work-dates-info{display:flex;flex-direction:column;gap:.25rem}.work-date{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.work-date,.work-date.started{color:var(--main-color)}.work-date.completed{color:#4ade80}@media (max-width:1400px){.task-list-header,.task-list-row{gap:.75rem;grid-template-columns:70px 2fr 90px 100px 130px 100px 120px 100px 80px}}@media (max-width:1200px){.task-list-header,.task-list-row{gap:.5rem;grid-template-columns:60px 2fr 80px 90px 110px 90px 100px 90px 70px}.task-list-header-cell.work-dates{font-size:.75rem}.work-date{font-size:.7rem}}@media (max-width:1000px){.task-list-header,.task-list-row{gap:1rem;grid-template-columns:1fr}.task-list-header{display:none}.task-list-row{align-items:flex-start;display:flex;flex-direction:column}.task-list-cell{margin-bottom:.5rem;width:100%}.task-list-cell:before{color:var(--sub-color);content:attr(data-label);display:block;font-weight:600;margin-bottom:.25rem}}@media (max-width:768px){.task-list-header,.task-list-row{gap:.5rem;grid-template-columns:1fr}.task-list-header{display:none}.task-list-row{display:block;padding:1rem}.task-list-cell{margin-bottom:.5rem;min-height:auto}.task-list-cell.summary{margin-bottom:1rem}.task-list-cell:not(.summary){align-items:center;border-bottom:1px solid var(--sub-color);display:flex;justify-content:space-between;padding:.25rem 0}.task-list-cell:not(.summary):before{color:var(--sub-color);content:attr(data-label);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.task-list-cell.priority:before{content:"Priority:"}.task-list-cell.status:before{content:"Status:"}.task-list-cell.owner:before{content:"Owner:"}.task-list-cell.due-date:before{content:"Due:"}.task-list-cell.progress:before{content:"Progress:"}.task-list-cell.actions:before{content:"Actions:"}.task-actions{justify-content:flex-end}}.image-preview-modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-preview-modal{animation:scaleIn .2s ease-out;background:var(--bg-color);border-radius:8px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.image-preview-header{align-items:center;background:var(--bg-color);border-bottom:1px solid var(--sub-color);display:flex;justify-content:space-between;padding:1rem 1.5rem}.image-info h3{color:var(--text-color);font-size:1rem;font-weight:500;margin:0}.image-counter{color:var(--sub-color);display:block;font-size:.875rem;margin-top:.25rem}.image-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:none;border:1px solid var(--sub-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.action-btn:hover{background:var(--hover-color);border-color:var(--main-color)}.close-btn:hover{background:#ff4757;border-color:#ff4757;color:#fff}.image-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:400px;position:relative}.preview-image{max-height:70vh;max-width:100%;object-fit:contain;transition:opacity .3s ease}.preview-image.loading{opacity:0}.image-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 1rem;width:40px}.nav-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:1rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.nav-arrow:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.nav-arrow-left{left:1rem}.nav-arrow-right{right:1rem}.thumbnail-strip{background:var(--bg-color);border-top:1px solid var(--sub-color);display:flex;gap:.5rem;overflow-x:auto;padding:1rem 1.5rem}.thumbnail{border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;transition:all .2s ease;width:60px}.thumbnail:hover{border-color:var(--main-color);transform:scale(1.05)}.thumbnail.active{border-color:var(--main-color);box-shadow:0 0 0 1px var(--main-color)}.thumbnail-image{height:100%;object-fit:cover;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.image-preview-modal{max-height:95vh;max-width:95vw}.image-preview-header{padding:.75rem 1rem}.image-info h3{font-size:.875rem}.nav-arrow{padding:.75rem}.nav-arrow-left{left:.5rem}.nav-arrow-right{right:.5rem}.thumbnail-strip{padding:.75rem 1rem}.thumbnail{height:50px;width:50px}}.app{background-color:var(--bg-color);min-height:100vh}.main-content{min-height:calc(100vh - 120px);padding:2rem 0}.container{max-width:100%;padding:0 2rem}.error-banner{align-items:center;animation:slideIn .3s ease-out;background-color:var(--error-color);border-radius:8px;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.error-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:background-color .2s ease}.error-close:hover{background-color:#fff3}.loading-container{align-items:center;color:var(--sub-color);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.loading-container span{font-size:1rem;font-weight:500}.tasks-container{animation:fadeIn .3s ease-in-out}.empty-state{align-items:center;color:var(--sub-color);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin-bottom:2rem;opacity:.8}.create-first-task-btn{background-color:var(--main-color);border:none;border-radius:8px;box-shadow:0 2px 8px #e2b71433;color:var(--bg-color);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;text-transform:lowercase;transition:all .2s ease}.create-first-task-btn:hover{box-shadow:0 4px 12px #e2b7144d;opacity:.9;transform:translateY(-2px)}.tasks-grid{grid-gap:1.5rem;animation:fadeIn .3s ease-in-out;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:1200px){.tasks-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.main-content{padding:1rem 0}.container{padding:0 1rem}.tasks-grid{gap:1rem;grid-template-columns:1fr}.error-banner{align-items:flex-start;flex-direction:column;gap:1rem}.error-close{align-self:flex-end}}@media (max-width:480px){.empty-state{padding:2rem 1rem}.empty-state h2{font-size:1.25rem}.create-first-task-btn{font-size:.875rem;padding:.75rem 1.5rem}}.tasks-grid>*{animation:slideIn .3s ease-out}.tasks-grid>:first-child{animation-delay:.05s}.tasks-grid>:nth-child(2){animation-delay:.1s}.tasks-grid>:nth-child(3){animation-delay:.15s}.tasks-grid>:nth-child(4){animation-delay:.2s}.tasks-grid>:nth-child(5){animation-delay:.25s}.tasks-grid>:nth-child(6){animation-delay:.3s}.app:focus-within{outline:none}@media print{.filter-bar,.header,.new-task-btn,.task-actions{display:none!important}.tasks-grid{gap:1rem;grid-template-columns:1fr}.task-card{background:#fff!important;border:1px solid #ccc!important;break-inside:avoid;color:#000!important;page-break-inside:avoid}}.auth-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.auth-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.auth-loading span{font-size:18px;font-weight:500}.results-counter{align-items:center;animation:fadeIn .3s ease-in-out;background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1rem;padding:12px 16px}.results-text{color:var(--text-color);font-weight:500}.results-text strong{color:var(--main-color);font-weight:600}.filter-indication{color:var(--sub-color);font-style:italic}.active-filters-summary{align-items:center;display:flex;gap:.5rem}.filter-count{background:var(--main-color);border-radius:4px;color:var(--bg-color);font-size:.75rem;font-weight:600;padding:4px 8px}@media (max-width:768px){.results-counter{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.active-filters-summary{align-self:flex-end}}.app.full-width .main-content{padding:1rem 0}.app.full-width .container{max-width:none;padding:0 1rem;width:100%}.app.full-width .kanban-board{padding:.5rem 1rem}.app.full-width .tasks-grid{padding:0 1rem}@media (max-width:768px){.app.full-width .main-content{padding:.5rem 0}.app.full-width .container{padding:0 .5rem}.app.full-width .kanban-board{padding:.25rem .5rem}.app.full-width .tasks-grid{padding:0 .5rem}}@media (max-width:480px){.app.full-width .container{padding:0 .25rem}}.settings-header{align-items:center;border-bottom:2px solid var(--sub-alt-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.settings-title-section{align-items:center;display:flex;gap:1rem}.back-btn{background-color:var(--main-color);border:none;border-radius:8px;box-shadow:0 2px 8px #e2b71433;color:var(--bg-color);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.back-btn:hover{box-shadow:0 4px 12px #e2b7144d;opacity:.9;transform:translateY(-1px)}.settings-header h1{color:var(--text-color);font-size:2rem;font-weight:600;margin:0}.logout-btn{background-color:var(--error-color);border:none;border-radius:8px;box-shadow:0 2px 8px #ca475433;color:var(--bg-color);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.logout-btn:hover{box-shadow:0 4px 12px #ca47544d;opacity:.9;transform:translateY(-1px)}.settings-content{animation:fadeIn .3s ease-in-out}.settings-tabs{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:12px;display:flex;gap:.5rem;margin-bottom:2rem;padding:8px}.tab-button{background:none;border:none;border-radius:8px;color:var(--sub-color);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.tab-button:hover{background-color:var(--bg-color);color:var(--text-color)}.tab-button.active{background-color:var(--main-color);box-shadow:0 2px 8px #e2b71433;color:var(--bg-color)}.settings-panel{animation:slideIn .3s ease-out;background-color:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.settings-panel h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-panel p{color:var(--sub-color);line-height:1.6;margin-bottom:2rem}.error-message{background:#ca47541a;border-left:4px solid var(--error-color);color:var(--error-color)}.error-message,.success-message{border-radius:8px;font-size:14px;margin-bottom:16px;padding:12px 16px}.success-message{background:#22c55e1a;border-left:4px solid #22c55e;color:#22c55e}.form-row input.error,.org-settings-form input.error,.profile-form input.error{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ca475433!important}.form-row input.success,.org-settings-form input.success,.profile-form input.success{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e33!important}.members-list{border:1px solid var(--sub-color);border-radius:8px;flex-direction:column;gap:0;margin-bottom:32px;overflow:hidden}.member-item,.members-list{background:var(--bg-color);display:flex}.member-item{align-items:center;border-bottom:1px solid var(--sub-color);justify-content:space-between;padding:20px 24px;transition:all .2s ease}.member-item:last-child{border-bottom:none}.member-item:hover{background:var(--sub-alt-color)}.member-info{align-items:left;display:flex;flex:1 1;gap:20px;min-width:0}.member-avatar{align-items:center;background:var(--sub-color);border-radius:6px;color:var(--bg-color);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.member-avatar.role-owner{background:var(--main-color);color:var(--bg-color)}.member-avatar.role-admin{background:#3b82f6;color:#fff}.member-avatar.role-member{background:#6b7280;color:#fff}.member-details{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:flex-start;min-width:0}.member-name{color:var(--text-color);flex-shrink:0;font-size:15px;font-weight:600}.member-email,.member-name{text-align:left;white-space:nowrap}.member-email{color:var(--sub-color);flex:1 1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis}.member-meta{display:flex;gap:16px;justify-content:flex-start}.member-meta,.member-role{align-items:center;flex-shrink:0}.member-role{background:var(--sub-color);border-radius:4px;color:var(--bg-color);display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.role-owner{background:var(--main-color);color:var(--bg-color)}.role-admin{background:#3b82f6;color:#fff}.role-member{background:#6b7280;color:#fff}.member-status{align-items:center;color:var(--sub-color);display:flex;font-size:12px;font-weight:500;gap:6px;white-space:nowrap}.member-status:before{background:#10b981;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.member-status.unverified:before{background:var(--error-color)}.member-last-seen{color:var(--sub-color);font-size:11px;opacity:.8;white-space:nowrap}.you-badge{background:#e2b71426;border-radius:4px;color:var(--main-color);font-size:11px;font-weight:600;margin-left:10px;padding:3px 8px}.member-actions{display:flex;flex-direction:row;flex-shrink:0;gap:8px}.remove-btn{align-items:center;background:linear-gradient(135deg,#646669,#525457);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 6px #00000026;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;line-height:1;padding:8px 10px;transition:all .2s ease;width:40px}.remove-btn:hover:not(:disabled){background:linear-gradient(135deg,#ca4754,#dc2626);border-color:#fff3;box-shadow:0 4px 12px #ca475466;transform:translateY(-1px)}.remove-btn:disabled{cursor:not-allowed;opacity:.6}.invite-section{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:12px;margin-top:32px;padding:24px}.invite-section h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 16px}.invite-section p{color:var(--sub-color);font-size:14px;line-height:1.5;margin-bottom:20px}.invite-form{display:flex;flex-direction:column;gap:16px}.form-row{align-items:end;display:flex;gap:16px}.form-field{display:flex;flex:1 1;flex-direction:column;gap:6px}.form-field label{color:var(--text-color);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-row input{background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);flex:1 1;font-size:14px;padding:12px 16px}.form-row input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #e2b71433;outline:none}.form-row select{background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);font-size:14px;min-width:120px;padding:12px 16px}.form-row select:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #e2b71433;outline:none}.form-row button{background:var(--main-color);border:none;border-radius:8px;color:var(--bg-color);cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.form-row button:hover:not(:disabled){box-shadow:0 4px 12px #e2b7144d;transform:translateY(-1px)}.form-row button:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-row .form-field:last-child{flex:0 0 auto}.form-row .form-field:last-child button{margin-top:18px}.role-explanation{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;margin-top:24px;padding:20px}.role-explanation h4{color:var(--text-color);font-size:14px;font-weight:600;margin:0 0 12px}.role-explanation ul{list-style:none;margin:0;padding-left:20px}.role-explanation li{color:var(--sub-color);font-size:13px;line-height:1.4;margin-bottom:8px;position:relative}.role-explanation li:before{color:var(--main-color);content:"→";font-weight:700;left:-16px;position:absolute}.role-explanation strong{color:var(--text-color)}.profile-panel{padding:24px}.profile-form{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:12px;margin-bottom:32px;padding:24px}.profile-form .form-group{margin-bottom:20px}.profile-form label{color:var(--text-color);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.profile-form input{background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.profile-form input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #e2b71433;outline:none}.profile-form button{background:var(--main-color);border:none;border-radius:8px;color:var(--bg-color);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px 24px;transition:all .2s ease}.profile-form button:hover:not(:disabled){box-shadow:0 8px 25px #e2b7144d;transform:translateY(-2px)}.profile-form button:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-info{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:12px;padding:24px}.profile-info h3{color:var(--text-color);font-size:18px;font-weight:600;margin:0 0 20px}.info-item{align-items:center;border-bottom:1px solid var(--sub-color);display:flex;justify-content:space-between;padding:12px 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--sub-color);font-size:14px;font-weight:500}.info-value{color:var(--text-color);font-size:14px;font-weight:600}.info-value.verified{color:#10b981}.info-value.unverified{color:var(--error-color)}.info-value.role-admin,.info-value.role-member,.info-value.role-owner{align-items:center;display:inline-flex;font-weight:600;gap:6px}.info-value.role-owner{color:var(--main-color)}.info-value.role-admin{color:#3b82f6}.info-value.role-member{color:var(--text-color)}.org-settings-form{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.org-settings-form .form-group{display:flex;flex-direction:column;gap:8px}.org-settings-form label{color:var(--text-color);font-size:14px;font-weight:600}.org-settings-form input,.org-settings-form textarea{background:var(--bg-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:16px;padding:12px 16px}.org-settings-form input:focus,.org-settings-form textarea:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #e2b71433;outline:none}.org-settings-form button{background:var(--main-color);border:none;border-radius:8px;color:var(--bg-color);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px 24px;transition:all .2s ease}.org-settings-form button:hover:not(:disabled){box-shadow:0 8px 25px #e2b7144d;transform:translateY(-2px)}.org-settings-form button:disabled{cursor:not-allowed;opacity:.6;transform:none}.org-info{background-color:var(--bg-color);border:1px solid var(--sub-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.org-info h3{color:var(--main-color);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.org-info p{color:var(--text-color);margin:.5rem 0}.org-info strong{color:var(--main-color)}.danger-zone{background:#ca47540d;border:1px solid #ca475433;border-radius:12px;margin-top:32px;padding:24px}.danger-zone h3{color:var(--error-color);font-size:18px;font-weight:600;margin:0 0 16px}.danger-zone p{color:var(--sub-color);font-size:14px;line-height:1.5;margin-bottom:16px}.leave-org-btn{background:var(--error-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.leave-org-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.leave-org-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.invites-list{display:flex;flex-direction:column;gap:16px}.invite-item{align-items:center;background:var(--bg-color);border:1px solid var(--sub-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px}.invite-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.invite-actions{display:flex;flex-direction:row;flex-shrink:0;gap:8px}.invite-email{color:var(--text-color);font-size:14px;font-weight:600}.invite-role{background:var(--sub-color);border-radius:4px;color:var(--bg-color);display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.invite-meta{color:var(--sub-color);font-size:12px;line-height:1.4;margin-top:8px}.no-invites{background:var(--sub-alt-color);border-radius:8px;color:var(--sub-color);font-style:italic;padding:2rem;text-align:center}.import-export-panel{display:flex;flex-direction:column;gap:2rem}.access-denied{background:#ca47541a;border:2px solid #ca47544d;border-radius:8px;margin:2rem 0;padding:2rem;text-align:center}.access-denied h3{color:var(--error-color);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.access-denied p{color:var(--text-color);font-size:1rem;line-height:1.6;margin:.5rem 0}.export-section,.import-section{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:8px;padding:1.5rem}.export-section h3,.import-section h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.export-section p,.import-section p{color:var(--sub-color);line-height:1.6;margin-bottom:1rem}.export-btn{background-color:var(--main-color);border:none;border-radius:8px;box-shadow:0 2px 8px #e2b71433;color:var(--bg-color);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.export-btn:hover:not(:disabled){box-shadow:0 4px 12px #e2b7144d;opacity:.9;transform:translateY(-1px)}.export-btn:disabled{cursor:not-allowed;opacity:.6}.import-controls{display:flex;flex-direction:column;gap:1rem}.import-actions{display:flex;gap:.75rem;margin-top:.5rem}.import-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.import-btn.primary{background-color:var(--main-color);box-shadow:0 2px 8px #e2b71433;color:var(--bg-color)}.import-btn.primary:hover:not(:disabled){box-shadow:0 4px 12px #e2b7144d;opacity:.9;transform:translateY(-1px)}.import-btn.secondary{background-color:var(--sub-color);border:1px solid var(--sub-color);color:var(--text-color)}.import-btn.secondary:hover:not(:disabled){background-color:var(--sub-alt-color);border-color:var(--text-color)}.import-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.import-progress{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;margin:1rem 0;padding:1rem}.import-progress h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .75rem}.progress-bar{background-color:var(--sub-color);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background-color:var(--main-color);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--sub-color);font-size:.875rem;margin-bottom:1rem}.import-warnings{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;margin-top:15px;padding:12px}.import-warnings h5{color:var(--warning-color);font-size:.9rem;font-weight:600;margin:0 0 8px}.import-warnings ul{margin:0;padding-left:20px}.import-warnings .warning-item{color:#856404;font-size:.85rem;margin-bottom:4px}.import-errors{background:#dc35451a;border:1px solid #dc35454d;border-radius:6px;margin-top:15px;padding:12px}.import-errors h5{color:var(--error-color);font-size:.9rem;font-weight:600;margin:0 0 8px}.import-errors ul{margin:0;padding-left:20px}.import-errors .error-item{color:#721c24;font-size:.85rem;margin-bottom:4px}.import-format-info{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;margin-top:1rem;padding:1.5rem}.import-format-info h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 .75rem}.import-format-info p{color:var(--sub-color);line-height:1.6;margin-bottom:.75rem}.format-section{border-bottom:1px solid var(--sub-color);margin-bottom:2rem;padding-bottom:1.5rem}.format-section:last-child{border-bottom:none;margin-bottom:1rem}.format-section h5{color:var(--text-color);font-size:.95rem;font-weight:600;margin:0 0 .75rem}.csv-headers{margin-top:.75rem}.csv-headers strong{color:var(--text-color);font-weight:600}.csv-headers ul{margin:.5rem 0 0;padding-left:20px}.csv-headers li{color:var(--sub-color);font-size:.8rem;line-height:1.5;margin-bottom:.25rem}.csv-headers code{border-radius:2px;color:var(--main-color);font-weight:600;padding:1px 3px}.csv-headers code,.format-example{background:var(--bg-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.format-example{border:1px solid var(--sub-color);border-radius:6px;color:var(--text-color);margin:.75rem 0;overflow-x:auto;padding:1rem;white-space:pre}.clear-data-section{background:#dc35450d;border:2px solid var(--error-color);border-radius:8px;margin-top:30px;padding:20px}.clear-data-section h3{color:var(--error-color);font-size:1.2rem;margin-bottom:10px}.section-description{color:var(--text-color);font-style:italic;margin-bottom:20px}.clear-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.clear-action-item{align-items:center;background:var(--bg-color);border:1px solid var(--sub-color);border-radius:6px;display:flex;justify-content:space-between;padding:15px}.clear-action-item.danger-action{background:#dc35451a;border-color:var(--error-color)}.action-info h4{color:var(--text-color);font-size:1rem;margin:0 0 5px}.action-info p{color:var(--sub-color);font-size:.9rem;margin:0}.clear-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:120px;padding:8px 16px;transition:all .2s ease}.clear-tasks-btn{background:var(--main-color);color:var(--bg-color)}.clear-tasks-btn:hover:not(:disabled){background:var(--main-color-hover);transform:translateY(-1px)}.clear-columns-btn{background:#ffc107;color:#212529}.clear-columns-btn:hover:not(:disabled){background:#e0a800;transform:translateY(-1px)}.reset-all-btn{background:var(--error-color);color:#fff}.reset-all-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.clear-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.clear-warning{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:6px;padding:15px}.clear-warning h5{color:var(--warning-color);font-size:1rem;margin:0 0 10px}.clear-warning ul{margin:0;padding-left:20px}.clear-warning li{color:var(--text-color);font-size:.9rem;line-height:1.4;margin-bottom:8px}.clear-warning strong{color:var(--warning-color)}@media (max-width:768px){.clear-action-item{align-items:stretch;flex-direction:column;gap:10px}.action-info{text-align:center}.clear-btn{width:100%}.settings-header{gap:1rem}.settings-header,.settings-title-section{align-items:flex-start;flex-direction:column}.settings-title-section{gap:.5rem}.settings-tabs{flex-direction:column;gap:8px}.tab-button{text-align:left;width:100%}.settings-panel{padding:1.5rem}.member-item{align-items:flex-start;flex-direction:column;gap:16px}.member-info{width:100%}.member-actions{flex-direction:row;justify-content:flex-end;width:100%}.form-row{flex-direction:column;gap:16px}.form-row .form-field:last-child button{margin-top:0;width:100%}.member-meta{flex-direction:row;flex-wrap:wrap;gap:12px}.role-explanation{padding:16px}.role-explanation ul{padding-left:16px}.invite-section{padding:16px}.org-settings-form{gap:16px}.danger-zone{padding:16px}}@media (max-width:480px){.settings-header h1{font-size:1.5rem}.tab-button{font-size:.875rem;padding:.75rem}.back-btn{font-size:.8rem;padding:.5rem 1rem}}.import-options{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{accent-color:var(--main-color);cursor:pointer;height:16px;width:16px}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-text{color:var(--text-color);font-size:.875rem;font-weight:600;-webkit-user-select:none;user-select:none}.option-description{color:var(--sub-color);font-size:.75rem;line-height:1.4;margin:0;padding-left:1.5rem}.file-input-label{background-color:var(--sub-color);border-radius:8px;box-shadow:0 2px 8px #0000001a;color:var(--bg-color);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.file-input-label:hover{box-shadow:0 4px 12px #00000026;opacity:.9;transform:translateY(-1px)}.file-input{display:none}.example-btn{background-color:initial;border:2px solid var(--main-color);border-radius:8px;color:var(--main-color);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-transform:lowercase;transition:all .2s ease}.example-btn:hover:not(:disabled){background-color:var(--main-color);box-shadow:0 4px 12px #e2b7144d;color:var(--bg-color);transform:translateY(-1px)}.example-btn:disabled{cursor:not-allowed;opacity:.6}.task-analytics-chat{background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:12px;display:flex;flex-direction:column;font-family:inherit;height:600px;overflow:hidden}.chat-header{background:var(--bg-color);border-bottom:2px solid var(--sub-color);color:var(--text-color);justify-content:space-between;padding:1rem 1.5rem}.chat-header,.header-title{align-items:center;display:flex}.header-title{font-size:1.1rem;font-weight:600;gap:.5rem}.header-title svg{color:var(--main-color)}.task-counter{color:var(--sub-color);font-size:.875rem;font-weight:500}.chat-messages{background:var(--sub-alt-color);display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:var(--sub-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:3px;opacity:.3}.message{display:flex;margin-bottom:.5rem;max-width:80%}.message.user{align-self:flex-end;justify-content:flex-end}.message.assistant{align-self:flex-start}.message-content{background:var(--bg-color);border:1px solid var(--sub-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem;position:relative}.message.user .message-content{background:var(--main-color);border-color:var(--main-color);color:var(--bg-color)}.message.assistant .message-content{background:var(--bg-color);border-color:var(--sub-color);color:var(--text-color)}.message-text{word-wrap:break-word;line-height:1.5;white-space:pre-wrap}.message-text strong{color:var(--text-color);font-weight:600}.message.user .message-text strong{color:var(--bg-color)}.message-timestamp{font-size:.75rem;margin-top:.5rem;opacity:.7;text-align:right}.thinking-indicator{align-items:center;display:flex;gap:4px;padding:.5rem 0}.thinking-indicator .dot{animation:thinking 1.4s ease-in-out infinite both;background:var(--text-color);border-radius:50%;height:8px;opacity:.4;width:8px}.thinking-indicator .dot:first-child{animation-delay:-.32s}.thinking-indicator .dot:nth-child(2){animation-delay:-.16s}@keyframes thinking{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.suggested-questions{background:var(--bg-color);border-top:1px solid var(--sub-color);padding:1rem}.suggestions-header{color:var(--text-color);font-size:.875rem;font-weight:500;margin-bottom:.75rem}.suggestions-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suggestion-btn{background:var(--sub-alt-color);border:1px solid var(--sub-color);border-radius:8px;color:var(--text-color);cursor:pointer;font-family:inherit;font-size:.8rem;padding:.5rem .75rem;text-align:left;transition:all .2s ease}.suggestion-btn:hover{background:var(--main-color);border-color:var(--main-color);color:var(--bg-color);transform:translateY(-1px)}.suggestion-btn:active{transform:translateY(0)}.chat-input{background:var(--bg-color);border-top:2px solid var(--sub-color);padding:1rem}.input-container{align-items:flex-end;display:flex;gap:.5rem}.input-container textarea{background:var(--sub-alt-color);border:2px solid var(--sub-color);border-radius:8px;color:var(--text-color);flex:1 1;font-family:inherit;font-size:.9rem;max-height:120px;min-height:42px;padding:.75rem;resize:none;transition:all .2s ease}.input-container textarea:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #e2b7141a;outline:none}.input-container textarea::placeholder{color:var(--sub-color)}.send-btn{align-items:center;background:var(--main-color);border:none;border-radius:8px;color:var(--bg-color);cursor:pointer;display:flex;height:42px;justify-content:center;min-width:42px;padding:.75rem;transition:all .2s ease}.send-btn:hover:not(:disabled){background:#d4a613;box-shadow:0 4px 12px #e2b7144d;transform:translateY(-1px)}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}body.dark .task-analytics-chat{background:var(--sub-alt-color)}body.dark .message.assistant .message-content,body.dark .suggestion-btn{background:var(--sub-color)}body.dark .suggestion-btn:hover{background:var(--main-color)}@media (max-width:768px){.task-analytics-chat{height:500px}.message{max-width:95%}.suggestions-grid{grid-template-columns:1fr}.chat-header{padding:.75rem 1rem}.header-title{font-size:1rem}.chat-input,.chat-messages,.message-content{padding:.75rem}}.message{animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-text div:has-text("**"){font-weight:600}.message-text div:contains("⏰"),.message-text div:contains("🏷️"),.message-text div:contains("👥"),.message-text div:contains("📈"),.message-text div:contains("📊"),.message-text div:contains("🚫"){margin:.5rem 0}.message-text div:first-child{margin-top:0}.message-text div:last-child{margin-bottom:0}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{font-weight:600;line-height:1.3;margin:.5rem 0 .3rem}.message-text h2{border-bottom:1px solid var(--border-color);color:var(--primary-color);font-size:1.1rem;padding-bottom:.2rem}.message-text h3{color:var(--text-primary);font-size:1rem}.message-text h4{color:var(--text-secondary);font-size:.95rem}.message-text p{line-height:1.5;margin:.5rem 0}.message-text ol,.message-text ul{margin:.5rem 0;padding-left:1.2rem}.message-text li{line-height:1.4;margin:.2rem 0}.message-text b,.message-text strong{color:var(--text-primary);font-weight:600}.message-text em,.message-text i{color:var(--text-secondary);font-style:italic}.message-text code{border:1px solid var(--border-color);border-radius:3px;color:var(--accent-color);padding:.1rem .3rem}.message-text code,.message-text pre{background:var(--bg-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.85em}.message-text pre{border:1px solid var(--border-color);border-radius:6px;margin:.5rem 0;overflow-x:auto;padding:.8rem}.message-text pre code{background:none;border:none;color:var(--text-primary);padding:0}.message-text blockquote{background:var(--bg-secondary);border-left:3px solid var(--primary-color);color:var(--text-secondary);font-style:italic;margin:.5rem 0;padding:.5rem 0 .5rem 1rem}.message-text table{border-collapse:collapse;font-size:.9rem;margin:.5rem 0;width:100%}.message-text td,.message-text th{border:1px solid var(--border-color);padding:.4rem .6rem;text-align:left}.message-text th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.message-text td{color:var(--text-secondary)}.message-text a{border-bottom:1px solid #0000;color:var(--primary-color);text-decoration:none;transition:border-bottom-color .2s ease}.message-text a:hover{border-bottom-color:var(--primary-color)}.message-text .emoji{font-size:1.1em;margin-right:.2rem}.message-text>:first-child{margin-top:0}.message-text>:last-child{margin-bottom:0}.ai-assistant-page{max-width:100%;padding:2rem 0}.ai-assistant-header{color:var(--text-color);margin-bottom:2rem;text-align:center}.ai-assistant-header h2{color:var(--text-color);font-size:2rem;font-weight:600;margin-bottom:.5rem}.ai-assistant-header p{color:var(--sub-color);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.ai-assistant-content{display:flex;justify-content:center;max-width:100%}.ai-assistant-content .task-analytics-chat{height:70vh;max-width:900px;min-height:500px;width:100%}@media (max-width:768px){.ai-assistant-page{padding:1rem 0}.ai-assistant-header h2{font-size:1.5rem}.ai-assistant-header p{font-size:1rem;padding:0 1rem}.ai-assistant-content .task-analytics-chat{height:65vh;min-height:450px}}@media (max-width:480px){.ai-assistant-header h2{font-size:1.3rem}.ai-assistant-content .task-analytics-chat{height:60vh;min-height:400px}}.screenshot-gallery{width:100%}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.gallery-item{aspect-ratio:16/10;background:#ffffff0d;border:1px solid #e2b71433;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item:hover{border-color:#e2b71480;box-shadow:0 15px 40px #e2b71433;transform:translateY(-5px)}.gallery-item img{background:#0000001a;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.view-icon{color:#e2b714;font-size:2rem;text-shadow:0 2px 4px #00000080}.screenshot-modal{align-items:center;animation:fadeIn .3s ease;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{align-items:center;display:flex;flex-direction:column;max-height:95vh;max-width:95vw;position:relative}.modal-close{background:none;border:none;border-radius:50%;color:#e2b714;cursor:pointer;font-size:2rem;padding:.5rem;position:absolute;right:0;top:-50px;transition:all .3s ease;z-index:1001}.modal-close:hover{background:#e2b71433;transform:scale(1.1)}.modal-navigation{gap:2rem;max-width:100%}.modal-navigation,.nav-btn{align-items:center;display:flex}.nav-btn{background:#e2b71433;border:1px solid #e2b71480;border-radius:50%;color:#e2b714;cursor:pointer;font-size:2rem;justify-content:center;min-height:60px;min-width:60px;padding:1rem 1.5rem;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#e2b71466;transform:scale(1.1)}.nav-btn:disabled{cursor:not-allowed;opacity:.3}.modal-image-container{align-items:center;border-radius:8px;display:flex;justify-content:center;max-height:85vh;max-width:85vw;overflow:hidden;position:relative}.modal-image-container img{border-radius:8px;box-shadow:0 10px 30px #00000080;max-height:none;max-width:none;transform-origin:center center}.modal-info{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;text-align:center}.image-counter{background:#000000b3;border:1px solid #e2b7144d;border-radius:20px;color:#e2b714;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.scale-info{background:#00000080;border:1px solid #ffffff1a;border-radius:15px;color:#646669;font-size:.9rem;font-style:italic;padding:.3rem .8rem}@media (max-width:768px){.gallery-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modal-navigation{gap:1rem}.nav-btn{font-size:1.5rem;min-height:50px;min-width:50px;padding:.8rem 1rem}.modal-image-container{max-height:75vh;max-width:90vw}.modal-close{font-size:1.5rem;top:-40px}}@media (max-width:480px){.gallery-grid{gap:1rem;grid-template-columns:1fr}.gallery-item{aspect-ratio:16/9}.view-icon{font-size:1.5rem}.modal-navigation{flex-direction:column;gap:1rem}.nav-btn{transform:rotate(90deg)}.nav-btn.prev{order:2}.nav-btn.next{order:0}.modal-image-container{max-height:70vh;max-width:95vw;order:1}.modal-close{right:10px;top:-30px}}.landing-page{background:linear-gradient(135deg,#323437,#2a2c2f);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}.landing-page *{box-sizing:border-box;margin:0;padding:0}.container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-header{background:#0003;padding:2rem 0}.header-content{align-items:center;display:flex;justify-content:space-between}.header-left{text-align:left}.header-right{align-items:center;display:flex}.logo{color:#e2b714;font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px #00000080}.tagline{color:#646669;font-size:1.2rem;font-weight:300}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#646669;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background:#e2b7141a;border-color:#e2b7144d;color:#e2b714;transform:translateY(-2px)}.social-link svg{transition:all .3s ease}.hero{padding:4rem 0;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#e2b714,#f4d03f);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;margin-bottom:1rem}.hero p{color:#bbb;font-size:1.3rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#e2b714;color:#323437}.btn-secondary{background:#0000;border:2px solid #e2b714;color:#e2b714}.btn:hover{box-shadow:0 10px 25px #e2b7144d;transform:translateY(-3px)}.about{background:#0003;padding:4rem 0}.about h2{color:#e2b714;font-size:2.5rem;margin-bottom:3rem;text-align:center}.about-content-simple{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-content-simple p{color:#bbb;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:left}.about-left-column,.about-right-column{display:flex;flex-direction:column}.tech-stack{margin-top:2rem}.tech-stack h3{color:#e2b714;font-size:1.2rem;margin-bottom:1rem;text-align:left}.tech-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.tech-badge{background:#e2b71433;border:1px solid #e2b7144d;border-radius:20px;color:#e2b714;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.landing-footer{background:#0000004d;color:#646669;padding:3rem 0;text-align:center}.landing-footer p{font-size:.9rem;margin:.5rem 0}.screenshots{background:#0000001a;padding:5rem 0}.screenshots h2{color:#e2b714;font-size:2.5rem;margin-bottom:3rem;text-align:center}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.header-content,.header-left{text-align:center}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.cta-buttons{align-items:center;flex-direction:column}.about-content-simple{gap:2rem;grid-template-columns:1fr;max-width:800px}.about-content-simple p,.tech-stack h3{text-align:left}.tech-badges{justify-content:flex-start}.screenshots{padding:3rem 0}.screenshots h2{font-size:2rem;margin-bottom:2rem}}
/*# sourceMappingURL=main.35fe6d79.css.map*/