@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--primary:#0052cc;--primary-hover:#0747a6;--primary-light:#deebff;--bg-main:#f9fafb;--bg-card:#ffffff;--bg-sidebar:#ffffff;--text-main:#172b4d;--text-secondary:#6b778c;--text-inverse:#ffffff;--border:#dfe1e6;--border-focus:#4c9aff;--success:#36b37e;--warning:#ffab00;--error:#ff5630;--info:#0065ff;--status-pending:#64748b;--status-ongoing:#0070f3;--status-done:#94a3b8;--status-warning:#f59e0b;--status-error:#ef4444;--sidebar-width:260px;--header-height:64px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.app-container{display:flex;min-height:100vh;background:var(--bg-main)}.main-content{flex:1 1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);min-width:0}.content-area{padding:2rem;flex:1 1}.main-header{height:64px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100}.user-profile{padding:.5rem .75rem;transition:background .2s}.user-avatar{background:var(--primary-light);color:var(--primary);font-weight:700;font-size:.8125rem}.user-info-mini{display:flex;flex-direction:column;line-height:1.2}.u-name{font-size:.875rem;font-weight:600;color:var(--text-main)}.u-role{font-size:.75rem;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:1.5rem}.logout-btn{color:var(--text-secondary);transition:color .2s}.logout-btn:hover{color:var(--error)}.header-search input{background:#f4f5f7;border:1px solid transparent;border-radius:var(--radius-md);padding:.5rem 1rem;width:320px;font-size:.875rem;transition:all .2s ease}.header-search input:focus{outline:none;background:white;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-md);transition:background .2s ease}.user-profile:hover{background:var(--bg-main)}.user-avatar{width:32px;height:32px;background:#ebecf0;color:var(--text-main);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.user-profile span{font-weight:500;font-size:.875rem}.dashboard-page{display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;justify-content:space-between;align-items:flex-end}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{gap:1.25rem}.stat-card,.stat-icon{display:flex;align-items:center}.stat-icon{width:48px;height:48px;border-radius:12px;justify-content:center}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-value{font-size:1.5rem;font-weight:700}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.text-btn{color:var(--primary);font-size:.875rem;font-weight:500;background:none;border:none;padding:0;cursor:pointer}.task-table{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem 0;border-bottom:1px solid var(--border);align-items:center;font-size:.875rem}.table-row:last-child{border-bottom:none}.table-head{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.025em}.task-title{font-weight:500;color:var(--text-main)}.quick-notifs{list-style:none;display:flex;flex-direction:column;gap:1rem}.quick-notifs li{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.dot{width:8px;height:8px;border-radius:50%}.dot.overdue{background:var(--error)}.dot.info{background:var(--info)}.schedule-page{display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 120px)}.header-left{gap:2rem}.calendar-nav,.header-left{display:flex;align-items:center}.calendar-nav{gap:1rem;background:white;padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border)}.current-period{font-weight:600;font-size:.875rem}.header-right{display:flex;gap:1rem;align-items:center}.view-switcher{display:flex;background:#f4f5f7;padding:.25rem;border-radius:var(--radius-md)}.view-btn{padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:4px;color:var(--text-secondary);background:none;border:none;cursor:pointer}.view-btn.active{background:white;color:var(--primary);box-shadow:var(--shadow-sm)}.monitoring-page{display:flex;flex-direction:column;gap:1.5rem}.monitoring-top-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.monitoring-stat-card{padding:1.5rem}.stat-header{display:flex;justify-content:space-between;margin-bottom:1rem}.stat-title{color:var(--text-secondary);font-weight:600;font-size:.875rem}.stat-icon{color:var(--primary)}.stat-main-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-trend{font-size:.8125rem;font-weight:500}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--error)}.monitoring-main-content{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.gantt-container{padding:1.5rem;display:flex;flex-direction:column}.timeline-months{display:flex;gap:4rem;font-size:.75rem;font-weight:700;color:var(--text-secondary)}.gantt-chart{margin-top:2rem;position:relative;flex:1 1}.gantt-grid-overlay{position:absolute;top:0;left:120px;right:0;bottom:0;display:flex;justify-content:space-between;pointer-events:none}.grid-line{width:1px;background:#f0f1f4;height:100%}.gantt-rows{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.gantt-row{display:flex;align-items:center}.gantt-label{width:120px;font-size:.8125rem;font-weight:600;color:var(--text-main);padding-right:1rem}.gantt-track{flex:1 1;height:24px;background:#f4f5f7;border-radius:4px;position:relative}.gantt-bar{position:absolute;height:100%;border-radius:4px;display:flex;align-items:center;padding:0 .75rem;color:white;font-size:.625rem;font-weight:700;box-shadow:var(--shadow-sm)}.monitoring-side-panels{display:flex;flex-direction:column;gap:1.5rem}.alerts-panel{padding:1.5rem}.alerts-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.alert-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);border:1px solid transparent}.alert-item.high{background:#ffebe6;border-color:#ffbdad}.alert-item.medium{background:#fffae6;border-color:#fff0b3}.alert-icon{color:var(--error)}.alert-item.medium .alert-icon{color:var(--warning)}.alert-content{flex:1 1;display:flex;flex-direction:column}.alert-title{font-weight:700;font-size:.8125rem}.alert-desc,.alert-time{font-size:.75rem;color:var(--text-secondary)}.alert-time{color:var(--error);font-weight:600}.btn-notify{background:white;border:1px solid var(--border);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer}.efficiency-viz{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.bar-group{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:1rem;font-size:.75rem;font-weight:600}.bar-track{height:6px;background:#f4f5f7;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:3px}.team-page{display:flex;flex-direction:column;gap:1.5rem}.team-overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.dept-distribution,.member-stats-card{padding:1.5rem}.ranking-list{display:flex;flex-direction:column;gap:1rem;margin-top:1.25rem}.ranking-item{gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:var(--radius-md)}.rank-num,.ranking-item{display:flex;align-items:center}.rank-num{width:24px;height:24px;background:#dfe1e6;border-radius:50%;justify-content:center;font-weight:700;font-size:.75rem}.ranking-item:first-child .rank-num{background:#ffab00;color:white}.ranking-item:nth-child(2) .rank-num{background:#c1c7d0;color:white}.ranking-item:nth-child(3) .rank-num{background:#cdab8f;color:white}.rank-info{flex:1 1;display:flex;flex-direction:column}.rank-name{font-weight:700;font-size:.875rem}.rank-tasks{font-size:.75rem;color:var(--text-secondary)}.rank-score{font-weight:700;color:var(--primary)}.dept-bars{gap:1.25rem;margin-top:1.5rem}.dept-bar-item,.dept-bars{display:flex;flex-direction:column}.dept-bar-item{gap:.5rem;font-size:.8125rem;font-weight:600}.list-header-card{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.filter-group{display:flex;gap:.5rem}.btn-outline.active{background:var(--primary);color:white;border-color:var(--primary)}.notifications-page{display:flex;flex-direction:column;gap:1.5rem;max-width:1000px}.notifications-card{padding:0!important;overflow:hidden}.notif-filters{padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;gap:.5rem}.notif-list{display:flex;flex-direction:column}.notif-item{display:flex;padding:1.5rem;gap:1.25rem;border-bottom:1px solid var(--border);transition:background .2s ease;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f9fafb}.notif-item.unread{background:#f4f7ff}.notif-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary)}.notif-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-box.overdue{background:#ffebe6;color:var(--error)}.notif-icon-box.task{background:#deebff;color:var(--primary)}.notif-icon-box.system{background:#fff0b3;color:var(--warning)}.notif-icon-box.done{background:#e3fcef;color:var(--success)}.notif-content{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.notif-top{display:flex;justify-content:space-between;align-items:center}.notif-title{font-weight:700;font-size:.9375rem;color:var(--text-main)}.notif-time{font-size:.75rem}.notif-body,.notif-time{color:var(--text-secondary)}.notif-body{font-size:.875rem;line-height:1.5}.notif-actions{display:flex;align-items:center;opacity:0;transition:opacity .2s ease}.notif-item:hover .notif-actions{opacity:1}.icon-btn.delete{color:var(--text-secondary)}.icon-btn.delete:hover{color:var(--error)}.empty-state{padding:4rem;align-items:center;gap:1rem;color:var(--text-secondary)}.empty-state,.settings-page{display:flex;flex-direction:column}.settings-page{gap:1.5rem}.settings-container{display:grid;grid-template-columns:240px 1fr;gap:1.5rem;align-items:start}.settings-tabs{padding:.75rem!important;display:flex;flex-direction:column;gap:.25rem}.tab-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;width:100%}.tab-btn:hover{background:#f4f5f7;color:var(--text-main)}.tab-btn.active{background:var(--primary-light);color:var(--primary)}.settings-content{padding:2rem!important;min-height:500px}.section-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.section-header h3{font-size:1.25rem;margin-bottom:.5rem}.section-header p{color:var(--text-secondary);font-size:.875rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group.full-width{grid-column:span 2}.form-group select{width:100%;padding:.6rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);font-size:.875rem;background:white}.notif-preferences{display:flex;flex-direction:column;gap:1.5rem}.pref-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f9fafb;border-radius:var(--radius-md)}.pref-info{display:flex;flex-direction:column;gap:.25rem}.pref-title{font-weight:700;font-size:.9375rem}.pref-desc{font-size:.8125rem;color:var(--text-secondary)}.pref-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.member-card{padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.member-card:hover{transform:translateY(-2px)}.member-top{gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid #f4f5f7}.member-avatar,.member-top{display:flex;align-items:center}.member-avatar{width:48px;height:48px;background:var(--primary-light);color:var(--primary);border-radius:50%;justify-content:center;position:relative;font-weight:700;font-size:1.25rem}.status-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid white}.status-dot.active{background:var(--success)}.status-dot.busy{background:var(--warning)}.status-dot.inactive{background:#dfe1e6}.member-main-info{flex:1 1;display:flex;flex-direction:column}.member-name{font-weight:700;font-size:1rem}.member-role{font-size:.75rem;color:var(--text-secondary)}.member-deets{padding:1.25rem 0;display:flex;flex-direction:column;gap:.75rem}.deet-row{display:flex;justify-content:space-between;font-size:.8125rem}.deet-label{color:var(--text-secondary)}.deet-val{font-weight:600}.deet-val.highlight{color:var(--primary);font-size:.875rem}.member-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-md);background:#f4f5f7;color:var(--text-main);font-size:.75rem;font-weight:600;transition:background .2s ease}.action-btn:hover{background:var(--primary-light);color:var(--primary)}.calendar-card{flex:1 1;padding:0!important;overflow:auto;position:relative}.calendar-grid{display:grid;grid-template-columns:60px repeat(7,1fr);min-width:800px}.calendar-grid .grid-header{height:60px;border-bottom:2px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;position:sticky;top:0;background:white;z-index:10}.day-name{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.day-date{font-size:1rem;font-weight:700}.time-slot-label{height:60px;display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem;font-size:.75rem;color:var(--text-secondary);border-bottom:1px solid #f0f1f4}.day-column{border-right:1px solid var(--border);position:relative}.day-column:last-child{border-right:none}.day-slots{position:relative}.grid-cell{height:60px;border-bottom:1px solid #f0f1f4}.calendar-task{position:absolute;left:4px;right:4px;border-radius:6px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;z-index:5;overflow:hidden;border-left:3px solid transparent}.task-meeting{background:#e3fcef;color:#006644;border-color:#36b37e}.task-work{background:#deebff;color:#0052cc;border-color:#0052cc}.task-recurring{background:#fffae6;color:#825c00;border-color:#ffab00}.task-time-range{font-weight:700;opacity:.8}.task-inner-title{font-weight:500}.tasks-page{display:flex;flex-direction:column;gap:1.5rem}.task-filters{justify-content:space-between;padding:1rem 1.5rem}.search-box,.task-filters{display:flex;align-items:center}.search-box{gap:.75rem;background:#f4f5f7;padding:.5rem 1rem;border-radius:var(--radius-md);width:300px}.search-box input{background:none;border:none;outline:none;font-size:.875rem;width:100%}.filter-tags{display:flex;gap:.5rem}.tag{padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tag:hover{background:#f4f5f7}.tag.active{background:var(--primary);color:white}.project-list{display:flex;flex-direction:column;gap:1.5rem}.project-card{padding:1.5rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.project-meta{display:flex;gap:1.5rem;margin-top:.5rem;font-size:.875rem;color:var(--text-secondary)}.project-meta span{display:flex;align-items:center;gap:.4rem}.workflow-timeline{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.workflow-node{gap:1rem;min-width:160px;background:#f8f9fa;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border)}.node-marker,.workflow-node{display:flex;align-items:center}.node-marker{width:28px;height:28px;border-radius:50%;background:#dfe1e6;color:var(--text-secondary);justify-content:center;font-weight:700;font-size:.75rem;flex-shrink:0}.node-content{display:flex;flex-direction:column}.node-name{font-weight:600;font-size:.875rem}.node-owner{font-size:.75rem;color:var(--text-secondary)}.node-date{font-size:.75rem;font-weight:700;color:var(--primary)}.workflow-node.done{background:#e3fcef;border-color:#36b37e}.workflow-node.done .node-marker{background:#36b37e;color:white}.workflow-node.ongoing{background:#deebff;border-color:#0052cc;box-shadow:0 0 0 2px var(--primary-light)}.workflow-node.ongoing .node-marker{background:#0052cc;color:white}.node-connector{color:var(--border);display:flex;align-items:center}.project-footer{display:flex;align-items:center;gap:2rem;border-top:1px solid var(--border);padding-top:1.25rem}.progress-bar-bg{flex:1 1;height:8px;background:#f4f5f7;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(9,30,66,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{width:650px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;padding:0!important;background:white;border-radius:var(--radius-lg)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label,.workflow-builder label{display:block;font-weight:600;font-size:.875rem;margin-bottom:.5rem;color:var(--text-main)}.form-group input{width:100%;padding:.6rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);font-size:.875rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.steps-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.step-row{gap:.75rem;background:#f4f5f7;padding:1rem;border-radius:var(--radius-md)}.step-number,.step-row{display:flex;align-items:center}.step-number{width:24px;height:24px;background:var(--primary);color:white;border-radius:50%;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.step-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;flex:1 1}.input-with-icon{display:flex;align-items:center;background:white;border:1px solid var(--border);border-radius:var(--radius-md);padding:0 .5rem}.input-with-icon input{border:none!important;padding:.5rem!important;background:transparent!important;width:100%!important;font-size:.8125rem!important}.input-with-icon input:focus{box-shadow:none!important}.delete-btn{color:var(--text-secondary);transition:color .2s ease;background:none;border:none;cursor:pointer}.delete-btn:hover{color:var(--error)}.btn-add-step{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;font-size:.875rem;padding:.5rem;border-radius:var(--radius-md);background:none;border:none;cursor:pointer}.btn-add-step:hover{background:var(--primary-light)}.modal-footer{padding:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem}.btn-outline{border:1px solid var(--border);background:white;color:var(--text-main)}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100}.sidebar-logo{height:var(--header-height);padding:0 1.5rem;gap:.75rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.logo-icon,.sidebar-logo{display:flex;align-items:center}.logo-icon{width:32px;height:32px;background:var(--primary);color:white;border-radius:8px;justify-content:center}.logo-icon,.sidebar-logo span{font-weight:700;font-size:1.25rem}.sidebar-logo span{color:var(--primary)}.sidebar-nav{flex:1 1;padding:0 .75rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;padding:.75rem 1rem;gap:.75rem;border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease;font-weight:500;text-decoration:none}.nav-item:hover{background:#f4f5f7;color:var(--primary)}.nav-item.active{background:var(--primary-light);color:var(--primary)}.sidebar-footer{padding:1rem .75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}h1{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:1.5rem}h2{font-size:1.5rem;margin-bottom:1rem}h2,h3{font-weight:600;color:var(--text-main)}h3{font-size:1.125rem;margin-bottom:.75rem}p{color:var(--text-secondary);line-height:1.6}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease;gap:.5rem}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--primary-hover)}.badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-overdue{background:#ffebe6;color:var(--error)}.badge-ongoing{background:#e6efff;color:var(--info)}.badge-done{background:#e3fcef;color:var(--success)}