@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary-yellow: #fdab3d;--primary-yellow-hover: #fc9003;--primary-yellow-light: #ffe2bd;--primary-yellow-bg: #fff9f0;--text-primary: #323338;--text-secondary: #676879;--text-light: #a1a1aa;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #f6f7fb;--bg-hover: #f0f3ff;--bg-selected: #e9ecff;--border-light: #e4e6e9;--border-medium: #d0d4e4;--border-dark: #c3c6d4;--status-green: #00c875;--status-green-bg: #d0f0e3;--status-red: #e2445c;--status-red-bg: #ffe5e9;--status-blue: #0086c0;--status-blue-bg: #cce5ff;--status-orange: #fdab3d;--status-orange-bg: #ffe2bd;--status-gray: #808080;--status-gray-bg: #f0f0f0;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Roboto,sans-serif;background:#fff;color:var(--text-primary);font-size:14px;line-height:22px;-webkit-font-smoothing:antialiased}.container{max-width:100%;width:100%}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background:#292f4c;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1001;height:100vh;transition:transform .3s ease;transform:translate(0)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:space-between}.sidebar-close{display:none;background:transparent;border:none;color:#d5d7df;font-size:24px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.sidebar-close:hover{color:#fff}@media (max-width: 768px){.sidebar-close{display:block}}.sidebar-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;font-weight:600}.sidebar-logo:before{content:"";width:32px;height:32px;background:var(--primary-yellow);border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-logout{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff1a;color:#d5d7df;border:none;border-radius:4px;font-size:14px;font-weight:400;cursor:pointer;transition:all .1s ease;font-family:inherit}.sidebar-logout:hover{background:#ffffff26;color:#fff}.sidebar-section{padding:12px 20px 6px;font-size:11px;font-weight:600;text-transform:uppercase;color:#8b8fa3;letter-spacing:.5px}.sidebar-menu{list-style:none}.sidebar-menu li{margin:2px 8px}.sidebar-menu a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#d5d7df;text-decoration:none;font-size:14px;font-weight:400;border-radius:4px;transition:all .1s ease;position:relative}.sidebar-menu a:hover{background:#ffffff1a;color:#fff}.sidebar-menu a.active{background:var(--primary-yellow);color:var(--text-primary);font-weight:500}.main-wrapper{margin-left:220px;width:calc(100% - 220px);display:flex;flex-direction:column;height:100vh;background:var(--bg-white);position:relative;transition:margin-left .3s ease,width .3s ease}@media (max-width: 768px){.main-wrapper{margin-left:0;width:100%}}.header{background:var(--bg-white);border-bottom:1px solid var(--border-light);height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:12px}.nav-menu,.desktop-nav{display:none}.main-content{flex:1;overflow-y:auto;padding:24px;background:#f6f7fb}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0}.page-header h1{font-size:32px;font-weight:300;color:var(--text-primary);display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;font-size:14px;font-weight:500;border-radius:4px;border:none;cursor:pointer;transition:all .1s ease;text-decoration:none;font-family:inherit;outline:none}.btn-primary{background:var(--primary-yellow);color:#fff}.btn-primary:hover{background:var(--primary-yellow-hover);transform:scale(1.02)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-dark)}.btn-danger{background:transparent;color:var(--status-red);border:1px solid var(--status-red)}.btn-danger:hover{background:var(--status-red);color:#fff}.btn-success{background:transparent;color:var(--status-green);border:1px solid var(--status-green)}.btn-success:hover{background:var(--status-green);color:#fff}.btn-sm{height:30px;padding:0 12px;font-size:13px}.card{background:var(--bg-white);border-radius:8px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;overflow:hidden;border:none}.card h2{display:none}.users-table,.tasks-table{background:var(--bg-white);border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-white)}.table thead{background:var(--bg-white);position:sticky;top:0;z-index:10}.table th{padding:14px 16px;text-align:left;font-weight:400;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);background:var(--bg-white);white-space:nowrap}.table th:first-child{padding-left:24px}.table td{padding:14px 16px;color:var(--text-primary);font-size:14px;background:var(--bg-white);border-bottom:1px solid var(--border-light)}.table td:first-child{padding-left:24px}.table tbody tr{transition:background .1s ease}.table tbody tr:hover{background:#fafbfc}.table tbody tr:last-child td{border-bottom:none}.status-badge,.role-badge,.priority{display:inline-flex;align-items:center;justify-content:center;min-width:100px;height:30px;padding:0 12px;font-size:13px;font-weight:500;border-radius:20px;text-transform:capitalize}.status-active{background:var(--status-green);color:#fff}.status-inactive{background:#c4c4c4;color:#fff}.status-pending{background:var(--primary-yellow);color:#fff}.status-in-progress{background:var(--status-blue);color:#fff}.status-completed{background:var(--status-green);color:#fff}.role-admin{background:var(--primary-yellow);color:#fff}.role-staff,.priority-low{background:#579bfc;color:#fff}.priority-medium{background:var(--primary-yellow);color:#fff}.priority-high{background:#ff7575;color:#fff}.priority-urgent{background:var(--status-red);color:#fff}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-control{width:100%;height:38px;padding:0 12px;font-size:14px;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-white);transition:all .1s ease;font-family:inherit}.form-control:hover{border-color:var(--border-medium)}.form-control:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px var(--primary-yellow-bg)}textarea.form-control{min-height:100px;padding:10px 12px;resize:vertical}.dashboard{padding:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.welcome-section{flex:1}.dashboard-title{font-size:32px;font-weight:300;color:var(--text-primary);margin:0 0 8px}.dashboard-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.header-actions{display:flex;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-white);border-radius:8px;padding:24px;box-shadow:0 1px 3px #00000014;display:flex;align-items:center;gap:16px;position:relative;transition:all .2s ease;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-content{flex:1}.stat-card h3{font-size:32px;font-weight:600;color:var(--text-primary);margin:0;line-height:1}.stat-card p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.stat-link{position:absolute;top:24px;right:24px;color:var(--primary-yellow);font-size:13px;text-decoration:none;opacity:0;transition:opacity .2s ease}.stat-card:hover .stat-link{opacity:1}.stat-card.warning .stat-content h3{color:var(--status-red)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdab3d,#ffeaa7)}.login-container{width:100%;max-width:400px;padding:24px}.login-card{background:var(--bg-white);border-radius:16px;padding:48px 40px;box-shadow:0 10px 40px #00000026}.login-title{font-size:28px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:8px}.login-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:8px}.alert-success{background:var(--status-green-bg);color:#00854d;border:1px solid var(--status-green)}.alert-error{background:var(--status-red-bg);color:#b01e28;border:1px solid var(--status-red)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-yellow);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:flex-end}.notification-link{position:relative}.sidebar-menu .notification-badge{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:var(--primary-yellow);color:var(--text-primary);border-radius:100px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;padding:0 6px}.search-bar{display:flex;align-items:center;background:var(--bg-white);border:1px solid var(--border-light);border-radius:4px;padding:0 12px;height:36px;min-width:200px}.search-bar input{border:none;outline:none;background:transparent;flex:1;font-size:14px;padding:0 8px}.search-bar:before{content:"🔍";font-size:14px;opacity:.5}.sidebar-toggle{display:none;background:transparent;border:1px solid var(--border-light);color:var(--text-primary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .1s ease;min-width:36px;height:36px;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--bg-hover)}@media (max-width: 768px){.sidebar-toggle{display:flex!important}}.user-info{color:var(--text-secondary);font-size:14px;font-weight:500}.mobile-title{display:none;font-size:18px;font-weight:600;color:var(--text-primary)}.sidebar.collapsed{width:60px}.sidebar.collapsed~.main-wrapper{margin-left:60px;width:calc(100% - 60px)}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-section,.sidebar.collapsed .sidebar-menu a span:not(:first-child){display:none}.main-wrapper{transition:margin-left .3s ease}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-top:32px}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-section{background:var(--bg-white);border-radius:8px;padding:24px;box-shadow:0 1px 3px #00000014}.dashboard-sidebar{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.section-link{color:var(--primary-yellow);font-size:14px;text-decoration:none;font-weight:500}.section-link:hover{text-decoration:underline}.monday-table{overflow:hidden;border-radius:4px}.monday-table .table{margin:0}.monday-table .table thead{background:#f5f6f8}.monday-table .table th{font-size:13px;text-transform:none;font-weight:500;padding:12px 16px;color:var(--text-secondary)}.monday-table .table tbody tr{cursor:pointer;transition:background .1s ease}.monday-table .table tbody tr:hover{background:#f8f9fb}.task-row td{padding:14px 16px;vertical-align:middle}.task-title{display:flex;align-items:center;gap:12px;font-weight:500;color:var(--text-primary)}.task-checkbox{font-size:18px;color:var(--border-medium);cursor:pointer}.project-tag{display:inline-block;padding:4px 8px;background:#e9ecff;color:#5a5e9a;border-radius:4px;font-size:12px;font-weight:500}.status-pill,.priority-pill{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;text-transform:capitalize}.due-date{color:var(--text-secondary);font-size:13px;font-weight:500}.empty-state{text-align:center;padding:48px 24px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:14px;margin:0 0 24px}.quick-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:16px;background:var(--bg-light);border:1px solid var(--border-light);border-radius:8px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:all .1s ease;font-family:inherit}.quick-action-btn:hover{background:var(--primary-yellow-bg);border-color:var(--primary-yellow);transform:translateY(-1px)}.quick-action-icon{font-size:20px}.activity-feed{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:12px;padding:12px;background:var(--bg-light);border-radius:6px;transition:background .1s ease}.activity-item:hover{background:#e8eaf0}.activity-icon{width:32px;height:32px;background:var(--bg-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.activity-content{flex:1}.activity-content p{font-size:13px;color:var(--text-primary);margin:0 0 4px;font-weight:500}.activity-time{font-size:12px;color:var(--text-secondary)}.board-view{display:flex;gap:12px;overflow-x:auto;padding:4px}.board-column{min-width:300px;background:var(--bg-light);border-radius:8px;padding:12px}.board-column-header{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding:8px;background:var(--bg-white);border-radius:4px}.board-item{background:var(--bg-white);border-radius:8px;padding:12px;margin-bottom:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .1s ease}.board-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f}.projects-page{padding:0}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.projects-header .header-left{display:flex;align-items:center;gap:16px}.page-title{font-size:32px;font-weight:300;color:var(--text-primary);margin:0}.project-count{font-size:14px;color:var(--text-secondary);padding:4px 12px;background:var(--bg-light);border-radius:100px}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:16px 20px;background:var(--bg-white);border-radius:8px;box-shadow:0 1px 3px #00000014}.filters-left{display:flex;align-items:center;gap:16px;flex:1}.search-box-wrapper{position:relative;min-width:300px}.search-input{width:100%;height:36px;padding:0 12px 0 36px;border:1px solid var(--border-light);border-radius:4px;font-size:14px;font-family:inherit;transition:all .1s ease}.search-input:focus{outline:none;border-color:var(--primary-yellow);box-shadow:0 0 0 3px var(--primary-yellow-bg)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:6px 14px;background:transparent;border:1px solid var(--border-light);border-radius:20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .1s ease;font-family:inherit}.filter-btn:hover{background:var(--bg-hover);border-color:var(--border-medium)}.filter-btn.active{background:var(--primary-yellow);border-color:var(--primary-yellow);color:#fff;font-weight:500}.view-toggle{display:flex;gap:4px;background:var(--bg-light);padding:4px;border-radius:4px}.view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:18px;color:var(--text-secondary);cursor:pointer;transition:all .1s ease}.view-btn:hover{background:var(--bg-white)}.view-btn.active{background:var(--bg-white);color:var(--primary-yellow);box-shadow:0 1px 3px #0000001a}.projects-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.project-card-modern{background:var(--bg-white);border-radius:8px;padding:24px;box-shadow:0 1px 3px #00000014;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.project-card-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f;border-color:var(--primary-yellow-light)}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px}.project-menu{font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px}.project-card-body{margin-bottom:20px}.project-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.project-description{font-size:13px;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-progress{margin-bottom:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:12px;color:var(--text-secondary);font-weight:500}.progress-value{font-size:12px;color:var(--text-primary);font-weight:600}.progress-bar{width:100%;height:8px;background:var(--bg-light);border-radius:100px;overflow:hidden}.progress-fill{height:100%;border-radius:100px;transition:width .3s ease}.project-meta{display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:500}.meta-value{font-size:14px;color:var(--text-primary);font-weight:600}.project-footer{display:flex;justify-content:space-between;align-items:center}.project-status{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;text-transform:capitalize}.edit-btn{padding:4px 12px;background:transparent;border:1px solid var(--border-medium);border-radius:4px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .1s ease;font-family:inherit}.edit-btn:hover{background:var(--bg-hover);border-color:var(--primary-yellow);color:var(--primary-yellow)}.projects-table-view{background:var(--bg-white);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.project-row{cursor:pointer;transition:background .1s ease}.project-row:hover{background:#fafbfc}.project-title{display:flex;align-items:center;gap:8px;font-weight:500}.project-icon-small{font-size:16px}.project-desc-text{font-size:13px;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.progress-cell{display:flex;align-items:center;gap:8px}.mini-progress-bar{width:60px;height:6px;background:var(--bg-light);border-radius:100px;overflow:hidden}.mini-progress-fill{height:100%;border-radius:100px}.progress-text{font-size:12px;font-weight:600;color:var(--text-primary)}.task-count-badge{display:inline-block;padding:2px 8px;background:var(--bg-light);border-radius:100px;font-size:13px;font-weight:600;color:var(--text-primary)}.table-actions{display:flex;gap:4px}.action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .1s ease}.action-btn:hover{background:var(--bg-hover)}.reports-page{padding:0}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reports-header .header-left{flex:1}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:4px 0 0}.export-buttons{display:flex;gap:8px}.reports-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:16px 20px;background:var(--bg-white);border-radius:8px;box-shadow:0 1px 3px #00000014}.metric-tabs{display:flex;gap:4px;background:var(--bg-light);padding:4px;border-radius:6px}.metric-tab{padding:8px 16px;background:transparent;border:none;border-radius:4px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .1s ease;font-family:inherit;font-weight:500}.metric-tab:hover{background:var(--bg-white)}.metric-tab.active{background:var(--bg-white);color:var(--primary-yellow);box-shadow:0 1px 3px #0000001a}.date-range-selector{display:flex;gap:4px}.range-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-light);border-radius:4px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .1s ease;font-family:inherit}.range-btn:hover{background:var(--bg-hover);border-color:var(--border-medium)}.range-btn.active{background:var(--primary-yellow);border-color:var(--primary-yellow);color:#fff;font-weight:500}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:var(--bg-white);border-radius:8px;padding:24px;box-shadow:0 1px 3px #00000014;position:relative;transition:all .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.metric-trend{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.metric-trend.positive{color:var(--status-green);background:#00c8751a}.metric-trend.negative{color:var(--status-red);background:#e2445c1a}.metric-value{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1}.metric-label{font-size:14px;color:var(--text-secondary);font-weight:500}.metric-chart{margin-top:16px;height:60px}.mini-bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:4px}.dashboard-automation{margin-top:32px;padding:0 20px 40px}.templates-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.templates-modal .modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.templates-modal .modal-container{position:relative;background:#fff;border-radius:8px;width:90%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003}.templates-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.templates-modal .modal-header h2{margin:0;color:var(--text-primary)}.templates-modal .close-btn{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.templates-modal .modal-body{flex:1;overflow-y:auto}.mini-bar-chart .bar{flex:1;border-radius:2px 2px 0 0;min-height:4px}.donut-chart{width:60px;height:60px}.circular-chart{width:100%;height:100%;transform:rotate(-90deg)}.line-chart{height:100%}.simple-line{width:100%;height:100%}.reports-content{display:flex;flex-direction:column;gap:24px}.report-section{background:var(--bg-white);border-radius:8px;padding:24px;box-shadow:0 1px 3px #00000014}.section-header{margin-bottom:24px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.section-subtitle{font-size:13px;color:var(--text-secondary)}.breakdown-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.chart-container{height:300px;display:flex;align-items:flex-end}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;width:100%;height:100%;gap:20px}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar-container{width:100%;height:250px;display:flex;align-items:flex-end;justify-content:center}.chart-bar-fill{width:60%;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;min-height:20px;transition:all .3s ease}.chart-bar-fill:hover{opacity:.8;transform:translateY(-2px)}.bar-value{color:#fff;font-size:14px;font-weight:600}.bar-label{font-size:12px;color:var(--text-secondary);text-transform:capitalize;text-align:center}.breakdown-stats{display:flex;flex-direction:column;gap:16px}.stat-item{display:flex;align-items:center;gap:12px}.stat-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.stat-info{flex:1;display:flex;justify-content:space-between;align-items:center}.stat-name{font-size:14px;color:var(--text-secondary)}.stat-value{font-size:16px;font-weight:600;color:var(--text-primary)}.project-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.status-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-light);border-radius:8px;transition:all .2s ease}.status-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.status-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.status-content{flex:1}.status-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.status-label{font-size:14px;color:var(--text-primary);margin:4px 0;text-transform:capitalize}.status-percentage{font-size:12px;color:var(--text-secondary)}.performance-table{overflow:hidden;border-radius:4px}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-yellow);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.task-count{font-weight:600;color:var(--text-primary)}.task-count.completed{color:var(--status-green)}.progress-bar-inline{width:100px;height:6px;background:var(--bg-light);border-radius:100px;overflow:hidden}.progress-fill-inline{height:100%;border-radius:100px;transition:width .3s ease}.score-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:600;color:#fff}.time-stat{color:var(--text-secondary);font-weight:500}.footer{background:var(--bg-white);border-top:1px solid var(--border-light);padding:16px 24px;text-align:center}.footer p{color:var(--text-secondary);font-size:13px}.sidebar-toggle{display:none}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}@media (min-width: 769px){.mobile-overlay{display:none!important}}@media (max-width: 768px){.sidebar.open{box-shadow:2px 0 10px #0003}.header-left{gap:8px}.search-bar,.user-info{display:none}.mobile-title{display:block!important}.stats-grid{grid-template-columns:1fr}.board-view{flex-direction:column}.board-column{min-width:100%}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h1{font-size:24px}.table{font-size:12px}.table th,.table td{padding:8px}.table th:first-child,.table td:first-child{padding-left:12px}.action-buttons{flex-direction:column;align-items:stretch;gap:4px}.btn-sm{height:28px;font-size:12px;padding:0 8px}.status-badge,.role-badge,.priority{min-width:auto;height:24px;font-size:11px;padding:0 8px}}.profile-page{padding:20px;max-width:1400px;margin:0 auto}.profile-header-modern{background:linear-gradient(135deg,#fdab3d,#fc9003);border-radius:12px;padding:40px;margin-bottom:30px;box-shadow:0 4px 12px #fdab3d26}.profile-header-content{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:15px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:#fdab3d;box-shadow:0 4px 12px #0000001a;position:relative}.avatar-status-indicator{position:absolute;bottom:8px;right:8px;width:24px;height:24px;border-radius:50%;border:3px solid white}.change-avatar-btn{background:#fff;color:#323338;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.change-avatar-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.profile-info-section{flex:1;min-width:300px}.profile-name-section{display:flex;align-items:center;gap:15px;margin-bottom:15px}.profile-name{font-size:32px;color:#fff;margin:0;font-weight:600}.profile-role{padding:6px 14px;border-radius:20px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.profile-meta{display:flex;flex-wrap:wrap;gap:20px}.profile-meta .meta-item{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px}.profile-stats{display:flex;gap:20px;margin-left:auto}.profile-stats .stat-card{background:#fff;padding:20px;border-radius:8px;text-align:center;min-width:100px}.profile-stats .stat-value{font-size:28px;font-weight:600;color:#323338;margin-bottom:5px}.profile-stats .stat-label{font-size:12px;color:#676879;text-transform:uppercase}.profile-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid #e6e9ef;padding-bottom:0}.profile-tab{background:none;border:none;color:#676879;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px;margin-bottom:-1px}.profile-tab:hover{color:#323338}.profile-tab.active{color:#fdab3d;border-bottom-color:#fdab3d}.tab-icon{font-size:16px}.profile-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #0000001a}.profile-section{animation:fadeIn .3s ease}.section-header{margin-bottom:30px}.section-title{font-size:20px;color:#323338;margin-bottom:5px;display:flex;align-items:center;gap:10px}.section-subtitle{color:#676879;font-size:14px}.profile-form{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#323338;font-size:14px;font-weight:500}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;font-size:16px;z-index:1}.form-control-modern{width:100%;padding:10px 12px 10px 40px;border:1px solid #c3c6d4;border-radius:6px;font-size:14px;transition:all .2s;background:#fff}.form-control-modern:focus{outline:none;border-color:#fdab3d;box-shadow:0 0 0 3px #fdab3d1a}.form-control-modern.textarea{padding-left:12px;resize:vertical;min-height:100px;font-family:inherit}.form-control-modern.small{width:200px}.form-actions{display:flex;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid #e6e9ef}.alert-modern{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:6px;margin-bottom:20px}.alert-modern.alert-success{background:#d4f4e2;color:#00854d}.alert-modern.alert-error{background:#ffeceb;color:#d83a52}.alert-icon{font-size:18px}.alert-text{flex:1;font-size:14px}.alert-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:.6;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.alert-close:hover{opacity:1}.security-info{margin-bottom:30px}.info-card{background:#f6f7fb;border-radius:8px;padding:20px;display:flex;gap:15px}.info-icon{font-size:24px}.info-content h4{margin-bottom:10px;color:#323338}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{padding:5px 0;color:#676879;font-size:14px}.requirements-list li:before{content:"✓ ";color:#00c875;font-weight:700;margin-right:5px}.additional-security{margin-top:40px;padding-top:30px;border-top:1px solid #e6e9ef}.additional-security h3{margin-bottom:20px;color:#323338}.security-option{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f6f7fb;border-radius:8px}.option-content h4{margin-bottom:5px;color:#323338}.option-content p{margin:0;color:#676879;font-size:14px}.preferences-grid{display:grid;gap:40px}.preference-group h3{margin-bottom:20px;color:#323338;font-size:16px}.preference-item{margin-bottom:20px}.preference-label{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f6f7fb;border-radius:8px;cursor:pointer}.preference-info{flex:1}.preference-title{display:block;color:#323338;font-weight:500;margin-bottom:5px}.preference-desc{display:block;color:#676879;font-size:13px}.notification-settings{max-width:800px}.notification-group{margin-bottom:40px}.notification-group h3{margin-bottom:20px;color:#323338;font-size:16px}.notification-item{margin-bottom:15px}.toggle-label{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f6f7fb;border-radius:8px;cursor:pointer;transition:background .2s}.toggle-label:hover{background:#eef0f8}.toggle-info{flex:1}.toggle-title{display:block;color:#323338;font-weight:500;margin-bottom:5px}.toggle-desc{display:block;color:#676879;font-size:13px}.toggle-switch{width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#c3c6d4;border-radius:12px;position:relative;cursor:pointer;transition:background .3s}.toggle-switch:checked{background:#fdab3d}.toggle-switch:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s}.toggle-switch:checked:before{transform:translate(20px)}@media (max-width: 768px){.profile-header-content{flex-direction:column;text-align:center}.profile-stats{margin:20px auto 0}.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-row{grid-template-columns:1fr}.profile-meta{justify-content:center}}.kanban-board{height:100%;padding:20px}.kanban-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#676879}.kanban-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;height:calc(100vh - 200px);overflow-x:auto}.kanban-column{background:#f6f7fb;border-radius:12px;display:flex;flex-direction:column;min-height:0}.column-header{padding:16px;border-bottom:1px solid #e6e9ef;display:flex;justify-content:space-between;align-items:center}.column-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#323338}.column-color{width:12px;height:12px;border-radius:50%}.task-count{background:#e6e9ef;color:#676879;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.add-task-btn{width:32px;height:32px;border-radius:50%;border:none;background:#fdab3d;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-task-btn:hover{background:#fc9003;transform:scale(1.1)}.column-content{flex:1;padding:16px;overflow-y:auto;min-height:200px;transition:background-color .2s}.column-content.dragging-over{background-color:#fdab3d1a}.kanban-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a;cursor:grab;transition:all .2s;border-left:4px solid transparent}.kanban-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.kanban-card.dragging{transform:rotate(5deg);box-shadow:0 8px 25px #0003;cursor:grabbing}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:10px}.task-title{font-weight:600;color:#323338;font-size:14px;line-height:1.4;flex:1}.priority-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.card-description{color:#676879;font-size:13px;line-height:1.4;margin-bottom:12px}.card-meta{margin-top:12px}.card-tags{margin-bottom:8px}.project-tag{background:#e9ecff;color:#579bfc;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.card-footer{display:flex;justify-content:space-between;align-items:center}.assignee-avatars{display:flex;gap:4px}.assignee-avatar{width:24px;height:24px;border-radius:50%;background:#fdab3d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;cursor:pointer}.card-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.due-date{font-size:11px;color:#676879;display:flex;align-items:center;gap:2px}.due-date.overdue{color:#e2445c;font-weight:600}.updated-time{font-size:10px;color:#c4c4c4}.card-attachments{margin-top:8px;padding-top:8px;border-top:1px solid #e6e9ef;font-size:11px;color:#676879;display:flex;align-items:center;gap:4px}.empty-column{text-align:center;padding:40px 20px;color:#676879}.empty-column p{margin-bottom:16px;font-size:14px}.add-first-task{background:none;border:2px dashed #c4c4c4;color:#676879;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.add-first-task:hover{border-color:#fdab3d;color:#fdab3d;background:#fdab3d0d}.add-task-form{background:#fff;border:2px solid #fdab3d;border-radius:8px;padding:12px;margin-bottom:12px;animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-task-project{width:100%;border:1px solid #e6e9ef;border-radius:6px;padding:8px 12px;font-size:14px;margin-bottom:8px;outline:none;transition:border-color .2s;background:#fff}.add-task-project:focus{border-color:#fdab3d;box-shadow:0 0 0 3px #fdab3d1a}.add-task-input{width:100%;border:1px solid #e6e9ef;border-radius:6px;padding:8px 12px;font-size:14px;margin-bottom:10px;outline:none;transition:border-color .2s}.add-task-input:focus{border-color:#fdab3d;box-shadow:0 0 0 3px #fdab3d1a}.add-task-actions{display:flex;gap:8px;justify-content:flex-end}.kanban-task-form{background:#fff;border:1px solid #e6e9ef;border-radius:8px;padding:20px;margin:8px 0;box-shadow:0 4px 16px #0000001a;animation:slideIn .3s ease}.kanban-task-form .form-group{margin-bottom:16px}.kanban-task-form .form-label{display:block;font-size:13px;font-weight:600;color:#323338;margin-bottom:6px}.kanban-task-form .form-control{width:100%;padding:10px 12px;border:1px solid #e6e9ef;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .2s;box-sizing:border-box}.kanban-task-form .form-control:focus{outline:none;border-color:#fdab3d;box-shadow:0 0 0 3px #fdab3d1a}.kanban-task-form .form-row{display:flex;gap:12px}.kanban-task-form .form-group.half-width{flex:1}.kanban-task-form textarea.form-control{resize:vertical;min-height:70px;font-family:inherit}.kanban-task-form .add-task-actions{margin-top:20px;padding-top:16px;border-top:1px solid #e6e9ef}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 24px 0;display:flex;justify-content:between;align-items:center;border-bottom:1px solid #e6e9ef;margin-bottom:24px;position:relative}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#323338;flex:1}.modal-close{position:absolute;top:0;right:24px;background:none;border:none;font-size:24px;cursor:pointer;color:#676879;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f6f7fb;color:#323338}.modal-body{padding:0 24px 24px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-label{display:block;font-size:14px;font-weight:600;color:#323338;margin-bottom:8px}.modal-body .form-control{width:100%;padding:12px 16px;border:1px solid #e6e9ef;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .2s;box-sizing:border-box}.modal-body .form-control:focus{outline:none;border-color:#fdab3d;box-shadow:0 0 0 3px #fdab3d1a}.modal-body .form-row{display:flex;gap:16px}.modal-body .form-group.half-width{flex:1}.modal-body textarea.form-control{resize:vertical;min-height:80px;font-family:inherit}.form-info{background:#f6f7fb;padding:12px 16px;border-radius:8px;margin-top:16px}.target-column{font-size:13px;color:#676879}.target-column strong{color:#323338;font-weight:600}.modal-footer{padding:20px 24px 24px;border-top:1px solid #e6e9ef;display:flex;gap:12px;justify-content:flex-end}.dragging-overlay{transform:rotate(3deg);box-shadow:0 15px 30px #0000004d;border:2px solid #fdab3d}@media (max-width: 768px){.kanban-columns{grid-template-columns:1fr;height:auto}.kanban-column{min-height:300px}.column-content{max-height:400px}}.tasks-page{padding:20px;max-width:1600px;margin:0 auto}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tasks-header .header-left{display:flex;align-items:center;gap:15px}.tasks-header .page-title{font-size:28px;color:#323338;margin:0;font-weight:600}.tasks-header .task-count{background:#e6e9ef;color:#676879;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.tasks-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.tasks-toolbar .toolbar-left{display:flex;align-items:center;gap:15px}.filter-select{padding:8px 12px;border:1px solid #c3c6d4;border-radius:6px;font-size:14px;background:#fff;color:#323338;min-width:140px}.filter-select:focus{outline:none;border-color:#fdab3d;box-shadow:0 0 0 3px #fdab3d1a}.tasks-table-view{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.task-row{cursor:pointer;transition:background-color .2s}.task-row:hover{background-color:#f6f7fb}.task-cell{display:flex;flex-direction:column;gap:4px}.task-title-main{font-weight:600;color:#323338;font-size:14px}.task-description{color:#676879;font-size:12px;line-height:1.3}.project-link{color:#579bfc;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:4px}.project-link:hover{text-decoration:underline}.no-project{color:#c4c4c4;font-size:13px;font-style:italic}.status-select{padding:4px 8px;border:none;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;min-width:100px}.priority-pill{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block;text-align:center;min-width:60px}.assignee-cell{display:flex;align-items:center;gap:8px}.assignee-avatar-small{width:24px;height:24px;border-radius:50%;background:#fdab3d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}.no-assignee{color:#c4c4c4;font-size:13px;font-style:italic}.due-date-cell{font-size:13px;color:#676879}.due-date-cell.overdue{color:#e2445c;font-weight:600}.no-due-date{color:#c4c4c4;font-size:13px}.tasks-toolbar .view-toggle{display:flex;gap:2px;background:#fff;border-radius:6px;padding:4px;border:1px solid #e6e9ef}.tasks-toolbar .view-btn{width:auto;height:auto;padding:8px 12px;font-size:13px;font-weight:500;color:#676879;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.tasks-toolbar .view-btn:hover{background:#f6f7fb}.tasks-toolbar .view-btn.active{background:#fdab3d;color:#fff}@media (max-width: 1024px){.tasks-toolbar{flex-direction:column;gap:20px;align-items:stretch}.tasks-toolbar .toolbar-left{justify-content:center;flex-wrap:wrap}.tasks-toolbar .view-toggle{align-self:center}}@media (max-width: 768px){.tasks-header{flex-direction:column;gap:15px;align-items:stretch}.tasks-toolbar .toolbar-left{flex-direction:column;gap:10px}.filter-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.search-box-wrapper{width:100%}.tasks-table-view table th:nth-child(4),.tasks-table-view table td:nth-child(4),.tasks-table-view table th:nth-child(5),.tasks-table-view table td:nth-child(5){display:none}}.timeline-view{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;height:calc(100vh - 200px);display:flex;flex-direction:column}.timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#676879}.timeline-header{padding:20px;border-bottom:1px solid #e6e9ef;background:#f6f7fb}.timeline-controls{display:flex;justify-content:space-between;align-items:center}.view-mode-selector{display:flex;gap:2px;background:#fff;border-radius:6px;padding:4px;border:1px solid #e6e9ef}.view-mode-btn{padding:6px 12px;border:none;background:none;color:#676879;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.view-mode-btn:hover{background:#f6f7fb}.view-mode-btn.active{background:#fdab3d;color:#fff}.date-navigation{display:flex;align-items:center;gap:12px}.nav-btn{width:32px;height:32px;border:1px solid #e6e9ef;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#676879;transition:all .2s}.nav-btn:hover{background:#f6f7fb;border-color:#fdab3d}.current-period{font-weight:600;color:#323338;min-width:200px;text-align:center}.today-btn{padding:6px 12px;border:1px solid #fdab3d;background:#fff;color:#fdab3d;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.today-btn:hover{background:#fdab3d;color:#fff}.timeline-content{flex:1;overflow:auto;position:relative}.timeline-grid{min-width:1000px}.timeline-headers{display:flex;background:#f6f7fb;border-bottom:2px solid #e6e9ef;position:sticky;top:0;z-index:10}.task-column-header{width:300px;padding:12px 16px;font-weight:600;color:#323338;border-right:1px solid #e6e9ef;background:#f6f7fb}.dates-header{flex:1;display:flex;min-height:50px}.date-column-header{flex:1;min-width:60px;padding:12px 8px;text-align:center;font-size:12px;font-weight:500;color:#676879;border-right:1px solid #e6e9ef;display:flex;align-items:center;justify-content:center}.timeline-body{position:relative}.timeline-row{display:flex;border-bottom:1px solid #e6e9ef;min-height:60px;position:relative}.timeline-row:hover{background:#f6f7fb}.task-info{width:300px;padding:12px 16px;border-right:1px solid #e6e9ef;display:flex;flex-direction:column;gap:8px;background:#fff}.task-title{font-weight:600;color:#323338;font-size:14px;line-height:1.3}.task-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.task-status,.task-priority{padding:2px 6px;border-radius:8px;font-size:10px;font-weight:500;color:#fff;text-transform:capitalize}.task-assignee{font-size:11px;color:#676879;display:flex;align-items:center;gap:2px}.timeline-track{flex:1;position:relative;min-height:60px;background:repeating-linear-gradient(90deg,transparent,transparent 59px,#e6e9ef 59px,#e6e9ef 60px)}.task-bar{position:absolute;top:50%;transform:translateY(-50%);height:24px;border-radius:12px;min-width:20px;display:flex;align-items:center;cursor:pointer;transition:all .2s;overflow:hidden}.task-bar:hover{height:28px;box-shadow:0 2px 8px #00000026}.task-bar.overdue{border:2px solid #e2445c;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.task-bar-content{display:flex;align-items:center;justify-content:space-between;padding:0 8px;width:100%;color:#fff}.task-bar-title{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-bar-progress{font-size:10px;opacity:.8}.today-indicator{position:absolute;top:0;bottom:0;width:2px;background:#e2445c;z-index:5;pointer-events:none}.today-indicator:before{content:"TODAY";position:absolute;top:-20px;left:-15px;font-size:10px;font-weight:600;color:#e2445c;background:#fff;padding:2px 4px;border-radius:2px;border:1px solid #e2445c}.timeline-empty{display:flex;align-items:center;justify-content:center;height:300px;width:100%}.empty-message{text-align:center;color:#676879}.empty-message .empty-icon{font-size:48px;opacity:.5;margin-bottom:16px;display:block}.empty-message h3{color:#323338;margin-bottom:8px}@media (max-width: 1024px){.timeline-controls{flex-direction:column;gap:16px}.task-column-header,.task-info{width:250px}}@media (max-width: 768px){.timeline-view{height:auto;max-height:80vh}.task-column-header{width:200px}.task-info{width:200px;padding:8px 12px}.task-title{font-size:13px}.task-meta{gap:4px}.date-column-header{min-width:40px;padding:8px 4px;font-size:10px}.view-mode-selector{order:2}.date-navigation{order:1;flex-wrap:wrap;justify-content:center}}.time-tracker{background:#fff;border:1px solid #e6e9ef;border-radius:8px;padding:16px;margin-bottom:20px}.time-tracker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e6e9ef}.tracker-title{font-size:16px;color:#323338;margin:0;display:flex;align-items:center;gap:8px}.total-time{color:#676879;font-size:14px}.total-time strong{color:#323338}.active-timer{margin-bottom:16px}.timer-active{display:flex;justify-content:space-between;align-items:center;background:#f6f7fb;padding:12px 16px;border-radius:8px;border-left:4px solid #00c875}.timer-display{display:flex;flex-direction:column;gap:4px}.timer-time{font-size:24px;font-weight:600;color:#323338;font-family:Courier New,monospace}.timer-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#676879}.status-indicator{width:8px;height:8px;border-radius:50%}.status-indicator.active{background:#00c875;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.timer-inactive{display:flex;gap:8px}.manual-entry-form{background:#f6f7fb;padding:16px;border-radius:8px;margin-bottom:16px;border:1px dashed #c3c6d4}.manual-entry-form .form-row{display:flex;gap:12px;margin-bottom:12px;align-items:center}.time-inputs{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:6px;border:1px solid #c3c6d4}.time-input{width:60px;border:none;outline:none;text-align:center;font-family:Courier New,monospace;font-size:14px}.time-inputs span{color:#676879;font-weight:700}.form-control.small{max-width:150px}.manual-entry-form .form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.time-entries{border-top:1px solid #e6e9ef;padding-top:16px}.time-entries h5{margin-bottom:12px;color:#323338;font-size:14px;font-weight:600}.entries-list{max-height:300px;overflow-y:auto}.time-entry{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f6f7fb}.time-entry:last-child{border-bottom:none}.entry-info{display:flex;align-items:center;gap:12px;flex:1}.entry-duration{background:#e9ecff;color:#579bfc;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;font-family:Courier New,monospace;min-width:60px;text-align:center}.entry-details{flex:1}.entry-description{color:#323338;font-size:14px;margin-bottom:2px}.entry-date{color:#676879;font-size:12px}.entry-time{color:#676879}.delete-entry-btn{width:24px;height:24px;border:none;background:none;color:#c4c4c4;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.delete-entry-btn:hover{background:#ffeceb;color:#e2445c}.no-entries{text-align:center;padding:20px;color:#676879}.no-entries p{margin:0;font-size:14px}@media (max-width: 768px){.time-tracker-header{flex-direction:column;gap:8px;align-items:flex-start}.timer-active{flex-direction:column;gap:12px;align-items:flex-start}.timer-inactive{flex-direction:column;gap:8px}.manual-entry-form .form-row{flex-direction:column;align-items:stretch}.time-inputs{align-self:center}.entry-info{flex-direction:column;align-items:flex-start;gap:6px}}