.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:520px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h2{font-size:18px;font-weight:600;color:#1f1f1f}.modal-close-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;color:#6d6e6f;border:none;background:none;cursor:pointer;transition:all .15s}.modal-close-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-field{display:flex;flex-direction:column;gap:6px;flex:1}.modal-field label{font-size:13px;font-weight:600;color:#1f1f1f}.optional-label{font-weight:400;color:#a2a0a2}.modal-field input[type=text],.modal-field input[type=date],.modal-field select,.modal-field textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#1f1f1f;font-family:inherit;outline:none;transition:border-color .15s}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:#f06a6a;box-shadow:0 0 0 2px #f06a6a26}.modal-field input::placeholder,.modal-field textarea::placeholder{color:#a2a0a2}.modal-field textarea{resize:vertical;min-height:80px}.modal-field-row{display:flex;gap:16px}.color-picker-row{display:flex;gap:8px}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:#1f1f1f;box-shadow:0 0 0 2px #fff,0 0 0 4px #0003}.privacy-options{display:flex;gap:20px}.radio-option{display:flex;align-items:center;gap:8px;font-size:14px;color:#1f1f1f;cursor:pointer}.radio-option input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#f06a6a}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0}.modal-cancel-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#6d6e6f;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .15s}.modal-cancel-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.modal-primary-btn{padding:10px 20px;font-size:14px;font-weight:600;color:#fff;background-color:#f06a6a;border:none;border-radius:6px;cursor:pointer;transition:background-color .15s}.modal-primary-btn:hover:not(:disabled){background-color:#e55a5a}.modal-primary-btn:disabled{opacity:.5;cursor:not-allowed}.top-nav{height:48px;background-color:#2e2e30;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:100}.top-nav-left{display:flex;align-items:center;gap:16px;flex:1}.logo{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600;font-size:18px;text-decoration:none}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#f06a6a,#ea4e9d);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.search-bar{display:flex;align-items:center;background-color:#383839;border-radius:6px;padding:6px 12px;gap:8px;flex:1;max-width:500px;transition:background-color .2s;border:1px solid transparent}.search-bar:focus-within{background-color:#424244;border-color:#5e5f62}.search-bar input{background:none;border:none;color:#fff;outline:none;flex:1;font-size:14px}.search-bar input::placeholder{color:#a2a0a2}.top-nav-right{display:flex;align-items:center;gap:4px;position:relative}.nav-btn{background:none;border:none;color:#a2a0a2;padding:8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative}.nav-btn:hover{background-color:#ffffff1a;color:#fff}.quick-add{background-color:#f06a6a;color:#fff;border-radius:6px;font-weight:600}.quick-add:hover{background-color:#e55a5a;color:#fff}.quick-add-menu{position:absolute;top:44px;right:100px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;padding:6px;min-width:160px;z-index:1000}.quick-add-menu button{width:100%;text-align:left;padding:8px 12px;border-radius:4px;color:#1f1f1f;font-size:14px;transition:background-color .15s}.quick-add-menu button:hover{background-color:#f6f8f9}.notification-btn{position:relative}.badge{position:absolute;top:2px;right:2px;background-color:#e8384f;color:#fff;font-size:10px;font-weight:700;padding:1px 4px;border-radius:10px;min-width:16px;text-align:center;line-height:1.4}.user-menu-container{position:relative}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.user-avatar:hover{border-color:#ffffff4d}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu{position:absolute;top:44px;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;padding:8px;min-width:250px;z-index:1000}.user-menu-header{display:flex;align-items:center;gap:12px;padding:8px}.user-menu-header img{width:48px;height:48px;border-radius:50%}.user-name{font-weight:600;color:#1f1f1f;font-size:14px}.user-email{font-size:12px;color:#6d6e6f}.user-menu-divider{height:1px;background-color:#e0e0e0;margin:8px 0}.user-menu a,.user-menu button{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:4px;color:#1f1f1f;font-size:14px;transition:background-color .15s}.user-menu a:hover,.user-menu button:hover{background-color:#f6f8f9}.nav-btn.active{background-color:#ffffff26;color:#fff}.help-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:transparent}.help-panel{position:fixed;top:48px;right:0;width:320px;height:calc(100vh - 48px);background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;z-index:501;overflow-y:auto}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid #e0e0e0}.help-panel-header h2{font-size:18px;font-weight:600;color:#1f1f1f}.help-panel-close{background:none;border:none;color:#6d6e6f;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .15s}.help-panel-close:hover{background-color:#f6f8f9;color:#1f1f1f}.help-panel-body{padding:16px 20px;display:flex;flex-direction:column;gap:24px}.help-section h3{font-size:13px;font-weight:600;color:#6d6e6f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.help-links{list-style:none;display:flex;flex-direction:column;gap:2px}.help-link-item{display:block;padding:8px 10px;border-radius:6px;font-size:14px;color:#1f1f1f;cursor:pointer;transition:background-color .15s}.help-link-item:hover{background-color:#f6f8f9;color:#f06a6a}.help-shortcuts{display:flex;flex-direction:column;gap:8px}.help-shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f6f8f9;border-radius:6px;font-size:13px;color:#1f1f1f}.help-shortcut-row kbd{font-family:monospace;font-size:12px;padding:3px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 2px #0000001a}.logout-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.logout-confirm-dialog{background:#fff;border-radius:12px;padding:32px;max-width:380px;width:90%;box-shadow:0 8px 32px #0003}.logout-confirm-dialog h3{font-size:20px;font-weight:600;color:#1f1f1f;margin-bottom:10px}.logout-confirm-dialog p{font-size:14px;color:#6d6e6f;margin-bottom:24px;line-height:1.5}.logout-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.logout-cancel-btn{padding:10px 20px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#1f1f1f;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.logout-cancel-btn:hover{background:#f6f8f9}.logout-confirm-btn{padding:10px 20px;border-radius:6px;background:#e8384f;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s}.logout-confirm-btn:hover{background:#d32f40}.sidebar{width:240px;background-color:#1e1f21;display:flex;flex-direction:column;overflow-y:auto;padding:16px 0}.sidebar-nav{flex:1;padding:0 12px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;color:#a2a0a2;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s ease;position:relative}.sidebar-link:hover,.sidebar-link.active{background-color:#3e3f42;color:#fff}.sidebar-badge{margin-left:auto;background-color:#e8384f;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar-link.active .sidebar-badge{background-color:#e8384f;color:#fff}.sidebar-divider{height:1px;background-color:#3e3f42;margin:12px 0}.sidebar-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;text-align:left;color:#a2a0a2;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;transition:all .15s ease;margin-top:8px}.sidebar-section-header:hover{background-color:#3e3f42;color:#fff}.sidebar-section{margin-left:8px;margin-top:4px}.sidebar-link-small{display:block;padding:6px 12px;color:#a2a0a2;font-size:14px;text-decoration:none;border-radius:6px;transition:all .15s ease}.sidebar-link-small:hover{background-color:#3e3f42;color:#fff}.sidebar-team-header{display:flex;align-items:center;gap:6px;padding:6px 12px;width:100%;text-align:left;color:#a2a0a2;font-size:14px;border-radius:6px;transition:all .15s ease}.sidebar-team-header:hover{background-color:#3e3f42;color:#fff}.sidebar-team-projects{margin-left:20px;margin-top:4px}.sidebar-project-link{display:flex;align-items:center;gap:8px;padding:6px 12px;color:#a2a0a2;font-size:14px;text-decoration:none;border-radius:6px;transition:all .15s ease}.sidebar-project-link:hover{background-color:#3e3f42;color:#fff}.project-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.create-project-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 12px 0;padding:10px 16px;background-color:transparent;color:#a2a0a2;font-size:14px;font-weight:500;border-radius:6px;border:1px dashed #3e3f42;transition:all .15s ease}.create-project-btn:hover{background-color:#3e3f42;color:#fff;border-color:#5e5f62}.layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-body{display:flex;flex:1;overflow:hidden}.layout-main{flex:1;overflow-y:auto;background-color:#fff}.shortcuts-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.shortcuts-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;width:480px;max-width:90vw;max-height:80vh;overflow-y:auto}.shortcuts-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.shortcuts-dialog-header h2{font-size:18px;font-weight:600;color:#1f1f1f}.shortcuts-close-btn{padding:6px;border-radius:6px;color:#6d6e6f;transition:all .15s;display:flex;align-items:center;cursor:pointer;background:none;border:none}.shortcuts-close-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.shortcuts-dialog-body{padding:20px 24px}.shortcuts-group{margin-bottom:20px}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group h3{font-size:12px;font-weight:600;color:#6d6e6f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.shortcuts-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.shortcuts-action{font-size:14px;color:#1f1f1f}.shortcuts-keys{display:flex;align-items:center;gap:4px}.shortcuts-keys kbd{padding:3px 8px;background-color:#f6f8f9;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;color:#1f1f1f;box-shadow:0 1px 2px #00000014}.key-separator{font-size:12px;color:#a2a0a2;margin:0 2px}.home-page{padding:32px 48px;max-width:1400px;margin:0 auto}.home-header{margin-bottom:32px}.home-header h1{font-size:32px;font-weight:600;color:#1f1f1f;margin-bottom:8px}.home-subtitle{font-size:16px;color:#6d6e6f}.quick-access-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:48px}.quick-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;text-decoration:none;transition:all .2s}.quick-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.quick-card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.quick-card-content{flex:1}.quick-card-title{font-size:16px;font-weight:600;color:#1f1f1f;margin-bottom:4px}.quick-card-count{font-size:14px;color:#6d6e6f}.home-section{margin-bottom:48px}.home-section h2{font-size:20px;font-weight:600;color:#1f1f1f;margin-bottom:16px}.task-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.task-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;transition:background-color .2s}.task-item:hover{background-color:#f6f8f9}.task-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.task-info{flex:1}.task-name{font-size:14px;color:#1f1f1f;margin-bottom:4px}.task-project{font-size:12px;font-weight:500}.task-due-date{font-size:13px;color:#6d6e6f}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;text-decoration:none;transition:all .2s}.project-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.project-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.project-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-icon img{width:100%;height:100%;object-fit:cover}.project-card h3{font-size:16px;font-weight:600;color:#1f1f1f}.project-description{font-size:14px;color:#6d6e6f;margin-bottom:16px;line-height:1.5}.project-progress{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .3s}.progress-text{font-size:12px;color:#6d6e6f;white-space:nowrap}.my-tasks-page{padding:32px 48px;max-width:1200px;margin:0 auto}.my-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.my-tasks-header h1{font-size:32px;font-weight:600;color:#1f1f1f}.view-switcher{display:flex;gap:4px;background-color:#fff;border-radius:6px;padding:4px;box-shadow:0 1px 3px #0000001a}.view-switcher button{padding:8px 12px;border-radius:4px;color:#6d6e6f;transition:all .2s}.view-switcher button:hover{background-color:#f6f8f9}.view-switcher button.active{background-color:#f06a6a;color:#fff}.my-tasks-list{display:flex;flex-direction:column;gap:24px}.task-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.section-header h2{font-size:16px;font-weight:600;color:#1f1f1f}.task-count{font-size:13px;color:#6d6e6f;background-color:#f6f8f9;padding:2px 8px;border-radius:12px}.task-section-content{padding:8px}.my-task-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:6px;transition:background-color .2s}.my-task-item:hover{background-color:#f6f8f9}.my-task-item input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.my-task-content{flex:1}.my-task-name{font-size:14px;color:#1f1f1f}.my-task-meta{display:flex;align-items:center;gap:12px;font-size:12px}.my-task-project{font-weight:500}.my-task-due{color:#6d6e6f}.my-task-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.my-task-name-row .priority-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;line-height:1.4;white-space:nowrap}.my-task-name-row .priority-badge.priority-high{background-color:#fde8e8;color:#dc2626}.my-task-name-row .priority-badge.priority-medium{background-color:#fef3c7;color:#d97706}.my-task-name-row .priority-badge.priority-low{background-color:#d1fae5;color:#059669}.my-board-container{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.my-board-column{min-width:240px;max-width:280px;flex:1;background:#f6f8f9;border-radius:8px;display:flex;flex-direction:column}.my-board-column-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid #e0e0e0}.my-board-column-header h3{font-size:13px;font-weight:600;color:#1f1f1f;text-transform:uppercase;letter-spacing:.5px}.my-board-column-count{font-size:12px;color:#6d6e6f;background-color:#e5e7eb;padding:2px 8px;border-radius:10px}.my-board-column-tasks{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:60px}.my-board-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:box-shadow .2s,transform .1s}.my-board-card:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.my-board-card-title{font-size:13px;font-weight:500;color:#1f1f1f;margin-bottom:8px;line-height:1.4}.my-board-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.my-board-card-meta{display:flex;align-items:center;gap:8px}.my-board-card-project{font-size:11px;font-weight:500}.my-board-card-due{font-size:11px;color:#6d6e6f}.my-board-card-due.overdue{color:#dc2626;font-weight:500}.my-calendar-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.my-calendar-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e0e0e0}.my-calendar-header h2{font-size:18px;font-weight:600;color:#1f1f1f;min-width:200px;text-align:center}.my-calendar-nav-btn{padding:6px;border-radius:6px;color:#6d6e6f;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.my-calendar-nav-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.my-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.my-calendar-day-header{font-size:12px;font-weight:600;color:#6d6e6f;text-align:center;padding:10px 4px;border-bottom:1px solid #e0e0e0;text-transform:uppercase;letter-spacing:.5px}.my-calendar-cell{min-height:100px;padding:6px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;transition:background-color .15s}.my-calendar-cell:nth-child(7n){border-right:none}.my-calendar-cell.other-month{background-color:#fafafa}.my-calendar-cell.other-month .my-calendar-date{color:silver}.my-calendar-cell.today-cell{background-color:#fef7f7}.my-calendar-date{font-size:13px;font-weight:500;color:#6d6e6f;margin-bottom:4px}.my-calendar-date.today-date{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#f06a6a;color:#fff;font-weight:600}.my-calendar-tasks{display:flex;flex-direction:column;gap:2px}.my-calendar-task-pill{font-size:11px;padding:2px 6px;border-radius:3px;background-color:#f6f8f9;border-left:3px solid #6d6e6f;color:#1f1f1f;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s}.my-calendar-task-pill:hover{background-color:#e8ecf0}.my-calendar-task-pill.completed-pill{text-decoration:line-through;color:#a2a0a2}.my-calendar-more{font-size:11px;color:#6d6e6f;padding:1px 6px;cursor:pointer}.my-calendar-more:hover{color:#f06a6a}.empty-state-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:48px 32px;text-align:center}.empty-state-card .empty-state-icon{width:56px;height:56px;margin:0 auto 16px;background-color:#d1fae5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#059669}.empty-state-card h3{font-size:18px;font-weight:600;color:#1f1f1f;margin-bottom:8px}.empty-state-card p{font-size:14px;color:#6d6e6f;line-height:1.5}.inbox-page{padding:32px 48px;max-width:1000px;margin:0 auto}.inbox-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.inbox-header h1{font-size:32px;font-weight:600;color:#1f1f1f}.mark-all-read{padding:8px 16px;background-color:#fff;color:#f06a6a;font-size:14px;font-weight:500;border:1px solid #f06a6a;border-radius:6px;transition:all .15s}.mark-all-read:hover{background-color:#f06a6a;color:#fff}.inbox-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.inbox-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#6d6e6f;border-bottom:2px solid transparent;transition:all .15s;cursor:pointer}.inbox-tab:hover{color:#1f1f1f}.inbox-tab.active{color:#f06a6a;border-bottom-color:#f06a6a}.inbox-tab-badge{background-color:#e8384f;color:#fff;font-size:11px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.inbox-tab-count{font-size:12px;color:#a2a0a2}.notifications-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.notification-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .15s;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f6f8f9}.notification-item.unread{background-color:#fff8f5}.notification-item.unread:hover{background-color:#fff0eb}.notification-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.notification-content{flex:1}.notification-text{font-size:14px;color:#1f1f1f;margin-bottom:4px;line-height:1.4}.notification-item.unread .notification-text{font-weight:500}.notification-time{font-size:12px;color:#a2a0a2}.notification-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.unread-dot{width:8px;height:8px;background-color:#f06a6a;border-radius:50%}.notification-archive-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;color:#a2a0a2;opacity:0;transition:all .15s;cursor:pointer;border:none;background:none}.notification-item:hover .notification-archive-btn{opacity:1}.notification-archive-btn:hover{color:#1f1f1f;background-color:#e8ebed}.empty-state{padding:48px;text-align:center;color:#a2a0a2;font-size:15px}.projects-page{padding:32px 48px;max-width:1400px;margin:0 auto}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.projects-header h1{font-size:32px;font-weight:600;color:#1f1f1f}.create-project-btn-main{padding:10px 20px;background-color:#f06a6a;color:#fff;font-size:14px;font-weight:600;border-radius:6px;transition:background-color .15s ease}.create-project-btn-main:hover{background-color:#e55a5a}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.project-card-main{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;text-decoration:none;transition:all .2s}.project-card-main:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.project-card-header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-icon-main{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-icon-main img{width:100%;height:100%;object-fit:cover}.star-btn{padding:4px;border-radius:4px;transition:background-color .2s}.star-btn:hover{background-color:#f6f8f9}.project-card-main h3{font-size:18px;font-weight:600;color:#1f1f1f;margin-bottom:8px}.project-description-main{font-size:14px;color:#6d6e6f;margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:13px;color:#6d6e6f}.project-team{font-weight:500}.project-progress-main{display:flex;align-items:center;gap:12px}.progress-bar-main{flex:1;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill-main{height:100%;border-radius:3px;transition:width .3s}.progress-text-main{font-size:13px;color:#6d6e6f;font-weight:500;min-width:35px;text-align:right}.project-detail-page{padding:32px 48px;max-width:1400px;margin:0 auto}.project-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.project-title-section{display:flex;align-items:flex-start;gap:16px}.project-icon-large{width:64px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.project-icon-large img{width:100%;height:100%;object-fit:cover}.project-detail-header h1{font-size:28px;font-weight:600;color:#1f1f1f;margin-bottom:8px}.project-description-detail{font-size:14px;color:#6d6e6f;line-height:1.5}.star-btn-large{padding:8px;border-radius:6px;transition:background-color .2s}.star-btn-large:hover{background-color:#f6f8f9}.project-tabs{display:flex;gap:4px;border-bottom:1px solid #e0e0e0;margin-bottom:24px}.project-tab{padding:12px 16px;font-size:14px;font-weight:500;color:#6d6e6f;border-bottom:2px solid transparent;transition:all .2s}.project-tab:hover{color:#1f1f1f}.project-tab.active{color:#f06a6a;border-bottom-color:#f06a6a}.project-content{display:flex;flex-direction:column;gap:24px}.project-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.project-section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.project-section-header h2{font-size:16px;font-weight:600;color:#1f1f1f}.section-task-count{font-size:13px;color:#6d6e6f;background-color:#f6f8f9;padding:2px 8px;border-radius:12px}.project-section-tasks{padding:8px}.project-task-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;transition:background-color .2s}.project-task-item:hover{background-color:#f6f8f9}.project-task-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.add-row-check{width:18px;height:18px;border:1px solid #c5c7d0;border-radius:4px;flex-shrink:0;background:#fff}.add-row-check.small{width:16px;height:16px}.project-task-content{flex:1;display:flex;align-items:center;justify-content:space-between}.project-task-name{font-size:14px;color:#1f1f1f}.project-task-meta{display:flex;align-items:center;gap:8px}.task-assignee-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.project-task-due{font-size:12px;color:#6d6e6f}.add-task-btn{width:100%;padding:12px;text-align:left;font-size:14px;color:#6d6e6f;border-radius:6px;transition:all .2s}.add-task-btn:hover{background-color:#f6f8f9;color:#f06a6a}.priority-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;line-height:1.4;white-space:nowrap}.priority-badge.priority-high{background-color:#fde8e8;color:#dc2626}.priority-badge.priority-medium{background-color:#fef3c7;color:#d97706}.priority-badge.priority-low{background-color:#d1fae5;color:#059669}.project-task-name-link{font-size:14px;color:#1f1f1f;cursor:pointer;border:none;background:none;padding:0;text-align:left}.project-task-name-link:hover{color:#f06a6a;text-decoration:underline}.filter-bar{display:flex;align-items:center;gap:12px;padding:12px 0;margin-bottom:16px;flex-wrap:wrap}.filter-bar label{font-size:13px;font-weight:500;color:#6d6e6f}.filter-bar select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#1f1f1f;background:#fff;cursor:pointer;min-width:140px}.filter-bar select:focus{outline:none;border-color:#f06a6a;box-shadow:0 0 0 2px #fc6d2626}.filter-group{display:flex;align-items:center;gap:6px}.filter-priority-checks{display:flex;align-items:center;gap:8px}.filter-priority-checks label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:13px;color:#1f1f1f;font-weight:400}.filter-priority-checks input[type=checkbox]{width:14px;height:14px;cursor:pointer}.clear-filters-btn{padding:6px 12px;font-size:12px;color:#6d6e6f;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.board-view-container{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.board-column{min-width:280px;max-width:320px;flex:1;background:#f6f8f9;border-radius:8px;display:flex;flex-direction:column}.board-column-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid #e0e0e0}.board-column-header h3{font-size:14px;font-weight:600;color:#1f1f1f}.board-column-count{font-size:12px;color:#6d6e6f;background-color:#e5e7eb;padding:2px 8px;border-radius:10px}.board-column-tasks{padding:8px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:80px}.board-task-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:box-shadow .2s,transform .1s}.board-task-card:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.board-task-card-title{font-size:13px;font-weight:500;color:#1f1f1f;margin-bottom:8px;line-height:1.4}.board-task-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.board-task-card-left{display:flex;align-items:center;gap:6px}.board-task-card-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.board-task-card-due{font-size:11px;color:#6d6e6f}.project-empty-state{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:48px 32px;text-align:center;color:#6d6e6f;font-size:15px;margin-bottom:24px}.placeholder-view{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:64px 48px;text-align:center;color:#6d6e6f;font-size:15px}.task-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:flex-end;z-index:1000}.task-detail-panel{width:560px;max-width:90vw;background:#fff;height:100%;overflow-y:auto;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column}.task-detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.task-detail-header-actions{display:flex;align-items:center;gap:8px}.task-detail-close-btn{padding:6px;border-radius:6px;color:#6d6e6f;transition:all .2s;cursor:pointer;background:none;border:none;display:flex;align-items:center;justify-content:center}.task-detail-close-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.task-complete-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #d1d5db;background:#fff;color:#6d6e6f;transition:all .2s}.task-complete-btn:hover{background-color:#f6f8f9}.task-complete-btn.completed{background-color:#d1fae5;border-color:#059669;color:#059669}.task-detail-body{padding:24px;flex:1}.task-detail-title-input{width:100%;font-size:22px;font-weight:600;color:#1f1f1f;border:none;outline:none;padding:0;margin-bottom:20px;background:transparent}.task-detail-title-input:focus{border-bottom:2px solid #f06a6a;padding-bottom:4px}.task-detail-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.task-detail-field{display:flex;align-items:flex-start;gap:12px}.task-detail-field-label{width:100px;flex-shrink:0;font-size:13px;font-weight:500;color:#6d6e6f;padding-top:4px}.task-detail-field-value{flex:1;font-size:14px;color:#1f1f1f;padding:4px 0}.task-detail-field-value img{width:24px;height:24px;border-radius:50%;margin-right:8px;vertical-align:middle}.task-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.task-detail-tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:12px;background-color:#f3f4f6;color:#4b5563}.task-detail-description-label{font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:8px}.subtasks-section{margin-bottom:20px}.subtasks-label{font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:10px}.subtasks-list{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.subtask-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:4px;transition:background-color .15s}.subtask-row:hover{background-color:#f6f8f9}.subtask-row input[type=checkbox]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.subtask-name{flex:1;font-size:13px;color:#1f1f1f;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtask-name:hover{color:#f06a6a}.subtask-name.completed{text-decoration:line-through;color:#a2a0a2}.subtask-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.subtask-due{font-size:11px;color:#6d6e6f;flex-shrink:0}.subtask-due.overdue{color:#dc2626;font-weight:500}.subtask-add-row{display:flex;align-items:center;gap:10px;padding:6px 8px}.subtask-add-input{flex:1;border:none;outline:none;font-size:13px;color:#1f1f1f;padding:4px 0;background:transparent}.subtask-add-input::placeholder{color:#a2a0a2}.subtask-add-btn{font-size:12px;color:#6d6e6f;padding:6px 8px;border-radius:4px;border:none;background:none;cursor:pointer;transition:all .15s}.subtask-add-btn:hover{background-color:#f6f8f9;color:#f06a6a}.task-detail-description-input{width:100%;min-height:120px;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#1f1f1f;line-height:1.6;resize:vertical;font-family:inherit}.task-detail-description-input:focus{outline:none;border-color:#f06a6a;box-shadow:0 0 0 2px #fc6d2626}.project-task-due.overdue,.board-task-card-due.overdue,.overdue-text{color:#dc2626;font-weight:500}.inline-add-row{background:none!important}.inline-add-input{flex:1;border:none;outline:none;font-size:14px;color:#1f1f1f;padding:4px 0;background:transparent}.inline-add-input::placeholder{color:#a2a0a2}.board-task-card.dragging{box-shadow:0 8px 24px #0003;transform:rotate(2deg);opacity:.95}.board-column-tasks.drag-over{background-color:#f06a6a0f;border-radius:6px}.inline-board-add{cursor:default}.inline-board-add:hover{transform:none;box-shadow:0 1px 3px #00000014}.board-add-card-btn{padding:8px 12px;text-align:left;font-size:13px;color:#6d6e6f;border-radius:6px;transition:all .15s;width:100%}.board-add-card-btn:hover{background-color:#0000000a;color:#f06a6a}.task-detail-field-value-container{flex:1;position:relative}.task-detail-field-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#1f1f1f;background:#fff;cursor:pointer;transition:all .15s;min-height:36px}.task-detail-field-btn:hover{border-color:#b0b0b0}.field-placeholder{color:#a2a0a2}.assignee-display{display:flex;align-items:center;gap:8px}.field-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.field-avatar-placeholder{width:22px;height:22px;border-radius:50%;background:#e0e0e0;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#6d6e6f;flex-shrink:0;margin-right:8px}.field-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:100;max-height:240px;overflow-y:auto;margin-top:4px;padding:4px}.field-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:4px;font-size:14px;color:#1f1f1f;transition:background-color .1s;text-align:left;cursor:pointer}.field-dropdown-item:hover{background-color:#f6f8f9}.field-dropdown-item.selected{background-color:#f0f0ff;font-weight:500}.due-date-editor{display:flex;align-items:center;gap:8px}.due-date-input{flex:1;padding:6px 10px;border:1px solid #f06a6a;border-radius:6px;font-size:14px;color:#1f1f1f;outline:none}.clear-date-btn{padding:6px 10px;font-size:12px;color:#6d6e6f;border:1px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer}.clear-date-btn:hover{background-color:#f6f8f9}.task-detail-tag{display:inline-flex;align-items:center;gap:4px}.tag-remove-btn{font-size:11px;color:#a2a0a2;cursor:pointer;padding:0 2px;line-height:1;border:none;background:none}.tag-remove-btn:hover{color:#dc2626}.tag-add-btn{font-size:12px;color:#6d6e6f;padding:3px 8px;border-radius:12px;border:1px dashed #d0d0d0;background:none;cursor:pointer;transition:all .15s}.tag-add-btn:hover{border-color:#f06a6a;color:#f06a6a}.tag-add-input{font-size:12px;padding:3px 8px;border:1px solid #f06a6a;border-radius:12px;outline:none;min-width:80px}.task-detail-comments-section{margin-top:24px;border-top:1px solid #e0e0e0;padding-top:20px}.task-detail-comments-label{font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:16px}.task-detail-comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.comment-item{display:flex;gap:10px}.comment-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-body{flex:1}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-author{font-size:13px;font-weight:600;color:#1f1f1f}.comment-time{font-size:12px;color:#a2a0a2}.comment-text{font-size:14px;color:#1f1f1f;line-height:1.5}.comment-like-btn{display:flex;align-items:center;gap:4px;margin-top:6px;padding:2px 6px;border-radius:4px;font-size:12px;color:#6d6e6f;background:none;cursor:pointer;border:none;transition:background-color .15s}.comment-like-btn:hover{background-color:#f6f8f9}.comment-like-count{font-size:12px;color:#6d6e6f}.comment-input-row{display:flex;align-items:center;gap:10px}.comment-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#1f1f1f;outline:none;transition:border-color .15s}.comment-input:focus{border-color:#f06a6a}.comment-input::placeholder{color:#a2a0a2}.comment-submit-btn{padding:8px 14px;background-color:#f06a6a;color:#fff;font-size:13px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:background-color .15s;white-space:nowrap}.comment-submit-btn:hover:not(:disabled){background-color:#e55a5a}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-container{position:relative;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.timeline-nav{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #e0e0e0}.timeline-nav-btn{padding:6px;border-radius:6px;color:#6d6e6f;background:none;border:none;cursor:pointer;display:flex;align-items:center;transition:all .15s}.timeline-nav-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.timeline-nav-label{font-size:14px;font-weight:500;color:#1f1f1f;min-width:200px;text-align:center}.timeline-today-btn{padding:4px 12px;font-size:12px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;color:#6d6e6f;cursor:pointer;transition:all .15s}.timeline-today-btn:hover{background-color:#f6f8f9;color:#1f1f1f}.timeline-grid{overflow-x:auto}.timeline-header-row{display:flex;border-bottom:1px solid #e0e0e0;position:sticky;top:0;background:#fff;z-index:2}.timeline-task-label-header{width:180px;min-width:180px;padding:8px 12px;font-size:12px;font-weight:600;color:#6d6e6f;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid #e0e0e0}.timeline-day-header{flex:1;min-width:32px;padding:4px 2px;text-align:center;border-right:1px solid #f0f0f0}.timeline-day-header.weekend{background-color:#fafafa}.timeline-day-header.today-col{background-color:#fef7f7}.timeline-day-name{display:block;font-size:10px;color:#a2a0a2;text-transform:uppercase}.timeline-day-num{display:block;font-size:12px;font-weight:500;color:#6d6e6f}.timeline-task-row{display:flex;border-bottom:1px solid #f0f0f0;min-height:36px}.timeline-task-row:hover{background-color:#fafcff}.timeline-task-label{width:180px;min-width:180px;padding:8px 12px;font-size:13px;color:#1f1f1f;border-right:1px solid #e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:flex;align-items:center}.timeline-task-label:hover{color:#f06a6a}.timeline-cell{flex:1;min-width:32px;border-right:1px solid #f0f0f0;position:relative;display:flex;align-items:center}.timeline-cell.weekend{background-color:#fafafa}.timeline-cell.today-col{background-color:#fef7f7}.timeline-bar{position:absolute;top:8px;bottom:8px;left:0;right:0;border-radius:0;opacity:.8;cursor:pointer;transition:opacity .15s}.timeline-bar:hover{opacity:1}.timeline-bar.bar-start{left:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}.timeline-bar.bar-end{right:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}.timeline-bar.bar-completed{opacity:.5}.timeline-no-dates{display:flex;border-bottom:1px solid #f0f0f0;min-height:36px}.timeline-today-line{position:absolute;top:0;bottom:0;width:2px;background-color:#dc2626;z-index:3;pointer-events:none}.proj-calendar-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.proj-calendar-header{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e0e0e0}.proj-calendar-header h2{font-size:18px;font-weight:600;color:#1f1f1f;min-width:200px;text-align:center}.proj-calendar-nav{padding:6px;border-radius:6px;color:#6d6e6f;background:none;border:none;cursor:pointer;display:flex;align-items:center;transition:all .15s}.proj-calendar-nav:hover{background-color:#f6f8f9;color:#1f1f1f}.proj-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.proj-cal-day-header{font-size:12px;font-weight:600;color:#6d6e6f;text-align:center;padding:10px 4px;border-bottom:1px solid #e0e0e0;text-transform:uppercase;letter-spacing:.5px}.proj-cal-cell{min-height:100px;padding:6px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0}.proj-cal-cell:nth-child(7n){border-right:none}.proj-cal-cell.other-month{background-color:#fafafa}.proj-cal-cell.other-month .proj-cal-date{color:silver}.proj-cal-cell.today{background-color:#fef7f7}.proj-cal-date{font-size:13px;font-weight:500;color:#6d6e6f;margin-bottom:4px}.proj-cal-date.today-mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#f06a6a;color:#fff;font-weight:600}.proj-cal-tasks{display:flex;flex-direction:column;gap:2px}.proj-cal-pill{font-size:11px;padding:2px 6px;border-radius:3px;background-color:#f6f8f9;border-left:3px solid #6d6e6f;color:#1f1f1f;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .15s}.proj-cal-pill:hover{background-color:#e8ecf0}.proj-cal-pill.done{text-decoration:line-through;color:#a2a0a2}.proj-cal-pill.overdue{background-color:#fef2f2;color:#dc2626}.proj-cal-more{font-size:11px;color:#6d6e6f;padding:1px 6px;cursor:pointer}.proj-cal-more:hover{color:#f06a6a}.dashboard-container{max-width:1000px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.dashboard-card h3{font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:16px}.donut-chart{display:flex;justify-content:center;padding:10px 0}.donut-chart svg{width:140px;height:140px}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-row{display:flex;align-items:center;gap:10px}.bar-label{width:100px;font-size:13px;color:#1f1f1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.bar-label.assignee-label{display:flex;align-items:center;gap:6px}.bar-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.bar-track{flex:1;height:20px;background-color:#f6f8f9;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;min-width:4px;transition:width .3s ease}.bar-value{font-size:13px;font-weight:600;color:#6d6e6f;width:30px;text-align:right;flex-shrink:0}.summary-card .summary-items{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary-item{display:flex;flex-direction:column;padding:12px;border-radius:8px;background-color:#f6f8f9}.summary-count{font-size:28px;font-weight:700;line-height:1.2}.summary-label{font-size:12px;color:#6d6e6f;margin-top:4px}.overdue-item .summary-count{color:#dc2626}.upcoming-item .summary-count{color:#d97706}.completed-item .summary-count{color:#059669}.incomplete-item .summary-count{color:#6d6e6f}.task-detail-attachments-section{margin-top:16px;margin-bottom:8px}.task-detail-attachments-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1e1f21;margin-bottom:8px}.task-detail-attachments-label span{flex:1}.attachment-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e8e8e8;border-radius:6px;background:#fff;color:#1e1f21;font-size:12px;font-weight:600;cursor:pointer}.attachment-upload-btn:hover{background:#f6f8f9}.attachment-upload-btn.is-uploading{cursor:wait;color:#6d6e6f}.attachment-upload-btn input{display:none}.attachment-empty{padding:10px 12px;border:1px dashed #d9d9d9;border-radius:8px;color:#6d6e6f;font-size:13px}.attachment-error{margin-bottom:8px;color:#dc2626;font-size:12px}.task-detail-attachments-list{display:flex;flex-direction:column;gap:4px}.task-detail-attachment-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #e8e8e8;border-radius:8px;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .15s}.task-detail-attachment-item:hover{background-color:#f6f8f9}.attachment-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background-color:#e8e8e8;flex-shrink:0;color:#6d6e6f}.attachment-info{display:flex;flex-direction:column;flex:1;min-width:0}.attachment-name{font-size:13px;font-weight:500;color:#1e1f21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-meta{font-size:11px;color:#6d6e6f}.attachment-download-icon{flex-shrink:0;color:#6d6e6f;opacity:0;transition:opacity .15s}.task-detail-attachment-item:hover .attachment-download-icon{opacity:1}.portfolios-page{padding:32px 48px;max-width:1400px;margin:0 auto}.portfolios-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.portfolios-header h1{font-size:32px;font-weight:600;color:#1f1f1f}.create-portfolio-btn{padding:10px 20px;background-color:#f06a6a;color:#fff;font-size:14px;font-weight:600;border-radius:6px;transition:background-color .2s}.create-portfolio-btn:hover{background-color:#e55a5a}.portfolios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.portfolio-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s}.portfolio-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.portfolio-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.portfolio-color{width:4px;height:32px;border-radius:2px}.portfolio-card h3{font-size:18px;font-weight:600;color:#1f1f1f}.portfolio-description{font-size:14px;color:#6d6e6f;margin-bottom:16px;line-height:1.5}.portfolio-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#6d6e6f}.portfolio-owner{display:flex;align-items:center;gap:8px}.portfolio-owner img{width:24px;height:24px;border-radius:50%;object-fit:cover}.portfolio-card.expanded{grid-column:1 / -1}.portfolio-chevron{margin-left:auto;color:#6d6e6f;transition:transform .2s}.portfolio-chevron.rotated{transform:rotate(180deg)}.portfolio-detail{margin-top:12px}.portfolio-projects-table{width:100%;border-collapse:collapse;margin-top:16px}.portfolio-projects-table th{text-align:left;font-size:12px;font-weight:600;color:#6d6e6f;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;border-bottom:1px solid #e0e0e0}.portfolio-project-row{cursor:pointer;transition:background-color .15s}.portfolio-project-row:hover{background-color:#f6f8f9}.portfolio-project-row td{padding:12px;font-size:14px;color:#1f1f1f;border-bottom:1px solid #f0f0f0}.portfolio-project-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.health-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px;white-space:nowrap}.portfolio-progress-container{display:flex;align-items:center;gap:8px}.portfolio-progress-bar{flex:1;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.portfolio-progress-fill{height:100%;border-radius:3px;transition:width .3s}.portfolio-progress-text{font-size:12px;color:#6d6e6f;font-weight:500;min-width:32px;text-align:right}.portfolio-project-owner{display:flex;align-items:center;gap:6px;font-size:13px}.portfolio-project-owner img{width:22px;height:22px;border-radius:50%;object-fit:cover}.portfolio-add-project{margin-top:12px}.portfolio-add-project-btn{font-size:13px;color:#6d6e6f;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .15s}.portfolio-add-project-btn:hover{background-color:#f6f8f9;color:#f06a6a}.portfolio-add-project-dropdown{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:4px;max-height:200px;overflow-y:auto}.portfolio-add-project-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:#1f1f1f;border-radius:4px;cursor:pointer;transition:background-color .15s;text-align:left}.portfolio-add-project-item:hover{background-color:#f6f8f9}.portfolio-add-project-cancel{padding:6px 12px;font-size:12px;color:#6d6e6f;text-align:center;border-top:1px solid #f0f0f0;margin-top:4px;cursor:pointer}.portfolio-add-project-cancel:hover{color:#1f1f1f}.goals-page{padding:32px 48px;max-width:1400px;margin:0 auto}.goals-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.goals-header h1{font-size:32px;font-weight:600;color:#1f1f1f}.create-goal-btn{padding:10px 20px;background-color:#f06a6a;color:#fff;font-size:14px;font-weight:600;border-radius:6px;transition:background-color .2s}.create-goal-btn:hover{background-color:#e55a5a}.goals-list{display:flex;flex-direction:column;gap:16px}.goal-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s}.goal-card:hover{box-shadow:0 4px 12px #00000026}.goal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.goal-card h3{font-size:18px;font-weight:600;color:#1f1f1f}.goal-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff}.goal-description{font-size:14px;color:#6d6e6f;margin-bottom:16px;line-height:1.5}.goal-progress{display:flex;align-items:center;gap:12px;margin-bottom:16px}.goal-progress-bar{flex:1;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.goal-progress-fill{height:100%;border-radius:4px;transition:width .3s}.goal-progress-text{font-size:14px;font-weight:600;color:#1f1f1f;min-width:40px;text-align:right}.goal-meta{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#6d6e6f}.goal-owner{display:flex;align-items:center;gap:8px}.goal-owner img{width:24px;height:24px;border-radius:50%;object-fit:cover}.goal-period{font-weight:500}.goal-chevron{color:#6d6e6f;transition:transform .2s}.goal-chevron.rotated{transform:rotate(180deg)}.goal-detail{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:14px}.goal-detail-row{display:flex;align-items:center;gap:16px}.goal-detail-label{width:130px;flex-shrink:0;font-size:13px;font-weight:500;color:#6d6e6f}.goal-detail-value{flex:1;font-size:14px;color:#1f1f1f;display:flex;align-items:center;gap:10px}.goal-status-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#1f1f1f;background:#fff;cursor:pointer;transition:all .15s}.goal-status-btn:hover{border-color:#b0b0b0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.goal-status-dropdown{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:4px;box-shadow:0 4px 12px #00000026}.goal-status-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:#1f1f1f;border-radius:4px;cursor:pointer;transition:background-color .15s;text-align:left}.goal-status-option:hover{background-color:#f6f8f9}.goal-status-option.active{background-color:#f0f0ff;font-weight:500}.goal-progress-slider{flex:1;max-width:300px;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#e0e0e0;border-radius:3px;outline:none;cursor:pointer}.goal-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f06a6a;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.goal-progress-slider-value{font-size:14px;font-weight:600;color:#1f1f1f;min-width:40px}.goal-supporting-projects{margin-top:4px}.goal-projects-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;margin-left:130px}.goal-project-link{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:14px;color:#1f1f1f;border-radius:4px;cursor:pointer;transition:background-color .15s}.goal-project-link:hover{background-color:#f6f8f9;color:#f06a6a}.goal-project-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.goal-metrics{margin-top:4px}.goal-metrics-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;margin-left:130px}.goal-metric-badge{font-size:12px;padding:4px 10px;border-radius:12px;background-color:#f3f4f6;color:#4b5563}.teams-page{padding:32px 48px;max-width:1400px;margin:0 auto}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.team-header h1{font-size:32px;font-weight:600;color:#1f1f1f}.add-member-btn{padding:10px 20px;background-color:#f06a6a;color:#fff;font-size:14px;font-weight:600;border-radius:6px;transition:background-color .2s}.add-member-btn:hover{background-color:#e55a5a}.team-description{font-size:16px;color:#6d6e6f;margin-bottom:32px;line-height:1.5}.team-sections{display:flex;flex-direction:column;gap:32px}.team-section h2{font-size:20px;font-weight:600;color:#1f1f1f;margin-bottom:16px}.team-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.team-project-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s}.team-project-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.team-project-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden}.team-project-icon img{width:100%;height:100%;object-fit:cover}.team-project-card h3{font-size:16px;font-weight:600;color:#1f1f1f}.team-members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.team-member-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px;display:flex;align-items:center;gap:12px}.team-member-card img{width:48px;height:48px;border-radius:50%;object-fit:cover}.member-name{font-size:14px;font-weight:600;color:#1f1f1f;margin-bottom:4px}.member-title{font-size:13px;color:#6d6e6f}.settings-page{padding:32px 48px;max-width:1200px;margin:0 auto}.settings-page h1{font-size:32px;font-weight:600;color:#1f1f1f;margin-bottom:32px}.settings-content{display:flex;gap:32px}.settings-nav{width:200px;display:flex;flex-direction:column;gap:4px}.settings-nav button{padding:10px 16px;text-align:left;font-size:14px;color:#1f1f1f;border-radius:6px;transition:background-color .2s}.settings-nav button:hover{background-color:#f6f8f9}.settings-nav button.active{background-color:#f06a6a;color:#fff}.settings-panel{flex:1;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:32px}.settings-section h2{font-size:20px;font-weight:600;color:#1f1f1f;margin-bottom:24px}.profile-photo{display:flex;align-items:center;gap:16px;margin-bottom:24px}.profile-photo img{width:80px;height:80px;border-radius:50%;object-fit:cover}.profile-photo button{padding:8px 16px;background-color:#fff;color:#f06a6a;font-size:14px;font-weight:500;border:1px solid #f06a6a;border-radius:6px;transition:all .2s}.profile-photo button:hover{background-color:#f06a6a;color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#1f1f1f;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #e0e0e0;border-radius:6px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f06a6a}.checkbox-group{margin-bottom:16px}.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:14px;color:#1f1f1f;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.save-btn{padding:10px 20px;background-color:#f06a6a;color:#fff;font-size:14px;font-weight:600;border-radius:6px;transition:background-color .2s;margin-top:8px}.save-btn:hover{background-color:#e55a5a}.shortcuts-list{display:flex;flex-direction:column;gap:16px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#f6f8f9;border-radius:6px}.shortcut-action{font-size:14px;color:#1f1f1f}.shortcut-item kbd{padding:4px 8px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;font-family:monospace;color:#1f1f1f;box-shadow:0 1px 2px #0000001a}.save-row{display:flex;align-items:center;gap:12px;margin-top:8px}.save-confirmation{font-size:14px;font-weight:500;color:#059669;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.profile-photo-actions{display:flex;flex-direction:column;gap:4px}.profile-photo-hint{font-size:12px;color:#6d6e6f}.workspace-info{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;background:#f6f8f9;border-radius:8px;padding:20px}.workspace-info-row{display:flex;align-items:center;gap:16px}.workspace-info-label{width:160px;flex-shrink:0;font-size:13px;font-weight:500;color:#6d6e6f}.workspace-info-value{font-size:14px;color:#1f1f1f;font-weight:500}.workspace-plan-badge{display:inline-block;background:#f06a6a;color:#fff;font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px}.workspace-section-divider{border:none;border-top:1px solid #e0e0e0;margin:24px 0 16px}.workspace-subsection-title{font-size:16px;font-weight:600;color:#1f1f1f;margin-bottom:16px}.workspace-members-list{display:flex;flex-direction:column;gap:4px}.workspace-member-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;transition:background-color .15s}.workspace-member-row:hover{background-color:#f6f8f9}.workspace-member-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.workspace-member-info{flex:1}.workspace-member-name{font-size:14px;font-weight:500;color:#1f1f1f}.workspace-member-you{font-weight:400;color:#6d6e6f}.workspace-member-email{font-size:12px;color:#6d6e6f}.workspace-member-role{font-size:13px;color:#6d6e6f}.search-page{padding:32px 48px;max-width:1200px;margin:0 auto}.search-page h1{font-size:28px;font-weight:600;color:#1f1f1f;margin-bottom:32px}.search-section{margin-bottom:32px}.search-section-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1f1f1f;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.search-section-count{font-size:13px;font-weight:500;color:#6d6e6f;background-color:#f6f8f9;padding:2px 8px;border-radius:12px}.search-task-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.search-task-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .15s}.search-task-row:last-child{border-bottom:none}.search-task-row:hover{background-color:#f6f8f9}.search-task-checkbox{width:18px;height:18px;cursor:pointer;flex-shrink:0}.search-task-name{flex:1;font-size:14px;color:#1f1f1f;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-task-name.completed-task{text-decoration:line-through;color:#a2a0a2}.search-task-project{font-size:12px;font-weight:500;flex-shrink:0}.search-priority-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.search-priority-badge.priority-high{background-color:#fde8e8;color:#dc2626}.search-priority-badge.priority-medium{background-color:#fef3c7;color:#d97706}.search-priority-badge.priority-low{background-color:#d1fae5;color:#059669}.search-task-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-task-due{font-size:12px;color:#6d6e6f;flex-shrink:0;white-space:nowrap}.search-task-due.overdue{color:#dc2626;font-weight:500}.search-project-list{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.search-project-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .15s}.search-project-row:last-child{border-bottom:none}.search-project-row:hover{background-color:#f6f8f9}.search-project-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.search-project-name{flex:1;font-size:14px;font-weight:500;color:#1f1f1f}.search-project-team{font-size:12px;color:#6d6e6f;flex-shrink:0}.no-results{text-align:center;padding:48px;color:#6d6e6f;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}:root{--bg-main: #f6f8f9;--bg-card: #ffffff;--bg-hover: #f6f8f9;--text-primary: #1f1f1f;--text-secondary: #6d6e6f;--text-muted: #a2a0a2;--border: #e0e0e0;--border-light: #f0f0f0}[data-theme=dark]{--bg-main: #1e1f21;--bg-card: #2e2e30;--bg-hover: #3e3f42;--text-primary: #ffffff;--text-secondary: #a2a0a2;--text-muted: #6d6e6f;--border: #3e3f42;--border-light: #2e2e30}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1f21;color:#1f1f1f;font-size:13px;overflow:hidden}[data-theme=dark] .layout-main{background-color:var(--bg-main);color:var(--text-primary)}[data-theme=dark] .layout-main h1,[data-theme=dark] .layout-main h2,[data-theme=dark] .layout-main h3{color:var(--text-primary)}[data-theme=dark] .project-section,[data-theme=dark] .task-section,[data-theme=dark] .dashboard-card,[data-theme=dark] .settings-panel,[data-theme=dark] .search-task-list,[data-theme=dark] .search-project-list,[data-theme=dark] .notifications-list,[data-theme=dark] .proj-calendar-container,[data-theme=dark] .timeline-container,[data-theme=dark] .my-calendar-container,[data-theme=dark] .project-card-main,[data-theme=dark] .board-task-card,[data-theme=dark] .my-board-card{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .board-column{background-color:#252628}[data-theme=dark] .task-detail-panel{background-color:var(--bg-card);color:var(--text-primary)}[data-theme=dark] .task-detail-title-input,[data-theme=dark] .task-detail-description-input{color:var(--text-primary);border-color:var(--border)}[data-theme=dark] .field-dropdown{background-color:var(--bg-card);border-color:var(--border)}[data-theme=dark] .field-dropdown-item{color:var(--text-primary)}[data-theme=dark] .field-dropdown-item:hover{background-color:var(--bg-hover)}[data-theme=dark] .task-detail-field-btn{background-color:var(--bg-card);border-color:var(--border);color:var(--text-primary)}[data-theme=dark] .project-task-item:hover,[data-theme=dark] .notification-item:hover,[data-theme=dark] .search-task-row:hover,[data-theme=dark] .search-project-row:hover{background-color:var(--bg-hover)}[data-theme=dark] .project-section-header,[data-theme=dark] .board-column-header,[data-theme=dark] .notification-item{border-bottom-color:var(--border)}[data-theme=dark] .project-task-name-link,[data-theme=dark] .search-task-name,[data-theme=dark] .notification-text,[data-theme=dark] .board-task-card-title,[data-theme=dark] .my-board-card-title{color:var(--text-primary)}[data-theme=dark] .filter-bar select,[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background-color:var(--bg-card);border-color:var(--border);color:var(--text-primary)}#root{height:100vh;display:flex;flex-direction:column}input,textarea,button,select{font-family:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.react-datepicker__input-container input:focus{outline:none;border-color:#f06a6a}