@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-900: #0f172a;--primary-800: #1e293b;--primary-700: #334155;--primary-600: #475569;--primary-500: #64748b;--accent-500: #3b82f6;--accent-600: #2563eb;--accent-700: #1d4ed8;--success-500: #10b981;--success-600: #059669;--warning-500: #f59e0b;--warning-600: #d97706;--danger-500: #ef4444;--danger-600: #dc2626;--purple-500: #8b5cf6;--purple-600: #7c3aed;--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-card: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-color: #334155;--border-light: #475569;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--accent-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-600)}button{font-family:inherit;font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius-md);padding:.625rem 1.25rem;cursor:pointer;transition:all var(--transition-base);outline:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-600),var(--accent-500));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-700),var(--accent-600));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--border-light)}.btn-success{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--success-600),var(--success-500));color:#fff}.btn-danger{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--danger-600),var(--danger-500));color:#fff}input,textarea,select{font-family:inherit;font-size:.875rem;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem .875rem;outline:none;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px #3b82f61a}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-light)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.badge-success{background-color:#10b98126;color:var(--success-500)}.badge-warning{background-color:#f59e0b26;color:var(--warning-500)}.badge-danger{background-color:#ef444426;color:var(--danger-500)}.badge-info{background-color:#3b82f626;color:var(--accent-500)}.badge-purple{background-color:#8b5cf626;color:var(--purple-500)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideInRight{animation:slideInRight var(--transition-base)}.animate-slideInUp{animation:slideInUp var(--transition-base)}.sidebar{width:260px;height:100vh;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--primary-900) 100%);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-base);position:fixed;left:0;top:0;z-index:100}.sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;min-height:80px}.logo{display:flex;align-items:center;gap:.75rem;animation:fadeIn var(--transition-base)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-600),var(--purple-600));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;color:#fff;box-shadow:var(--shadow-md)}.logo h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-500),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.collapse-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:0;font-size:1rem;transition:all var(--transition-fast)}.collapse-btn:hover{background:var(--primary-700);border-color:var(--accent-500);transform:scale(1.05)}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--accent-500);transform:scaleY(0);transition:transform var(--transition-fast)}.nav-item:hover{background:#3b82f614;color:var(--text-primary);border-color:#3b82f633}.nav-item.active{background:linear-gradient(90deg,#3b82f626,#8b5cf61a);color:var(--accent-500);border-color:#3b82f64d;font-weight:600}.nav-item.active:before{transform:scaleY(1)}.nav-icon{font-size:1.25rem;min-width:24px;display:flex;align-items:center;justify-content:center}.nav-label{white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem}.sidebar.collapsed .nav-label{display:none}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer}.user-profile:hover{background:var(--primary-700);border-color:var(--accent-500)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-600),var(--purple-600));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0;animation:fadeIn var(--transition-base)}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .user-profile{justify-content:center;padding:.75rem}.header{height:80px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc}.header-content{height:100%;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-title-section{flex:1;min-width:0}.header-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.header-subtitle{font-size:.875rem;color:var(--text-muted);margin:.25rem 0 0}.header-actions{display:flex;align-items:center;gap:1rem}.search-box{position:relative;width:320px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center}.search-icon svg{stroke-width:2}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.search-input:focus{border-color:var(--accent-500);box-shadow:0 0 0 3px #3b82f61a;background:var(--bg-card)}.search-input::placeholder{color:var(--text-muted)}.notification-btn,.help-btn{position:relative;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.notification-btn svg,.help-btn svg{stroke-width:2}.notification-btn:hover,.help-btn:hover{background:var(--primary-700);border-color:var(--accent-500);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,var(--danger-600),var(--danger-500));color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;min-width:18px;text-align:center;box-shadow:0 2px 4px #0000004d}@media(max-width:768px){.search-box{width:200px}.header-content{padding:0 1rem}}.dashboard{padding:2rem;max-width:1600px;margin:0 auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--primary-800) 100%);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color);transition:all var(--transition-base);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-500),var(--purple-500));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.kpi-card:hover:before{transform:scaleX(1)}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-500)}.kpi-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.kpi-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:var(--radius-md);color:var(--accent-500);flex-shrink:0}.kpi-icon svg{stroke-width:2}.kpi-label{font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.75rem;background:linear-gradient(135deg,var(--accent-500),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-value-sm{font-size:1.75rem}.kpi-value-warning{background:linear-gradient(135deg,var(--warning-500),var(--danger-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-footer{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.kpi-detail{font-size:.8125rem;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.dashboard-card{animation-fill-mode:both}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.text-link{font-size:.875rem;color:var(--accent-500);font-weight:500;transition:color var(--transition-fast)}.text-link:hover{color:var(--accent-600)}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.filter-select{padding:.5rem .75rem;font-size:.8125rem;min-width:150px}.ar-aging-chart{display:flex;flex-direction:column;gap:1.25rem}.ar-bucket{display:grid;grid-template-columns:80px 1fr 120px;gap:1rem;align-items:center}.ar-bucket-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.ar-bucket-bar-container{height:32px;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}.ar-bucket-bar{height:100%;border-radius:var(--radius-md);animation:growBar .8s ease-out forwards;box-shadow:inset 0 2px 4px #ffffff1a}@keyframes growBar{0%{width:0}}.ar-bucket-value{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}.wip-display{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.wip-amount{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-500),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wip-chart{position:relative;width:200px;height:200px}.progress-ring{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-circle{animation:progressRing 1.5s ease-out forwards}@keyframes progressRing{0%{stroke-dashoffset:502.4}}.wip-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:var(--text-primary)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.activity-item:hover{background:var(--primary-700);border-color:var(--border-light);transform:translate(4px)}.activity-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{stroke-width:2.5}.activity-icon-success{background:#10b98126;color:var(--success-500)}.activity-icon-warning{background:#f59e0b26;color:var(--warning-500)}.activity-icon-info{background:#3b82f626;color:var(--accent-500)}.activity-icon-purple{background:#8b5cf626;color:var(--purple-500)}.activity-content{flex:1;min-width:0}.activity-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.activity-meta{font-size:.8125rem;color:var(--text-muted)}.project-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.status-item{text-align:center;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.status-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-count{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.status-label{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem;font-weight:500}.status-bar{height:4px;border-radius:2px;animation:growBar .8s ease-out forwards}.status-bar-blue{background:linear-gradient(90deg,var(--accent-600),var(--accent-500))}.status-bar-green{background:linear-gradient(90deg,var(--success-600),var(--success-500))}.status-bar-orange{background:linear-gradient(90deg,var(--warning-600),var(--warning-500))}.status-bar-purple{background:linear-gradient(90deg,var(--purple-600),var(--purple-500))}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard{padding:1rem}.kpi-grid,.project-status-grid{grid-template-columns:1fr}}.project-detail-container{padding:2rem;max-width:1600px;margin:0 auto;animation:fadeIn .3s ease-out}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background:var(--primary-700);border-color:var(--accent-500);transform:translate(-4px)}.detail-actions .btn-secondary{display:flex;align-items:center;gap:.5rem}.project-detail-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.project-code-large{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-muted);font-weight:600;margin-bottom:.5rem}.project-name-large{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.project-meta-large{display:flex;gap:1rem;flex-wrap:wrap}.meta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.detail-card{animation:slideInUp .4s ease-out}.detail-card h3{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.overview-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.overview-stat{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-icon{color:var(--accent-500)}.stat-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stat-value.negative{color:var(--danger-500)}.stat-value.positive{color:var(--success-500)}.progress-section{padding-top:1.5rem;border-top:1px solid var(--border-color)}.progress-header{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary)}.progress-percentage{font-weight:700;color:var(--text-primary)}.progress-bar-large{height:12px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-600),var(--purple-600));border-radius:9999px;transition:width .8s ease-out;box-shadow:0 0 10px #3b82f680}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.task-item:hover{background:var(--primary-700);transform:translate(4px)}.task-info{flex:1;min-width:0}.task-meta{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-muted)}.task-status-section{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.task-progress-mini{width:80px;height:4px;background:var(--bg-primary);border-radius:9999px;overflow:hidden}.task-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-600),var(--purple-600));border-radius:9999px}.timeline-item:not(:last-child):after{content:"";position:absolute;left:11px;top:32px;width:2px;height:calc(100% + 1rem);background:var(--border-color)}.timeline-dot{width:24px;height:24px;border-radius:50%;border:3px solid var(--bg-card);flex-shrink:0;margin-top:2px}.timeline-dot-success{background:var(--success-500)}.timeline-dot-info{background:var(--accent-500)}.timeline-dot-warning{background:var(--warning-500)}.timeline-dot-muted{background:var(--text-muted)}.timeline-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.timeline-date{font-size:.8125rem;color:var(--text-muted)}.financial-breakdown{display:flex;flex-direction:column;gap:1rem}.financial-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.financial-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.financial-value{font-size:1.125rem;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace}.financial-positive{color:var(--success-500)}.financial-divider{height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:.5rem 0}@media(max-width:768px){.project-detail-container{padding:1rem}.detail-grid,.overview-stats{grid-template-columns:1fr}}.projects-container{padding:2rem;max-width:1600px;margin:0 auto}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-btn{padding:.625rem 1.25rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--text-primary);background:var(--primary-700)}.filter-btn.active{background:linear-gradient(135deg,var(--accent-600),var(--accent-500));color:#fff;box-shadow:var(--shadow-sm)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base);animation-fill-mode:both}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-500)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;gap:1rem}.project-code{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.project-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.project-progress{margin-bottom:1.25rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.progress-value{font-size:.875rem;color:var(--text-primary);font-weight:700}.progress-bar-container{height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-600),var(--purple-600));border-radius:9999px;transition:width .8s ease-out;box-shadow:0 0 10px #3b82f680}.project-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.stat-item{text-align:center;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.stat-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;display:block}.stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.stat-negative{color:var(--danger-500)}.stat-positive{color:var(--success-500)}.project-footer{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.project-footer .btn-sm{flex:1}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideInUp .3s ease-out}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:1.5rem;line-height:1;cursor:pointer;transition:all var(--transition-fast);padding:0}.modal-close:hover{background:var(--danger-500);border-color:var(--danger-500);color:#fff}.modal-body{padding:2rem;overflow-y:auto;flex:1}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}@media(max-width:768px){.projects-container{padding:1rem}.projects-grid,.form-row{grid-template-columns:1fr}}.task-detail-container{padding:2rem;max-width:1600px;margin:0 auto;animation:fadeIn .3s ease-out}.task-detail-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.task-id-large{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-muted);font-weight:600;margin-bottom:.5rem}.task-title-large{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.task-meta-large{display:flex;gap:1rem;flex-wrap:wrap}.task-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.info-item{padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.info-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem;font-weight:500}.info-value{font-size:1rem;color:var(--text-primary);font-weight:600}.description-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.description-section h4{font-size:1rem;margin:0 0 .75rem;color:var(--text-primary)}.description-section p{color:var(--text-secondary);line-height:1.6;margin:0}.activity-timeline{display:flex;flex-direction:column;gap:1.5rem}.activity-item{display:flex;gap:1rem;position:relative}.activity-item:not(:last-child):after{content:"";position:absolute;left:15px;top:36px;width:2px;height:calc(100% + 1rem);background:var(--border-color)}.activity-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--bg-card)}.activity-icon-success{background:var(--success-500);color:#fff}.activity-icon-info{background:var(--accent-500);color:#fff}.activity-icon-warning{background:var(--warning-500);color:#fff}.activity-content{flex:1;padding-top:.25rem}.activity-title{font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.activity-comment{padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.activity-meta{display:flex;gap:1rem;font-size:.8125rem;color:var(--text-muted)}.activity-user{font-weight:500}.subtasks-list{display:flex;flex-direction:column;gap:1rem}.subtask-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.subtask-item:hover{background:var(--primary-700);transform:translate(4px)}.subtask-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-500)}.subtask-title{flex:1;color:var(--text-primary);font-weight:500}.subtask-status{font-size:.8125rem}.attachments-list{display:flex;flex-direction:column;gap:1rem}.attachment-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.attachment-item:hover{background:var(--primary-700);border-color:var(--accent-500)}.attachment-icon{color:var(--accent-500);flex-shrink:0}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.attachment-meta{font-size:.8125rem;color:var(--text-muted)}@media(max-width:768px){.task-detail-container{padding:1rem}.task-info-grid,.detail-grid{grid-template-columns:1fr}}.tasks-container{padding:2rem;max-width:1600px;margin:0 auto}.tasks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem;flex-wrap:wrap}.tasks-stats,.task-stats{display:flex;gap:1rem;flex:1}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.5rem;text-align:center;min-width:120px;transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-number,.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.stat-number.stat-warning,.stat-danger .stat-value{color:var(--warning-500)}.stat-number.stat-success,.stat-success .stat-value{color:var(--success-500)}.stat-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.tasks-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem}.tasks-table{width:100%;border-collapse:collapse}.tasks-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.tasks-table th{padding:1rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tasks-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);animation-fill-mode:both;cursor:pointer}.tasks-table tbody tr:hover{background:var(--bg-tertiary)}.tasks-table td{padding:1rem;font-size:.875rem;color:var(--text-secondary)}.task-id{font-family:Courier New,monospace;font-weight:600;color:var(--text-muted);font-size:.8125rem}.task-title,.task-title-cell{font-weight:600;color:var(--text-primary);max-width:250px}.task-project{font-family:Courier New,monospace;font-size:.8125rem}.assignee-cell{display:flex;align-items:center;gap:.5rem}.assignee-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-600),var(--purple-600));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.discipline-tag{display:inline-block;padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-primary)}.task-date{font-family:Courier New,monospace;font-size:.8125rem}.task-progress,.progress-cell{display:flex;align-items:center;gap:.5rem;min-width:120px}.task-progress-bar,.progress-bar-mini{flex:1;height:6px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color)}.task-progress-fill,.progress-fill-mini{height:100%;background:linear-gradient(90deg,var(--accent-600),var(--purple-600));border-radius:9999px;transition:width .5s ease-out}.task-progress-text,.progress-text{font-size:.75rem;font-weight:600;color:var(--text-primary);min-width:35px}.status-badge,.badge{display:inline-block;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-completed,.badge-success{background:#10b98126;color:var(--success-500)}.status-progress,.badge-info{background:#3b82f626;color:var(--accent-500)}.status-overdue,.badge-danger{background:#ef444426;color:var(--danger-500)}.status-pending,.badge-warning{background:#f59e0b26;color:var(--warning-500)}.task-actions,.action-buttons{display:flex;gap:.5rem}.gantt-preview{margin-top:2rem}.gantt-container{overflow-x:auto}.gantt-timeline{min-width:800px}.gantt-header{display:grid;grid-template-columns:250px 1fr;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.gantt-task-label{padding:1rem;font-weight:600;color:var(--text-muted);font-size:.8125rem;text-transform:uppercase}.gantt-dates{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border-color)}.gantt-date{padding:1rem;text-align:center;font-size:.8125rem;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary)}.gantt-row{display:grid;grid-template-columns:250px 1fr;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.gantt-task-name{padding:0 1rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.gantt-bars,.gantt-bar-container{position:relative;height:32px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.gantt-bar{position:absolute;top:50%;transform:translateY(-50%);height:24px;background:linear-gradient(90deg,var(--accent-600),var(--purple-600));border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;animation:slideInRight .6s ease-out forwards;animation-fill-mode:both;box-shadow:0 2px 8px #3b82f64d}.gantt-bar-success{background:linear-gradient(90deg,var(--success-600),var(--success-500))}.gantt-bar-danger{background:linear-gradient(90deg,var(--danger-600),var(--danger-500))}.gantt-bar-warning{background:linear-gradient(90deg,var(--warning-600),var(--warning-500))}.gantt-bar-label{font-size:.75rem;font-weight:600;color:#fff}@media(max-width:1200px){.tasks-table-container{overflow-x:auto}.tasks-table{min-width:1000px}}@media(max-width:768px){.tasks-container{padding:1rem}.tasks-stats,.task-stats{width:100%;overflow-x:auto}}.attendance-container{padding:2rem;max-width:1600px;margin:0 auto}.attendance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-500)}.stat-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-present{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--success-500)}.stat-icon-absent{background:linear-gradient(135deg,#ef444433,#ef44441a);color:var(--danger-500)}.stat-icon-leave{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--warning-500)}.stat-icon-hours{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:var(--accent-500)}.stat-content{flex:1}.stat-label{font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.attendance-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;gap:.5rem;align-items:center;background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.filter-group select{background:transparent;border:none;color:var(--text-primary);font-weight:500;cursor:pointer;min-width:200px}.attendance-tabs{display:flex;gap:.5rem;background:var(--bg-tertiary);padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:2rem}.tab-btn{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn:hover{color:var(--text-primary);background:var(--primary-700)}.tab-btn.active{background:linear-gradient(135deg,var(--accent-600),var(--accent-500));color:#fff;box-shadow:var(--shadow-sm)}.calendar-view{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.calendar-header h3{font-size:1.5rem;margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:2rem}.calendar-weekday{text-align:center;font-weight:600;color:var(--text-muted);padding:.75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.calendar-day{aspect-ratio:1;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer;position:relative}.calendar-day.empty{background:transparent;border:none;cursor:default}.calendar-day:not(.empty):hover{transform:scale(1.05);box-shadow:var(--shadow-md);z-index:1}.day-number{font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:.25rem}.day-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.status-badge{font-size:.625rem;padding:.125rem .375rem;border-radius:9999px;font-weight:600;text-transform:uppercase}.hours{font-size:.75rem;color:var(--text-muted)}.status-present{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:var(--success-500)}.status-present .status-badge{background:var(--success-500);color:#fff}.status-absent{background:linear-gradient(135deg,#ef444433,#ef44441a);border-color:var(--danger-500)}.status-absent .status-badge{background:var(--danger-500);color:#fff}.status-leave{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:var(--warning-500)}.status-leave .status-badge{background:var(--warning-500);color:#fff}.status-half-day{background:linear-gradient(135deg,#f59e0b26,#10b98126);border-color:var(--warning-500)}.status-half-day .status-badge{background:linear-gradient(90deg,var(--warning-500),var(--success-500));color:#fff}.calendar-legend{display:flex;gap:2rem;justify-content:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.legend-color{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.leave-requests{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.leave-requests-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.leave-requests-header h3{margin:0}.leave-requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.leave-request-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;transition:all var(--transition-base)}.leave-request-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-500)}.leave-request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.leave-request-header h4{margin:0 0 .25rem;font-size:1rem}.leave-type{display:inline-block;font-size:.75rem;color:var(--text-muted);text-transform:capitalize;background:var(--bg-primary);padding:.25rem .5rem;border-radius:var(--radius-sm)}.leave-request-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:flex;justify-content:space-between;font-size:.875rem}.detail-row .label{color:var(--text-muted);font-weight:500}.detail-row .value{color:var(--text-primary);font-weight:600;text-align:right}.attendance-reports{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.reports-header h3{margin:0}.reports-table{overflow-x:auto}.reports-table table{width:100%;border-collapse:collapse}.reports-table th{text-align:left;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.reports-table td{padding:1rem;border:1px solid var(--border-color);color:var(--text-secondary)}.employee-cell{display:flex;flex-direction:column;gap:.25rem}.employee-cell strong{color:var(--text-primary)}.employee-cell .role{font-size:.75rem;color:var(--text-muted)}.stat-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-weight:600;font-size:.875rem}.stat-present{background:#10b98126;color:var(--success-500)}.stat-absent{background:#ef444426;color:var(--danger-500)}.stat-leave{background:#f59e0b26;color:var(--warning-500)}.percentage-bar{position:relative;height:24px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color)}.percentage-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--success-600),var(--success-500));transition:width .5s ease-out}.percentage-text{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-weight:600;font-size:.75rem;color:var(--text-primary);z-index:1}@media(max-width:768px){.attendance-container{padding:1rem}.attendance-stats{grid-template-columns:1fr}.calendar-grid{gap:.25rem}.calendar-day{padding:.25rem;font-size:.75rem}.leave-requests-grid{grid-template-columns:1fr}.attendance-tabs{flex-direction:column}.tab-btn{width:100%}}.tenders-container{padding:2rem;max-width:1600px;margin:0 auto}.tender-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-icon-total{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:var(--accent-500)}.stat-icon-active{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:var(--warning-500)}.stat-icon-won{background:linear-gradient(135deg,#10b98133,#10b9811a);color:var(--success-500)}.stat-icon-value{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:var(--purple-500)}.tenders-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.toolbar-left{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.tender-search-box{display:flex;align-items:center;gap:.75rem;background:var(--bg-tertiary);padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);flex:1;min-width:250px;max-width:400px}.tender-search-box input{background:transparent;border:none;color:var(--text-primary);flex:1;outline:none}.tender-search-box input::placeholder{color:var(--text-muted)}.tenders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.tender-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base);cursor:pointer;animation-fill-mode:both}.tender-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-500)}.tender-card.urgent{border-color:var(--danger-500);background:linear-gradient(135deg,var(--bg-card),rgba(239,68,68,.05))}.tender-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.tender-ref{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tender-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;line-height:1.4}.tender-meta{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.tender-value{margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-radius:var(--radius-md);border:1px solid var(--border-color)}.value-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.value-amount{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.tender-deadline{margin-bottom:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.deadline-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.deadline-date{font-size:.875rem;font-weight:600;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.deadline-date.urgent{color:var(--danger-500)}.days-left{font-size:.75rem;padding:.25rem .5rem;background:var(--warning-500);color:#fff;border-radius:9999px;font-weight:600}.tender-probability{margin-bottom:1rem}.probability-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.probability-bar{position:relative;height:24px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color)}.probability-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent-600),var(--purple-600));transition:width .5s ease-out}.probability-text{position:relative;display:flex;align-items:center;justify-content:center;height:100%;font-weight:600;font-size:.75rem;color:var(--text-primary);z-index:1}.tender-team{margin-bottom:1rem}.team-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.team-avatars{display:flex;gap:.5rem}.team-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent-600),var(--purple-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid var(--bg-card)}.team-more{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.tender-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.task-progress{font-size:.875rem;color:var(--text-muted);font-weight:500}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state svg{color:var(--text-muted);opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem}.tender-detail-container{padding:2rem;max-width:1600px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.detail-actions{display:flex;gap:1rem}.detail-content{display:flex;flex-direction:column;gap:2rem}.detail-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.detail-main{padding:2.5rem}.detail-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.detail-ref{font-size:.875rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detail-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.badge-lg{font-size:.875rem;padding:.5rem 1rem}.detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.meta-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.meta-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:var(--accent-500);display:flex;align-items:center;justify-content:center;flex-shrink:0}.meta-info{flex:1}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.detail-left,.detail-right{display:flex;flex-direction:column;gap:2rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);position:relative;padding:.75rem 0 .75rem 1.5rem}.requirements-list li:last-child{border-bottom:none}.requirements-list li:before{content:"✓";position:absolute;left:0;color:var(--success-500);font-weight:700}.progress-bar-container{height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden;border:1px solid var(--border-color);margin-bottom:1.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-600),var(--purple-600));border-radius:9999px;transition:width .8s ease-out}.tasks-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:1rem}.task-info{flex:1}.task-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.task-due{font-size:.75rem;color:var(--text-muted)}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast)}.document-item:hover{background:var(--primary-700)}.document-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;color:var(--accent-500)}.document-info{flex:1}.document-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.document-meta{font-size:.75rem;color:var(--text-muted);font-weight:500}.team-list{display:flex;flex-direction:column;gap:.75rem}.team-member{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.member-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-600),var(--purple-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.member-name{font-weight:600;color:var(--text-primary)}.timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:7px;top:24px;bottom:-24px;width:2px;background:var(--border-color)}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--accent-500);flex-shrink:0;margin-top:4px}.timeline-dot-success{border-color:var(--success-500);background:var(--success-500)}.timeline-dot-warning{border-color:var(--warning-500);background:var(--warning-500)}.timeline-dot-danger{border-color:var(--danger-500);background:var(--danger-500)}.timeline-content{flex:1}.timeline-label{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.timeline-date{font-size:.875rem;color:var(--text-muted)}.probability-display{display:flex;justify-content:center;padding:2rem 0}.probability-circle{position:relative;width:150px;height:150px}.probability-circle svg{width:100%;height:100%}.probability-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:var(--text-primary)}.notes-content,.lessons-content{padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);line-height:1.6}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.tenders-container,.tender-detail-container{padding:1rem}.tenders-grid{grid-template-columns:1fr}.toolbar-left{flex-direction:column;width:100%}.tender-search-box{max-width:100%}.detail-meta-grid{grid-template-columns:1fr}}.modal-large{max-width:800px}.upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;background:var(--bg-tertiary);transition:all var(--transition-base);margin-bottom:2rem}.upload-area.drag-active{border-color:var(--accent-500);background:#3b82f61a;transform:scale(1.02)}.upload-icon{color:var(--accent-500);margin-bottom:1rem}.upload-area h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.upload-area p{color:var(--text-muted);margin:.5rem 0}.upload-btn{display:inline-block;margin:1rem 0;cursor:pointer}.upload-hint{font-size:.8125rem;color:var(--text-muted)}.selected-file{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--accent-500);border-radius:var(--radius-md);margin-top:1rem;color:var(--text-primary)}.selected-file button{background:none;border:none;color:var(--text-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:0;margin-left:.5rem;transition:color var(--transition-fast)}.selected-file button:hover{color:var(--danger-500)}.metadata-section{padding-top:1.5rem;border-top:1px solid var(--border-color)}.metadata-section h3{font-size:1.125rem;margin:0 0 1.5rem;color:var(--text-primary)}.metadata-section h4{font-size:1rem;margin:0 0 1rem;color:var(--text-primary)}.approval-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.approvers-list{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.approver-item{display:flex;align-items:center;gap:.75rem}.approver-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-500)}.approver-item label{flex:1;font-size:.875rem;color:var(--text-primary);cursor:pointer;margin:0}.documents-container{padding:2rem;max-width:1600px;margin:0 auto}.documents-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.search-filter{display:flex;gap:1rem;flex:1;max-width:600px}.search-input-doc{flex:1;min-width:200px}.filter-select-doc{min-width:180px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.document-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;gap:1rem;transition:all var(--transition-base);animation-fill-mode:both}.document-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-500)}.document-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-shrink:0;color:var(--accent-500)}.document-icon svg{stroke-width:1.5}.document-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}.document-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.document-number{font-family:Courier New,monospace;font-size:.75rem;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.document-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.document-meta{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.meta-row .meta-label{color:var(--text-muted);font-weight:500}.meta-row .meta-value{color:var(--text-primary);font-weight:600}.revision-badge{padding:.25rem .625rem;background:linear-gradient(135deg,var(--accent-600),var(--purple-600));color:#fff;border-radius:var(--radius-sm);font-weight:700;font-size:.75rem}.document-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.document-date{font-size:.75rem;color:var(--text-muted)}.document-actions{display:flex;gap:.5rem}.action-btn-doc{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;color:var(--text-secondary)}.action-btn-doc svg{stroke-width:2}.action-btn-doc:hover{background:var(--primary-700);border-color:var(--accent-500);color:var(--accent-500);transform:scale(1.1)}.document-register{margin-top:2rem}.register-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.register-stat{text-align:center;padding:1.5rem;background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast)}.register-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.register-stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-500),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem}.register-stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500}@media(max-width:768px){.documents-container{padding:1rem}.documents-grid{grid-template-columns:1fr}.search-filter{flex-direction:column;width:100%;max-width:none}}.invoice-modal{max-width:1000px}.invoice-header-section{padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.line-items-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:1.125rem;margin:0;color:var(--text-primary)}.line-items-table{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.line-items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:1rem;padding:1rem;background:var(--primary-800);border-bottom:1px solid var(--border-color);font-weight:600;font-size:.875rem;color:var(--text-secondary)}.line-item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 60px;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color);align-items:center}.line-item-row:last-child{border-bottom:none}.line-item-col input{width:100%;padding:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem}.line-item-col input:focus{border-color:var(--accent-500);outline:none}.amount-display{font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.btn-icon-danger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--danger-500);cursor:pointer;transition:all var(--transition-fast)}.btn-icon-danger:hover{background:var(--danger-500);color:#fff;border-color:var(--danger-500)}.invoice-totals{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;max-width:400px;margin-left:auto}.totals-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:.9375rem}.totals-label{color:var(--text-secondary);font-weight:500}.totals-value{color:var(--text-primary);font-weight:600;font-family:Courier New,monospace}.totals-negative{color:var(--danger-500)}.totals-divider{height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:.5rem 0}.totals-total{padding-top:1rem;font-size:1.125rem}.totals-total .totals-label{color:var(--text-primary);font-weight:700}.totals-total .totals-value{color:var(--accent-500);font-size:1.5rem}@media(max-width:768px){.line-items-header,.line-item-row{grid-template-columns:1fr}.line-item-col{width:100%}.invoice-totals{max-width:100%}}.finance-container{padding:2rem;max-width:1600px;margin:0 auto}.finance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition-base)}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--accent-500)}.summary-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#3b82f626,#8b5cf626);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-500)}.summary-icon svg{stroke-width:1.5}.summary-content{flex:1;min-width:0}.summary-label{font-size:.8125rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1}.summary-success{color:var(--success-500)}.summary-warning{color:var(--warning-500)}.summary-info{color:var(--accent-500)}.finance-card{margin-bottom:2rem}.table-container,.invoices-table-container{overflow-x:auto}.invoices-table,.finance-table{width:100%;border-collapse:collapse;min-width:1000px}.invoices-table thead,.finance-table thead{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.invoices-table th,.finance-table th{padding:1rem;text-align:left;font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.invoices-table tbody tr,.finance-table tbody tr{border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);animation-fill-mode:both}.invoices-table tbody tr:hover,.finance-table tbody tr:hover{background:var(--bg-tertiary)}.invoices-table td,.finance-table td{padding:1rem;font-size:.875rem;color:var(--text-secondary)}.invoice-id{font-family:Courier New,monospace;font-weight:600;color:var(--text-muted);font-size:.8125rem;display:flex;align-items:center;gap:.5rem}.invoice-icon{color:var(--accent-500);flex-shrink:0}.invoice-project{font-family:Courier New,monospace;font-size:.8125rem}.invoice-amount,.invoice-retention,.invoice-net,.amount-cell{font-family:Courier New,monospace;font-weight:600;color:var(--text-primary)}.amount-positive{color:var(--success-500)}.amount-negative{color:var(--warning-500)}.invoice-date{font-family:Courier New,monospace;font-size:.8125rem}.aging-badge,.badge{display:inline-block;padding:.375rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-primary)}.badge-success{background:#10b98126;color:var(--success-500);border-color:var(--success-500)}.badge-warning{background:#f59e0b26;color:var(--warning-500);border-color:var(--warning-500)}.badge-danger{background:#ef444426;color:var(--danger-500);border-color:var(--danger-500)}.badge-info{background:#3b82f626;color:var(--accent-500);border-color:var(--accent-500)}.invoice-actions,.action-buttons{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);padding:0;color:var(--text-secondary)}.action-btn svg{stroke-width:2}.action-btn:hover{background:var(--primary-700);border-color:var(--accent-500);color:var(--accent-500);transform:scale(1.1)}.finance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.ar-breakdown{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.ar-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast);position:relative}.ar-item:hover{background:var(--primary-700);transform:translate(4px)}.ar-label{font-size:.875rem;font-weight:600;color:var(--text-primary);min-width:100px}.ar-value{font-size:1.125rem;font-weight:700;font-family:Courier New,monospace;color:var(--text-primary);min-width:150px}.ar-bar{height:8px;border-radius:9999px;transition:width .5s ease-out}.ar-bar-success{background:linear-gradient(90deg,var(--success-600),var(--success-500))}.ar-bar-info{background:linear-gradient(90deg,var(--accent-600),var(--accent-500))}.ar-bar-warning{background:linear-gradient(90deg,var(--warning-600),var(--warning-500))}.ar-bar-danger{background:linear-gradient(90deg,var(--danger-600),var(--danger-500))}.ar-bucket-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.ar-bucket-amount{font-size:1.125rem;font-weight:700;font-family:Courier New,monospace}.ar-current{color:var(--success-500)}.ar-warning{color:var(--warning-500)}.ar-danger{color:var(--danger-500)}.ar-critical{color:var(--danger-600)}.pl-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.pl-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center}.pl-header{background:var(--bg-card);font-weight:700;border-bottom:2px solid var(--border-color)}.pl-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.pl-value{font-size:.875rem;font-weight:600;font-family:Courier New,monospace;color:var(--text-secondary);text-align:right}.pl-header .pl-label,.pl-header .pl-value{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.pl-positive{color:var(--success-500)}.pl-negative{color:var(--danger-500)}.pl-divider{height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:.5rem 0}.pl-total{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-color:var(--accent-500)}.pl-profit{color:var(--accent-500);font-size:1.5rem}.pl-margin{text-align:center;padding-top:.5rem}@media(max-width:768px){.finance-container{padding:1rem}.finance-summary,.finance-grid{grid-template-columns:1fr}.pl-row{grid-template-columns:1fr;gap:.5rem}.pl-value{text-align:left}}.app{display:flex;min-height:100vh;background:var(--bg-primary)}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-base)}.sidebar.collapsed~.main-content{margin-left:80px}.content-area{flex:1;overflow-y:auto;background:var(--bg-primary)}.placeholder-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center;animation:fadeIn var(--transition-base)}.placeholder-icon{width:120px;height:120px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;opacity:.5;color:var(--text-muted)}.placeholder-icon svg{stroke-width:1}.placeholder-view h2{font-size:2rem;margin-bottom:.75rem;color:var(--text-primary)}.placeholder-view p{font-size:1.125rem;color:var(--text-muted);max-width:500px}@media(max-width:1024px){.main-content{margin-left:80px}}@media(max-width:768px){.main-content{margin-left:0}.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.mobile-open{transform:translate(0)}}