.profile-page{padding:2rem;max-width:1200px;margin:0 auto}.profile-header{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 4px 20px #0000000d;display:flex;align-items:center;gap:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:linear-gradient(135deg,#3b82f60d,#9333ea0d);clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);z-index:0}.profile-avatar-container{position:relative;z-index:1}.profile-avatar{width:120px;height:120px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700;box-shadow:0 10px 25px #2563eb33;border:4px solid white}.profile-info-main{z-index:1}.profile-name{font-size:2.2rem;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.025em}.profile-role-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f1f5f9;color:#475569;border-radius:2rem;font-size:.9rem;font-weight:600;margin-top:.75rem;text-transform:capitalize}.profile-role-badge.super_admin{background:#fee2e2;color:#dc2626}.profile-role-badge.team_lead{background:#dcfce7;color:#166534}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.profile-card{background:#fff;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 15px #00000008;border:1px solid #f1f5f9}.profile-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#334155;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.profile-card-title svg{color:#3b82f6}.profile-details-list{display:flex;flex-direction:column;gap:1.25rem}.profile-detail-item{display:flex;flex-direction:column;gap:.35rem}.profile-detail-label{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.profile-detail-value{font-size:1.1rem;color:#1e293b;font-weight:500}.password-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.9rem;font-weight:600;color:#475569}.form-control{padding:.75rem 1rem;border:1.5px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .2s;background:#f8fafc}.form-control:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.password-strength{margin-top:.5rem}.strength-meter{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:.35rem}.strength-bar{height:100%;transition:width .3s ease}.strength-text{font-size:.75rem;font-weight:600}.btn-update{margin-top:1rem;background:#3b82f6;color:#fff;padding:.85rem;border-radius:.75rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-update:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.btn-update:disabled{opacity:.7;cursor:not-allowed}@media(max-width:992px){.profile-grid{grid-template-columns:1fr}}@media(max-width:640px){.profile-header{flex-direction:column;text-align:center;gap:1.5rem}.profile-name{font-size:1.75rem}}.activity-heatmap-container{grid-column:1 / -1;background:#fff;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 15px #00000008;border:1px solid #f1f5f9;margin-top:1rem;margin-bottom:2rem}.heatmap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.heatmap-header h3{font-size:1.1rem;font-weight:700;color:#334155;margin:0}.heatmap-legend{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.legend-cells{display:flex;gap:3px}.legend-cell,.heatmap-cell{width:12px;height:12px;border-radius:2px;background:#f1f5f9;transition:all .2s}.heatmap-scroll-container{overflow-x:auto;padding-bottom:.5rem}.heatmap-wrapper{min-width:800px}.heatmap-months{display:grid;grid-template-columns:repeat(53,15px);margin-bottom:.5rem;padding-left:35px}.heatmap-months span{font-size:.75rem;color:#94a3b8}.heatmap-body{display:flex;gap:.75rem}.heatmap-days{display:grid;grid-template-rows:repeat(7,12px);gap:3px}.heatmap-days span{font-size:.75rem;color:#94a3b8;display:flex;align-items:center}.heatmap-days span:nth-child(1){grid-row:2}.heatmap-days span:nth-child(2){grid-row:4}.heatmap-days span:nth-child(3){grid-row:6}.heatmap-grid{display:grid;grid-template-columns:repeat(53,12px);grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:3px}.level-0{background-color:#f1f5f9}.level-1{background-color:#dbeafe;border:1px solid rgba(59,130,246,.1)}.level-2{background-color:#60a5fa}.level-3{background-color:#2563eb}.level-4{background-color:#1e3a8a;box-shadow:0 0 5px #1e3a8a33}.heatmap-layout{display:flex;gap:2rem;align-items:flex-start}.heatmap-years{display:flex;flex-direction:column;gap:.5rem;padding-top:1.5rem}.year-btn{background:transparent;border:none;color:#64748b;font-size:.85rem;padding:.4rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s;text-align:left}.year-btn:hover{background:#f1f5f9;color:#3b82f6}.year-btn.active{background:#3b82f6;color:#fff;font-weight:600}@media(max-width:1200px){.heatmap-layout{flex-direction:column}.heatmap-years{flex-direction:row;padding-top:0;margin-top:1rem}}.heatmap-cell:hover{transform:scale(1.3);z-index:10;cursor:pointer;outline:1px solid #3b82f6}.heatmap-tooltip{position:absolute;background:#1e293b;color:#fff;padding:.5rem .75rem;border-radius:.5rem;font-size:.8rem;pointer-events:none;z-index:1000;box-shadow:0 4px 6px #0000001a;white-space:nowrap}.heatmap-loading{grid-column:1 / -1;padding:3rem;text-align:center;color:#64748b;font-style:italic}.ceo-projects-page{padding:2rem;animation:fadeInUp .5s ease}.ceo-projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.ceo-projects-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-projects-title-section p{font-size:1rem;color:#6b7280}.ceo-projects-actions{display:flex;gap:1rem;flex-wrap:wrap}.ceo-projects-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid}.ceo-projects-alert.error{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#0b0b0de6}.ceo-projects-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.ceo-projects-stat-card{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.ceo-projects-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.ceo-projects-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.ceo-projects-stat-icon.blue,.ceo-projects-stat-icon.orange,.ceo-projects-stat-icon.green,.ceo-projects-stat-icon.purple{color:var(--accent)}.ceo-projects-stat-content{display:flex;flex-direction:column;gap:.25rem}.ceo-projects-stat-content .label{font-size:.875rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.ceo-projects-stat-content .value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.ceo-projects-filters{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #0b0b0d0f}.ceo-projects-filters-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.ceo-projects-search{position:relative}.ceo-projects-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#0b0b0d66;pointer-events:none;width:18px;height:18px}.ceo-projects-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.ceo-projects-search-input:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.ceo-projects-filter-group{display:flex;align-items:center;gap:.5rem}.ceo-projects-filter-select{flex:1;padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.875rem;font-weight:600;transition:all .3s ease;cursor:pointer}.ceo-projects-filter-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.ceo-projects-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.ceo-projects-clear-filters{background:none;border:none;color:#0b0b0db3;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.ceo-projects-clear-filters:hover{color:#0b0b0de6}.ceo-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}.ceo-project-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer}.ceo-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.ceo-project-card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(11,11,13,.05)}.ceo-project-header-content{display:flex;flex-direction:column;gap:.75rem}.ceo-project-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;word-break:break-word}.ceo-project-badges{display:flex;flex-wrap:wrap;gap:.5rem}.ceo-project-card-body{flex:1;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.ceo-project-description{font-size:.95rem;line-height:1.6;color:#0b0b0db3;margin:0;word-wrap:break-word}.ceo-project-lead-section{padding:1rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ceo-project-lead-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.ceo-project-lead-info{display:flex;align-items:center;gap:.75rem}.ceo-project-lead-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#0066cc26,#06c3);border:2px solid rgba(0,102,204,.3);border-radius:50%;font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:#0066cce6;flex-shrink:0}.ceo-project-lead-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.ceo-project-no-lead{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffb300cc;font-style:italic}.ceo-project-progress-section{display:flex;flex-direction:column;gap:.5rem}.ceo-project-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:#0b0b0db3}.ceo-project-progress-value{font-family:var(--font-heading);font-size:1rem;color:var(--text-primary)}.ceo-project-progress-bar{height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.ceo-project-progress-fill{height:100%;background:linear-gradient(90deg,#10b981b3,#10b981e6);border-radius:10px;transition:width 1s ease}.ceo-project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(11,11,13,.05)}.ceo-project-due-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0b0b0db3}.ceo-project-due-date svg{color:#0b0b0d80}.ceo-projects-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.ceo-projects-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1.5rem}.ceo-projects-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.ceo-projects-empty-state p{color:#0b0b0d99;font-size:.95rem;margin-bottom:1.5rem;max-width:500px}@media(max-width:1200px){.ceo-projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:768px){.ceo-projects-page{padding:1.5rem}.ceo-projects-title-section h1{font-size:2rem}.ceo-projects-header{flex-direction:column;align-items:flex-start}.ceo-projects-stats-grid{grid-template-columns:repeat(2,1fr)}.ceo-projects-filters-grid,.ceo-projects-grid{grid-template-columns:1fr}.ceo-project-card-footer{flex-direction:column;align-items:stretch}}@media(max-width:480px){.ceo-projects-stats-grid{grid-template-columns:1fr}.ceo-projects-stat-content .value{font-size:1.5rem}.ceo-project-title{font-size:1.1rem}}.ceo-employees{animation:fadeInUp .5s ease}.ceo-employees-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.ceo-employees-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-employees-subtitle{font-size:1rem;color:var(--text-secondary)}.ceo-employees-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.ceo-employees-stat-card{display:flex;flex-direction:column;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px #0b0b0d0f;height:100%}.ceo-employees-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.ceo-employees-stat-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px;flex:1}.ceo-employees-stat-info{flex:1}.ceo-employees-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.ceo-employees-stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:#0b0b0d;line-height:1}.ceo-employees-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto}.ceo-employees-stat-icon-blue,.ceo-employees-stat-icon-green,.ceo-employees-stat-icon-purple,.ceo-employees-stat-icon-orange{color:var(--accent)}.ceo-employees-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden;margin-bottom:24px}.ceo-employees-card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);gap:1rem;flex-wrap:wrap}.ceo-employees-card-body{padding:0}.ceo-employees-filters{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.ceo-employees-search{position:relative;flex:1;max-width:400px;min-width:250px}.ceo-employees-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0b0b0d66;pointer-events:none}.ceo-employees-search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);font-size:.875rem;transition:all .3s ease;background:#fffc}.ceo-employees-search-input:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.ceo-employees-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.ceo-employees-table-wrapper{overflow-x:auto}.ceo-employees-table{width:100%;border-collapse:collapse}.ceo-employees-table thead tr{border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f880,#f0f0f066)}.ceo-employees-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.ceo-employees-table th:nth-child(3),.ceo-employees-table th:nth-child(4),.ceo-employees-table th:nth-child(5),.ceo-employees-table th:nth-child(6){text-align:center}.ceo-employees-table tbody tr{border-bottom:1px solid rgba(11,11,13,.06);transition:background-color .2s ease;cursor:pointer}.ceo-employees-table tbody tr:hover{background-color:#0b0b0d05}.ceo-employees-table td{padding:1rem;font-size:.875rem}.ceo-employees-table td:nth-child(3),.ceo-employees-table td:nth-child(4),.ceo-employees-table td:nth-child(5),.ceo-employees-table td:nth-child(6){text-align:center}.ceo-employees-employee-cell{display:flex;align-items:center;gap:.75rem}.ceo-employees-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border:1px solid rgba(11,11,13,.2);display:flex;align-items:center;justify-content:center;color:#0b0b0dcc;font-weight:600;font-size:.95rem;flex-shrink:0}.ceo-employees-name{font-weight:500;color:var(--text-primary)}.ceo-employees-email{display:flex;align-items:center;gap:.5rem;color:#0b0b0d99}.ceo-employees-email svg{width:16px;height:16px;color:#0b0b0d66;flex-shrink:0}.ceo-employees-points-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b9811a,#10b98126);padding:6px 14px;border-radius:12px;border:1px solid rgba(16,185,129,.3);color:#10b981;font-weight:800;transition:all .2s ease;justify-content:center;min-width:80px}.ceo-employees-points-badge:hover{transform:scale(1.05);background:linear-gradient(135deg,#10b98126,#10b98133);box-shadow:0 4px 12px #10b9811f}.points-value{font-size:1.1rem;line-height:1}.points-label{font-size:.7rem;opacity:.9;text-transform:uppercase;font-weight:600}.ceo-employees-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid}.ceo-employees-badge-success{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.ceo-employees-badge-danger{background:linear-gradient(135deg,#ef44441a,#ef444426);border-color:#ef44444d;color:#ef4444e6}.ceo-employees-badge-info{background:linear-gradient(135deg,#3b82f61a,#3b82f626);border-color:#3b82f64d;color:#3b82f6e6}.ceo-employees-badge-default{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0db3}.ceo-employees-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.ceo-employees-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin-bottom:16px}.ceo-employees-empty-state h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.ceo-employees-empty-state p{color:var(--text-secondary);font-size:.9rem}@media(max-width:1200px){.ceo-employees-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ceo-employees-title{font-size:2rem}.ceo-employees-header{flex-direction:column;align-items:flex-start}.ceo-employees-stats-grid{grid-template-columns:1fr}.ceo-employees-stat-value{font-size:2rem}.ceo-employees-card-header{flex-direction:column;align-items:flex-start}.ceo-employees-filters{width:100%;flex-direction:column}.ceo-employees-search{max-width:100%}.ceo-employees-filter-buttons{width:100%}.ceo-employees-table-wrapper{overflow-x:scroll}.ceo-employees-table{min-width:800px}}.ceo-employee-details{animation:fadeInUp .5s ease}.ceo-employee-profile-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden;margin-bottom:24px}.ceo-employee-profile-header{display:flex;align-items:center;justify-content:space-between;padding:32px 28px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);flex-wrap:wrap;gap:20px}.ceo-employee-profile-info{display:flex;align-items:center;gap:24px}.ceo-employee-profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border:2px solid rgba(11,11,13,.2);display:flex;align-items:center;justify-content:center;color:#0b0b0dcc;font-weight:700;font-size:2rem;font-family:var(--font-heading);flex-shrink:0}.ceo-employee-profile-details{display:flex;flex-direction:column;gap:8px}.ceo-employee-profile-name{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:.5px}.ceo-employee-profile-email{font-size:1rem;color:var(--text-secondary);margin:0}.ceo-employee-profile-badges{display:flex;gap:8px;flex-wrap:wrap}.ceo-employee-quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:28px}.ceo-employee-quick-info-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);transition:all .3s ease}.ceo-employee-quick-info-item:hover{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d26;transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d14}.ceo-employee-quick-info-icon{display:flex;align-items:center;justify-content:center;background:none!important;color:#0b0b0d99;flex-shrink:0;width:auto;height:auto}.ceo-employee-quick-info-label{font-size:.8rem;font-weight:600;color:#0b0b0d8c;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.ceo-employee-quick-info-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.2}@media(max-width:768px){.ceo-employee-profile-header,.ceo-employee-profile-info{flex-direction:column;align-items:flex-start}.ceo-employee-profile-avatar{width:60px;height:60px;font-size:1.5rem}.ceo-employee-profile-name{font-size:1.5rem}.ceo-employee-quick-info{grid-template-columns:1fr}.ceo-employee-profile-header button{width:100%}}.ceo-create-employee{max-width:800px;margin:0 auto;animation:fadeInUp .5s ease}.ceo-create-employee-header{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.ceo-create-employee-header-info{display:flex;flex-direction:column;gap:8px}.ceo-create-employee-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-create-employee-subtitle{font-size:1rem;color:var(--text-secondary)}.ceo-create-employee-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid;margin-bottom:24px;font-weight:600}.ceo-create-employee-alert.success{background:linear-gradient(135deg,#00c85314,#00c8531f);border-color:#00c8534d;color:#00c853e6}.ceo-create-employee-alert.error{background:linear-gradient(135deg,#ef444414,#ef44441f);border-color:#ef44444d;color:#ef4444e6}.ceo-create-employee-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden}.ceo-create-employee-card-header{display:flex;align-items:center;gap:10px;padding:24px 28px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.ceo-create-employee-card-body{padding:32px 28px}.ceo-create-employee-form{display:flex;flex-direction:column;gap:24px}.ceo-create-employee-form-group{display:flex;flex-direction:column;gap:8px}.ceo-create-employee-label{font-size:.9rem;font-weight:600;color:#0b0b0db3;letter-spacing:.3px}.ceo-create-employee-label .required{color:#ef4444cc}.ceo-create-employee-input-wrapper{position:relative}.ceo-create-employee-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0b0b0d66;pointer-events:none}.ceo-create-employee-input,.ceo-create-employee-input select{width:100%;padding:12px 14px 12px 44px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);font-size:.95rem;transition:all .3s ease;background:#fffc;color:var(--text-primary)}.ceo-create-employee-input:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d;background:#fff}.ceo-create-employee-input.error{border-color:#ef444480}.ceo-create-employee-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.ceo-create-employee-error{font-size:.8rem;color:#ef4444e6;font-weight:500}.ceo-create-employee-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:24px;border-top:1px solid rgba(11,11,13,.08)}@media(max-width:768px){.ceo-create-employee{padding:0}.ceo-create-employee-title{font-size:2rem}.ceo-create-employee-card-body{padding:24px 20px}.ceo-create-employee-actions{flex-direction:column-reverse}.ceo-create-employee-actions button{width:100%}}.ceo-teams-page{padding:2rem;animation:fadeInUp .5s ease}.ceo-teams-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.ceo-teams-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-teams-title-section p{font-size:1rem;color:#6b7280}.ceo-teams-actions{display:flex;gap:1rem;flex-wrap:wrap}.ceo-teams-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid}.ceo-teams-alert.error{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#0b0b0de6}.ceo-teams-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.ceo-teams-stat-card{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.ceo-teams-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.ceo-teams-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.ceo-teams-stat-icon.blue,.ceo-teams-stat-icon.green,.ceo-teams-stat-icon.purple,.ceo-teams-stat-icon.orange{color:var(--accent)}.ceo-teams-stat-content{display:flex;flex-direction:column;gap:.25rem}.ceo-teams-stat-content .label{font-size:.875rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.ceo-teams-stat-content .value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.ceo-teams-filters{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #0b0b0d0f}.ceo-teams-filters-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.ceo-teams-search{position:relative}.ceo-teams-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#0b0b0d66;pointer-events:none;width:18px;height:18px}.ceo-teams-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.ceo-teams-search-input:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.ceo-teams-filter-group{display:flex;align-items:center;gap:.5rem}.ceo-teams-filter-select{flex:1;padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.875rem;font-weight:600;transition:all .3s ease;cursor:pointer}.ceo-teams-filter-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.ceo-teams-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.ceo-teams-clear-filters{background:none;border:none;color:#0b0b0db3;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.ceo-teams-clear-filters:hover{color:#0b0b0de6}.ceo-teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}.ceo-team-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.ceo-team-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.ceo-team-card.inactive{opacity:.7}.ceo-team-card.inactive:hover{opacity:.85}.ceo-team-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(11,11,13,.05)}.ceo-team-header-content{flex:1;min-width:0}.ceo-team-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4;word-break:break-word}.ceo-team-status{display:flex;gap:.5rem}.ceo-team-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:10px;font-size:.75rem;font-weight:600}.ceo-team-status-badge.active{background:linear-gradient(135deg,#10b9811a,#10b98126);border:1px solid rgba(16,185,129,.3);color:#10b981e6}.ceo-team-status-badge.inactive{background:linear-gradient(135deg,#dc26261a,#dc262626);border:1px solid rgba(220,38,38,.3);color:#dc2626e6}.ceo-team-actions{display:flex;gap:.5rem;flex-shrink:0}.ceo-team-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:8px;color:#0b0b0d99;cursor:pointer;transition:all .2s ease}.ceo-team-action-btn:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);color:#0b0b0de6}.ceo-team-action-btn.delete:hover{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.ceo-team-card-body{flex:1;padding:1rem 1.5rem}.ceo-team-description{font-size:.95rem;line-height:1.6;color:#0b0b0db3;margin:0 0 1.25rem;word-wrap:break-word}.ceo-team-lead-section{padding:1rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);margin-bottom:1rem}.ceo-team-lead-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.ceo-team-lead-info{display:flex;align-items:center;gap:.75rem}.ceo-team-lead-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#8b5cf626,#8b5cf633);border:2px solid rgba(139,92,246,.3);border-radius:50%;font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:#8b5cf6e6;flex-shrink:0}.ceo-team-lead-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.ceo-team-no-lead{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffb300cc;font-style:italic}.ceo-team-card-footer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(11,11,13,.05)}.ceo-team-member-count{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0b0b0db3}.ceo-team-member-count svg{color:#0b0b0d80}.ceo-team-member-count strong{font-weight:700;color:var(--text-primary)}.ceo-team-footer-actions{display:flex;gap:.5rem}.ceo-team-footer-actions .btn{flex:1}.ceo-teams-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.ceo-teams-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1.5rem}.ceo-teams-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.ceo-teams-empty-state p{color:#0b0b0d99;font-size:.95rem;margin-bottom:1.5rem;max-width:500px}.ba-member-select-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:4px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);background:#0b0b0d05}.ba-member-select-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.ba-member-select-item:hover{background:#0b0b0d08;border-color:#0b0b0d33}.ba-member-select-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.ba-member-select-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ba-member-select-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.ba-member-select-email{font-size:.85rem;color:#0b0b0d99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-member-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.ba-member-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0b0b0d05;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);transition:all .2s ease}.ba-member-list-item:hover{background:#0b0b0d0a;border-color:#0b0b0d26}.ba-member-list-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border:1px solid rgba(11,11,13,.2);border-radius:50%;color:#0b0b0d99;flex-shrink:0}.ba-member-list-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ba-member-list-name{font-size:.95rem;font-weight:600;color:var(--text-primary)}.ba-member-list-email{font-size:.85rem;color:#0b0b0d99;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-search-input{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);transition:all .3s ease}.ba-search-input:focus-within{border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.ba-search-input svg{color:#0b0b0d66;flex-shrink:0}.ba-search-input input{border:none;background:transparent;outline:none;font-size:.95rem;color:var(--text-primary);flex:1;min-width:0}.ba-search-input input::placeholder{color:#0b0b0d66}.ba-modal-container-lg{max-width:700px}@media(max-width:1200px){.ceo-teams-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media(max-width:768px){.ceo-teams-page{padding:1.5rem}.ceo-teams-title-section h1{font-size:2rem}.ceo-teams-header{flex-direction:column;align-items:flex-start}.ceo-teams-stats-grid{grid-template-columns:repeat(2,1fr)}.ceo-teams-filters-grid,.ceo-teams-grid{grid-template-columns:1fr}.ceo-team-footer-actions{flex-direction:column}}@media(max-width:480px){.ceo-teams-stats-grid{grid-template-columns:1fr}.ceo-teams-stat-content .value{font-size:1.5rem}.ceo-team-title{font-size:1.1rem}}.perf-points-container{background:var(--card-bg, #fff);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;transition:transform .2s ease}.perf-points-content{background:transparent;padding:0;position:relative}.perf-points-container:hover{transform:translateY(-2px)}.perf-points-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.perf-points-total-box{display:flex;flex-direction:column}.perf-points-total-label{font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}.perf-points-total-value{font-size:2.5rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:10px;line-height:1}.perf-points-pts{font-size:1rem;color:#94a3b8;font-weight:500}.perf-points-trend-icon{color:#10b981}.perf-points-month-tag{background:#f1f5f9;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#475569}.perf-points-divider{height:1px;background:linear-gradient(to right,#f1f5f9,#e2e8f0,#f1f5f9);margin-bottom:20px}.perf-points-section-title{font-size:.95rem;font-weight:700;color:#334115;margin-bottom:16px}.perf-points-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.perf-points-rule-card{padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px;transition:all .2s ease;border:1px solid #f1f5f9}.perf-points-rule-card.active{background:#f8fafc;border-color:#e2e8f0}.perf-points-rule-card.inactive{opacity:.6;background:#fafafa}.perf-points-rule-icon{display:flex;align-items:center;justify-content:center;background:none!important;box-shadow:none!important;color:var(--accent);width:auto;height:auto}.perf-points-rule-info{display:flex;flex-direction:column}.perf-points-rule-name{font-size:.75rem;color:#64748b;font-weight:500}.perf-points-rule-points{font-size:1.1rem;font-weight:700;color:#1e293b}.perf-points-rule-points small{font-size:.7rem;color:#94a3b8;text-transform:uppercase}.perf-points-footer{margin-top:24px;display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.75rem}.perf-points-loading,.perf-points-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px;color:#64748b}.performance-container{padding:2rem;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out}.performance-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;gap:2rem}.performance-page-title{font-size:2.25rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin-bottom:.5rem}.performance-page-subtitle{color:#64748b;font-size:1.1rem}.performance-header-actions{display:flex;gap:1rem}.performance-month-select{padding:.75rem 1.25rem;border-radius:12px;border:1px solid #e2e8f0;background-color:#fff;color:#1e293b;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .2s}.performance-month-select:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.btn-modern{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:700;transition:all .2s;cursor:pointer;border:none}.btn-modern.secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-modern.secondary:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.performance-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.perf-stat-card{background:#fff;padding:1.5rem;border-radius:20px;border:1px solid #f1f5f9;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s}.perf-stat-card:hover{transform:translateY(-2px)}.perf-stat-icon-box{display:flex;align-items:center;justify-content:center;background:none!important;width:auto;height:auto;color:var(--accent)!important}.perf-stat-icon-box.blue,.perf-stat-icon-box.green,.perf-stat-icon-box.purple{color:var(--accent)!important}.perf-stat-data{display:flex;flex-direction:column}.perf-stat-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.perf-stat-value{font-size:1.75rem;font-weight:800;color:#0f172a}.performance-filters-bar{background:#fff;padding:1rem;border-radius:16px;border:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.search-box{display:flex;align-items:center;gap:.75rem;background:#f8fafc;padding:0 1rem;border-radius:12px;flex:1;max-width:400px}.search-box input{background:transparent;border:none;padding:.75rem 0;width:100%;font-weight:500;color:#1e293b}.search-box input:focus{outline:none}.filter-group{display:flex;gap:.75rem}.filter-group select{padding:.5rem 1rem;border-radius:10px;border:1px solid #e2e8f0;font-weight:600;color:#475569;cursor:pointer}.leaderboard-wrapper{background:#fff;border-radius:24px;border:1px solid #f1f5f9;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left}.leaderboard-table th{padding:1.25rem 1.5rem;background:#f8fafc;color:#64748b;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9}.leaderboard-row{transition:background .2s;border-bottom:1px solid #f1f5f9}.leaderboard-row:hover{background:#fbfcfe}.leaderboard-table td{padding:1.5rem;vertical-align:middle}.rank-cell{width:80px;text-align:center}.employee-cell{min-width:250px}.employee-info{display:flex;align-items:center;gap:1rem}.avatar-placeholder{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.name-details{display:flex;flex-direction:column}.emp-name{font-weight:700;color:#1e293b;font-size:1rem}.emp-percentile{font-size:.75rem;color:#94a3b8;font-weight:600}.tier-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.8rem;font-weight:700}.tier-badge.elite{background:#ecfdf5;color:#059669}.tier-badge.standard{background:#eff6ff;color:#2563eb}.tier-badge.support{background:#fefce8;color:#ca8a04}.tier-badge.below_average{background:#fff7ed;color:#ea580c}.tier-badge.unranked{background:#f8fafc;color:#64748b}.points-pills{display:flex;flex-wrap:wrap;gap:.5rem}.point-pill{font-size:.7rem;padding:.25rem .6rem;background:#f1f5f9;color:#475569;border-radius:6px;text-transform:capitalize}.point-pill strong{color:#1e293b}.total-points-display{display:flex;flex-direction:column;align-items:flex-end}.points-num{font-size:1.25rem;font-weight:800;color:#0f172a}.points-label{font-size:.65rem;font-weight:700;color:#94a3b8;letter-spacing:.1em}.action-cell{width:60px}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid #f1f5f9;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#f8fafc;color:#1e293b;border-color:#e2e8f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:animate-spin 1s linear infinite}.text-right{text-align:right}.empty-state{display:flex;flex-direction:column;align-items:center;padding:4rem;color:#94a3b8;gap:1rem}.attendance-page{padding:2rem;animation:fadeInUp .5s ease}.attendance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.attendance-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem}.attendance-title-section p{font-size:1rem;color:#6b7280}.attendance-actions{display:flex;gap:1rem;flex-wrap:wrap}.attendance-date-picker{padding:.75rem 1rem;border:1px solid rgba(11,11,13,.2);border-radius:8px;background:#fff;font-size:.95rem;cursor:pointer;transition:all .2s ease;min-width:160px}.attendance-date-picker:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.attendance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.attendance-stat-card{background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0b0b0d0d;position:relative;overflow:hidden}.attendance-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b0b0d1f}.attendance-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent)}.attendance-stat-card.active:before,.attendance-stat-card.checked-in:before,.attendance-stat-card.checked-out:before{background:var(--accent)}.attendance-stat-content{display:flex;align-items:flex-start;justify-content:space-between}.attendance-stat-info h3{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.attendance-stat-info .stat-value{font-size:2.5rem;font-weight:700;color:#0b0b0d;line-height:1;margin-bottom:.5rem}.attendance-stat-icon{display:flex;align-items:center;justify-content:center;background:none!important;color:var(--accent)!important;width:auto;height:auto}.attendance-stat-icon.green,.attendance-stat-icon.gray{background:none!important;color:var(--accent)!important}.attendance-stat-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#6b7280}.attendance-filters{background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #0b0b0d0d}.attendance-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.attendance-filter-group{display:flex;flex-direction:column;gap:.5rem}.attendance-filter-label{font-size:.875rem;font-weight:600;color:#374151}.attendance-filter-select{padding:.75rem 1rem;border:1px solid rgba(11,11,13,.2);border-radius:8px;background:#fff;font-size:.95rem;cursor:pointer;transition:all .2s ease}.attendance-filter-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.attendance-table-container{background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0b0b0d0d}.attendance-table-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.1);background:linear-gradient(135deg,#f8f8f8cc,#f0f0f099)}.attendance-table-title{font-size:1.125rem;font-weight:700;color:#0b0b0d;margin:0}.attendance-table thead{background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.attendance-table th{padding:1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(11,11,13,.1)}.attendance-table tbody tr{border-bottom:1px solid rgba(11,11,13,.05);transition:background-color .2s ease}.attendance-table tbody tr:hover{background:#3b82f608}.attendance-table td{padding:1rem 1.5rem;font-size:.95rem;color:#374151}.attendance-employee-cell{display:flex;align-items:center;gap:.75rem}.attendance-employee-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem;flex-shrink:0}.attendance-employee-info{display:flex;flex-direction:column;gap:.25rem}.attendance-employee-name{font-weight:600;color:#0b0b0d}.attendance-employee-email{font-size:.875rem;color:#6b7280}.attendance-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:12px;font-size:.875rem;font-weight:700;border:1px solid}.attendance-status-badge.active{background:#10b9811a;border-color:#10b9814d;color:#059669}.attendance-status-badge.completed{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}.attendance-status-badge.absent{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.attendance-status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.attendance-status-dot.active{background:#10b981}.attendance-status-dot.completed{background:#3b82f6}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.attendance-time{font-family:Courier New,monospace;font-weight:600;color:#0b0b0d}.attendance-time.highlight{color:#10b981}.attendance-empty-state{padding:4rem 2rem;text-align:center}.attendance-empty-icon{width:64px;height:64px;color:#d1d5db;margin:0 auto 1.5rem}.attendance-empty-title{font-size:1.25rem;font-weight:600;color:#0b0b0d;margin-bottom:.5rem}.attendance-empty-text{color:#6b7280;font-size:.95rem}.attendance-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid}.attendance-alert.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef44444d;color:#991b1b}@media(max-width:1024px){.attendance-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.attendance-page{padding:1.5rem}.attendance-header{flex-direction:column;align-items:flex-start}.attendance-title-section h1{font-size:2rem}.attendance-stats-grid{grid-template-columns:1fr}.attendance-table th,.attendance-table td{padding:.75rem 1rem;font-size:.875rem}.attendance-employee-cell{flex-direction:column;align-items:flex-start}.attendance-table-wrapper{-webkit-overflow-scrolling:touch}}.leave-page{padding:2rem;animation:fadeInUp .5s ease}.leave-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.leave-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leave-title-section p{font-size:1rem;color:#6b7280}.leave-actions{display:flex;align-items:center;gap:1rem}.leave-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:var(--radius-md);font-weight:600}.leave-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.leave-alert.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.leave-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.leave-stat-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.leave-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.leave-stat-content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem}.leave-stat-info{flex:1}.leave-stat-info h3{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:#0b0b0d;line-height:1;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leave-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto}.leave-stat-icon.orange,.leave-stat-icon.blue,.leave-stat-icon.green,.leave-stat-icon.red{color:var(--accent)}.leave-stat-footer{padding:.875rem 1.5rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;font-weight:600;color:#0b0b0db3}.leave-filters{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:1.5rem;margin-bottom:2rem}.leave-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.leave-filter-group{display:flex;flex-direction:column;gap:.5rem}.leave-filter-label{font-size:.875rem;font-weight:600;color:#0b0b0db3;letter-spacing:.3px}.leave-filter-select{padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fff;font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.leave-filter-select:hover{border-color:#0b0b0d4d}.leave-filter-select:focus{outline:none;border-color:#0066cc80;box-shadow:0 0 0 3px #0066cc1a}.leave-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.leave-clear-filters{padding:.5rem 1rem;background:transparent;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-sm);color:#0b0b0db3;font-weight:600;cursor:pointer;transition:all .2s ease}.leave-clear-filters:hover{background:#0b0b0d0d;border-color:#0b0b0d40}.leave-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.leave-empty-icon{width:80px;height:80px;color:#0b0b0d33;margin-bottom:1.5rem}.leave-empty-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.leave-empty-text{font-size:1rem;color:#0b0b0d99;margin:0}.leave-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.leave-request-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.leave-request-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.leave-request-card.recommended{border-color:#f59e0b4d}.leave-request-card.approved{border-color:#10b9814d}.leave-request-card.rejected{border-color:#ef44444d}.leave-card-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.leave-card-header.recommended{background:linear-gradient(135deg,#fef3c74d,#fde68a33)}.leave-card-header.approved{background:linear-gradient(135deg,#d1fae54d,#a7f3d033)}.leave-card-header.rejected{background:linear-gradient(135deg,#fee2e24d,#fecaca33)}.leave-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.leave-card-employee{display:flex;align-items:center;gap:1rem;flex:1}.leave-card-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0066cc26,#0066cc40);color:#0066cce6;font-weight:700;font-size:1rem;flex-shrink:0;border:2px solid white;box-shadow:0 2px 8px #0b0b0d1a}.leave-card-employee-info h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.leave-card-employee-info p{font-size:.875rem;color:#0b0b0d99;margin:0}.leave-status-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:700;white-space:nowrap;flex-shrink:0}.leave-status-badge.recommended{background:linear-gradient(135deg,#f59e0b26,#f59e0b33);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.leave-status-badge.approved{background:linear-gradient(135deg,#10b98126,#10b98133);color:#10b981;border:1px solid rgba(16,185,129,.3)}.leave-status-badge.rejected{background:linear-gradient(135deg,#ef444426,#ef444433);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.leave-status-badge.pending_team_lead{background:linear-gradient(135deg,#6b728026,#6b728033);color:#6b7280;border:1px solid rgba(107,114,128,.3)}.leave-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6;border-radius:12px;font-size:.875rem;font-weight:700;border:1px solid rgba(59,130,246,.2)}.leave-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.leave-card-dates{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.leave-card-date-group h4{font-size:.75rem;font-weight:600;color:#0b0b0d99;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.leave-card-date-group p{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.leave-card-duration{display:flex;align-items:baseline;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#3b82f614,#3b82f61f);border-radius:var(--radius-md);justify-content:center}.leave-card-duration-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:#3b82f6;margin:0;line-height:1}.leave-card-duration-label{font-size:1.125rem;font-weight:600;color:#3b82f6cc;margin:0}.leave-card-reason{padding:1rem;background:#0b0b0d05;border-left:3px solid rgba(11,11,13,.15);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.leave-card-reason h4{font-size:.75rem;font-weight:700;color:#0b0b0d99;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.leave-card-reason p{font-size:.95rem;color:#0b0b0dcc;margin:0;line-height:1.6}.leave-card-recommendation{padding:1rem;border-radius:var(--radius-md);border-left:4px solid}.leave-card-recommendation.approve{background:linear-gradient(135deg,#10b98114,#10b9810d);border-color:#10b981}.leave-card-recommendation.reject{background:linear-gradient(135deg,#ef444414,#ef44440d);border-color:#ef4444}.leave-card-recommendation h4{font-size:.875rem;font-weight:700;margin:0 0 .5rem}.leave-card-recommendation.approve h4{color:#059669}.leave-card-recommendation.reject h4{color:#dc2626}.leave-card-recommendation p{font-size:.875rem;color:#0b0b0db3;margin:0;font-style:italic}.leave-card-footer{padding:1.5rem;border-top:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f84d,#f0f0f033);display:flex;justify-content:flex-end}@media(max-width:1200px){.leave-stats-grid{grid-template-columns:repeat(3,1fr)}.leave-cards-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.leave-page{padding:1.5rem}.leave-title-section h1{font-size:2rem}.leave-header{flex-direction:column;align-items:flex-start}.leave-actions{width:100%}.leave-actions .btn{flex:1}.leave-stats-grid,.leave-filters-grid,.leave-cards-grid,.leave-card-dates{grid-template-columns:1fr}.stat-value{font-size:2rem}}@media(max-width:480px){.leave-page{padding:1rem}.leave-title-section h1{font-size:1.75rem}.leave-card-top{flex-direction:column}.leave-card-employee{width:100%}.leave-status-badge{align-self:flex-start}}.leave-policy-page{padding:2rem;animation:fadeInUp .5s ease}.leave-policy-tabs{display:flex;gap:.5rem;border-bottom:2px solid rgba(11,11,13,.1);margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.leave-policy-tabs::-webkit-scrollbar{display:none}.leave-policy-tab{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;color:#0b0b0d99;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.leave-policy-tab:hover{color:#0b0b0dcc;background:#0b0b0d05}.leave-policy-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.leave-policy-holidays{margin-bottom:2rem}.leave-policy-holidays-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1.5rem}.leave-policy-holidays-actions{display:flex;gap:.75rem;flex-wrap:wrap}.leave-policy-holidays-grid{display:grid;gap:1rem}.leave-policy-holiday-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:12px;box-shadow:0 2px 8px #0b0b0d0a;padding:1.25rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.leave-policy-holiday-card:hover{transform:translate(4px);box-shadow:0 4px 16px #0b0b0d14}.leave-policy-holiday-card.mandatory{border-left:4px solid #10b981}.leave-policy-holiday-card.optional{border-left:4px solid #f59e0b}.leave-policy-holiday-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:70px;padding:.75rem;border-radius:8px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14)}.leave-policy-holiday-day{font-size:1.75rem;font-weight:700;color:#0b0b0d;line-height:1;margin-bottom:.25rem}.leave-policy-holiday-month{font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.leave-policy-holiday-info{flex:1}.leave-policy-holiday-name{font-size:1rem;font-weight:700;color:#0b0b0d;margin:0 0 .25rem}.leave-policy-holiday-day-name{font-size:.875rem;color:#0b0b0d99;margin:0}.leave-policy-holiday-badge{padding:.375rem .875rem;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.leave-policy-holiday-badge.mandatory{background:linear-gradient(135deg,#10b98126,#10b98133);color:#10b981;border:1px solid rgba(16,185,129,.3)}.leave-policy-holiday-badge.optional{background:linear-gradient(135deg,#f59e0b26,#f59e0b33);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.leave-policy-holiday-actions{display:flex;gap:.5rem;flex-shrink:0}.leave-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.leave-policy-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.leave-policy-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.leave-policy-card-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}.leave-policy-card-title{display:flex;align-items:center;gap:.75rem;flex:1}.leave-policy-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;color:var(--accent)!important;width:auto;height:auto}.leave-policy-card-title h3{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-weight:700;color:#0b0b0d;margin:0}.leave-policy-card-body{padding:1.5rem}.leave-policy-detail{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(11,11,13,.06)}.leave-policy-detail:first-child{padding-top:0}.leave-policy-detail:last-child{border-bottom:none;padding-bottom:0}.leave-policy-detail-icon{display:flex;align-items:center;justify-content:center;color:var(--accent)!important;background:none!important;flex-shrink:0}.leave-policy-detail-content{flex:1}.leave-policy-detail-label{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin:0 0 .25rem}.leave-policy-detail-value{font-size:1rem;font-weight:700;color:#0b0b0d;margin:0}.leave-policy-detail-value.highlight{font-size:1.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leave-policy-description{font-size:.875rem;color:#0b0b0db3;line-height:1.6;margin:0}.leave-policy-card-footer{padding:1rem 1.5rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);display:flex;justify-content:flex-end}.leave-policy-section{margin-bottom:2rem}.leave-policy-section:last-child{margin-bottom:0}.leave-policy-section-title{font-size:1rem;font-weight:600;color:#0b0b0d;margin:0 0 1rem}.leave-policy-weekend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.leave-policy-weekend-day{display:flex;align-items:center;justify-content:center;padding:.875rem 1rem;border-radius:8px;border:2px solid rgba(11,11,13,.15);background:#fff;cursor:pointer;font-weight:500;font-size:.875rem;text-align:center;transition:all .2s ease}.leave-policy-weekend-day:hover{border-color:#3b82f64d;background:#3b82f60d}.leave-policy-weekend-day.active{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6}.leave-policy-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.leave-policy-checkbox{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#0b0b0d05;border:1px solid rgba(11,11,13,.08);border-radius:8px;cursor:pointer;transition:all .2s ease}.leave-policy-checkbox:hover{background:#0b0b0d0a;border-color:#0b0b0d26}.leave-policy-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0;accent-color:#3b82f6}.leave-policy-checkbox span{font-size:.938rem;font-weight:500;color:#0b0b0d;flex:1}.leave-policy-rules-grid{display:grid;gap:1.5rem}.leave-policy-balances-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;padding:1.5rem}.leave-policy-balance-card{background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.leave-policy-balance-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b0b0d1f}.leave-policy-balance-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.leave-policy-balance-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.leave-policy-balance-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(11,11,13,.06)}.leave-policy-balance-item:last-child{border-bottom:none;padding-bottom:0}.leave-policy-filter-group{display:flex;flex-direction:column;gap:.5rem;max-width:250px}.leave-policy-save-section{display:flex;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(11,11,13,.1)}@media(max-width:1200px){.leave-policy-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.leave-policy-page{padding:1.5rem}.leave-policy-weekend-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.leave-policy-balances-grid{grid-template-columns:1fr;padding:1rem}.leave-policy-holidays-header{flex-direction:column;align-items:stretch}.leave-policy-holidays-actions{width:100%;flex-direction:column}.leave-policy-holidays-actions .btn{width:100%;justify-content:center}.leave-policy-filter-group{max-width:100%}.leave-policy-grid{grid-template-columns:1fr}}@media(max-width:480px){.leave-policy-page{padding:1rem}.leave-policy-weekend-grid{grid-template-columns:1fr 1fr}.leave-policy-holiday-card{flex-direction:column;align-items:flex-start;padding:1rem}.leave-policy-holiday-date{align-self:center}.leave-policy-holiday-actions{width:100%;justify-content:flex-end}}.calendar-container{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.calendar-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#111827}.calendar-controls{display:flex;gap:.5rem}.calendar-btn{padding:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.calendar-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.calendar-btn.today{padding:.5rem 1rem;font-size:.875rem;font-weight:500}.calendar-grid-container{padding:0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.calendar-weekday{padding:1rem;text-align:center;font-size:.875rem;font-weight:600;color:#374151}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:#e5e7eb}.calendar-day-cell{background:#fff;min-height:120px;padding:.5rem;position:relative;transition:background-color .2s ease}.calendar-day-cell:hover,.calendar-day-cell.empty{background-color:#f9fafb}.calendar-day-cell.today{border:2px solid #3b82f6;z-index:1}.calendar-day-number{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.calendar-day-cell.today .calendar-day-number{font-weight:700;color:#3b82f6}.calendar-events{display:flex;flex-direction:column;gap:.25rem}.calendar-event{font-size:.7rem;padding:.25rem .375rem;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:opacity .2s ease}.calendar-event:hover{opacity:.8}.calendar-event.leave{border-left:3px solid}.calendar-event.holiday{font-weight:600;border-left:3px solid}.calendar-event-more{font-size:.7rem;color:#6b7280;padding:.25rem .375rem;font-weight:500}.calendar-day-badge{position:absolute;top:.5rem;right:.5rem;background-color:#3b82f6;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;z-index:2}.calendar-list-view{padding:1.5rem}.calendar-list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:.75rem;transition:all .2s ease}.calendar-list-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.calendar-list-indicator{width:4px;height:40px;border-radius:2px;margin-right:1rem}.calendar-list-content{flex:1}.calendar-list-name{font-weight:600;margin-bottom:.25rem;color:#111827}.calendar-list-email{color:#6b7280;font-size:.875rem;margin-left:.5rem}.calendar-list-date{color:#6b7280;font-size:.875rem}.calendar-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:1.5rem}.calendar-legend-item{display:flex;align-items:center;gap:.5rem}.calendar-legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.calendar-legend-label{font-size:.875rem;color:#374151}.calendar-filters{margin-bottom:1.5rem}.calendar-filter-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;display:block;color:#374151}.calendar-filter-select{max-width:400px}@media(max-width:1024px){.calendar-day-cell{min-height:100px}.calendar-event{font-size:.65rem}}@media(max-width:768px){.calendar-header{flex-direction:column;gap:1rem;align-items:stretch}.calendar-controls{justify-content:center}.calendar-weekday{font-size:.75rem;padding:.75rem .5rem}.calendar-day-cell{min-height:80px;padding:.375rem}.calendar-day-number{font-size:.75rem}.calendar-event{font-size:.6rem;padding:.2rem .3rem}.calendar-day-badge{width:18px;height:18px;font-size:.65rem}}@media(max-width:480px){.calendar-weekday{font-size:.65rem;padding:.5rem .25rem}.calendar-day-cell{min-height:60px;padding:.25rem}.calendar-events{display:none}.calendar-day-badge{top:.25rem;right:.25rem}}.leave-calendar-page{padding:2rem;animation:fadeInUp .5s ease}.leave-calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.leave-calendar-loading-text{font-size:1rem;color:#0b0b0d99;font-weight:500}.leave-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.leave-calendar-title-section{flex:1}.leave-calendar-title{display:flex;align-items:center;gap:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leave-calendar-subtitle{font-size:1rem;color:#6b7280;margin:0}.leave-calendar-actions{display:flex;align-items:center;gap:1rem}.leave-calendar-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.leave-calendar-stat-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.leave-calendar-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.leave-calendar-stat-content{display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.75rem}.leave-calendar-stat-info{flex:1}.leave-calendar-stat-info h3{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.leave-calendar-stat-value{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2.75rem;font-weight:700;color:#0b0b0d;line-height:1;margin:0 0 .5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leave-calendar-stat-value.month{font-size:1.5rem}.leave-calendar-stat-label{font-size:.875rem;color:#0b0b0d99;margin:0;font-weight:500}.leave-calendar-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto;color:var(--accent)!important}.leave-calendar-stat-icon.blue,.leave-calendar-stat-icon.green,.leave-calendar-stat-icon.orange{background:none!important;color:var(--accent)!important}.leave-calendar-filters-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:12px;box-shadow:0 4px 16px #0b0b0d0f;margin-bottom:2rem;overflow:hidden}.leave-calendar-filters-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.leave-calendar-filters-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;color:#0b0b0d}.leave-calendar-filters-body{padding:1.5rem}.leave-calendar-filter-group{max-width:400px}.leave-calendar-filter-label{display:block;font-size:.875rem;font-weight:600;color:#0b0b0db3;margin-bottom:.5rem;letter-spacing:.3px}.leave-calendar-filter-select{width:100%;padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:8px;background:#fff;font-size:.95rem;font-weight:500;color:#0b0b0d;cursor:pointer;transition:all .2s ease}.leave-calendar-filter-select:hover{border-color:#0b0b0d4d}.leave-calendar-filter-select:focus{outline:none;border-color:#0066cc80;box-shadow:0 0 0 3px #0066cc1a}.leave-calendar-filter-meta{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.leave-calendar-clear-filter{padding:.5rem 1rem;background:transparent;border:1px solid rgba(11,11,13,.15);border-radius:6px;color:#0b0b0db3;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.leave-calendar-clear-filter:hover{background:#0b0b0d0d;border-color:#0b0b0d40}.leave-calendar-list-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:12px;box-shadow:0 4px 16px #0b0b0d0f;margin-bottom:2rem;overflow:hidden}.leave-calendar-list-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);display:flex;align-items:center;justify-content:space-between}.leave-calendar-list-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;color:#0b0b0d}.leave-calendar-list-count{font-size:.875rem;font-weight:600;color:#0b0b0d99;padding:.375rem .875rem;background:#0b0b0d0f;border-radius:12px}.leave-calendar-list-body{padding:1.5rem}.leave-calendar-list-items{display:flex;flex-direction:column;gap:1rem}.leave-calendar-list-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1px solid rgba(11,11,13,.08);border-radius:8px;transition:all .3s ease}.leave-calendar-list-item:hover{transform:translate(4px);box-shadow:0 4px 12px #0b0b0d14;border-color:#0b0b0d26}.leave-calendar-list-indicator{width:4px;height:48px;border-radius:2px;flex-shrink:0}.leave-calendar-list-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.leave-calendar-list-info{flex:1}.leave-calendar-list-name{font-size:1rem;font-weight:700;color:#0b0b0d;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.leave-calendar-holiday-emoji{font-size:1.25rem}.leave-calendar-list-email{color:#0b0b0d80;font-size:.875rem;font-weight:500;margin-left:.5rem}.leave-calendar-list-date{font-size:.875rem;color:#0b0b0d99;margin:0;font-weight:500}.leave-calendar-list-badge{padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:700;white-space:nowrap;border:1px solid;flex-shrink:0}.leave-calendar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.leave-calendar-empty-icon{width:80px;height:80px;color:#0b0b0d33;margin-bottom:1.5rem}.leave-calendar-empty-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.75rem;font-weight:700;color:#0b0b0d;margin:0 0 .75rem}.leave-calendar-empty-text{font-size:1rem;color:#0b0b0d99;margin:0}.leave-calendar-legend-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:12px;box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden}.leave-calendar-legend-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.leave-calendar-legend-title{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:700;color:#0b0b0d}.leave-calendar-legend-body{padding:1.5rem}.leave-calendar-legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem}.leave-calendar-legend-item{display:flex;align-items:center;gap:.75rem}.leave-calendar-legend-color{width:20px;height:20px;border-radius:6px;flex-shrink:0;border:1px solid rgba(11,11,13,.1);box-shadow:0 2px 4px #0b0b0d0d}.leave-calendar-legend-label{font-size:.875rem;font-weight:500;color:#0b0b0dcc}@media(max-width:1200px){.leave-calendar-stats-grid{grid-template-columns:repeat(2,1fr)}.leave-calendar-legend-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:768px){.leave-calendar-page{padding:1.5rem}.leave-calendar-title{font-size:2rem}.leave-calendar-header{flex-direction:column;align-items:flex-start}.leave-calendar-actions{width:100%}.leave-calendar-actions .btn{flex:1}.leave-calendar-stats-grid{grid-template-columns:1fr}.leave-calendar-stat-value{font-size:2.25rem}.leave-calendar-list-item{flex-direction:column;align-items:flex-start}.leave-calendar-list-indicator{width:100%;height:4px}.leave-calendar-list-content{flex-direction:column;align-items:flex-start;width:100%}.leave-calendar-list-badge{align-self:flex-start}}@media(max-width:480px){.leave-calendar-page{padding:1rem}.leave-calendar-title{font-size:1.75rem}.leave-calendar-stat-value{font-size:2rem}.leave-calendar-legend-grid{grid-template-columns:1fr}}:root{--chat-sidebar-width: 380px;--chat-primary: #3b82f6;--chat-primary-hover: #2563eb;--chat-primary-light: rgba(59, 130, 246, .08);--chat-bg-main: #ffffff;--chat-bg-sidebar: #fcfdfe;--chat-bg-accent: #f1f5f9;--chat-border: rgba(0, 0, 0, .06);--chat-text-main: #0f172a;--chat-text-muted: #64748b;--chat-shadow: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--chat-radius: 18px}.messaging-container{display:flex;height:100vh!important;width:100%;background:var(--chat-bg-main);border-radius:0;overflow:hidden;box-shadow:none;margin:0!important;border:none!important}.messaging-sidebar{width:var(--chat-sidebar-width);border-right:1px solid var(--chat-border);display:flex;flex-direction:column;background:var(--chat-bg-sidebar)}.sidebar-header{padding:1.75rem;border-bottom:1px solid var(--chat-border)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-top h2{font-size:1.75rem;font-weight:800;color:var(--chat-text-main);margin:0;letter-spacing:-.02em}.btn-new-chat{width:44px;height:44px;border-radius:12px;background:var(--chat-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #3b82f640}.btn-new-chat:hover{transform:translateY(-2px) scale(1.05);background:var(--chat-primary-hover);box-shadow:0 6px 16px #3b82f659}.search-bar{position:relative;margin-bottom:1.25rem}.search-bar .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--chat-text-muted);width:18px;height:18px}.search-bar input{width:100%;padding:.8rem 1rem .8rem 2.75rem;border:1px solid var(--chat-border);border-radius:12px;background:#fff;font-size:.95rem;transition:all .2s;color:var(--chat-text-main)}.search-bar input:focus{outline:none;border-color:var(--chat-primary);box-shadow:0 0 0 4px var(--chat-primary-light)}.tabs{display:flex;gap:.25rem;padding:.35rem;background:var(--chat-bg-accent);border-radius:12px}.tabs button{flex:1;padding:.6rem;border:none;background:transparent;font-size:.9rem;font-weight:600;color:var(--chat-text-muted);border-radius:9px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.tabs button.active{background:#fff;color:var(--chat-primary);box-shadow:0 2px 8px #0000000d}.tabs .count{background:#ef4444;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:20px;font-weight:700}.sidebar-list{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column}.empty-sidebar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--chat-text-muted);opacity:.6;gap:1rem}.empty-sidebar svg{width:48px;height:48px;opacity:.5}.empty-sidebar p{font-weight:600;margin:0}.chat-item{display:flex;gap:1.1rem;padding:1.1rem 1rem;cursor:pointer;transition:all .2s ease;border-radius:14px;margin-bottom:.25rem}.chat-item:hover{background:#fff;box-shadow:0 4px 12px #00000008}.chat-item.active{background:#fff;box-shadow:0 4px 20px #3b82f614;border:1px solid var(--chat-primary-light)}.chat-item .avatar{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:var(--chat-text-main);flex-shrink:0;border:1px solid rgba(0,0,0,.04)}.chat-item.active .avatar{background:var(--chat-primary);color:#fff}.chat-item .info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.chat-item .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.35rem}.chat-item .name{font-weight:700;color:var(--chat-text-main);font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item .time{font-size:.8rem;color:var(--chat-text-muted);font-weight:500}.chat-item .bottom{display:flex;justify-content:space-between;align-items:center}.chat-item .preview{font-size:.9rem;color:var(--chat-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;flex:1}.chat-item.unread .preview{font-weight:600;color:var(--chat-text-main)}.chat-item .unread-badge{background:var(--chat-primary);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:20px;margin-left:.75rem}.messaging-main{flex:1;display:flex;flex-direction:column;background:#f8fafc;position:relative}.chat-header{padding:1.25rem 2rem;background:#fff;border-bottom:1px solid var(--chat-border);display:flex;justify-content:space-between;align-items:center;z-index:10;box-shadow:0 2px 4px #00000005}.chat-header .user-info{display:flex;align-items:center;gap:1.25rem}.chat-header .avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--chat-primary),#6366f1);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.chat-header h3{margin:0;font-size:1.25rem;font-weight:800;color:var(--chat-text-main);letter-spacing:-.01em}.chat-header .status{font-size:.85rem;color:#10b981;font-weight:600;display:flex;align-items:center;gap:.4rem}.chat-header .status:before{content:"";width:8px;height:8px;background:currentColor;border-radius:50%}.chat-header .status.offline{color:var(--chat-text-muted)}.chat-header .actions{display:flex;gap:.75rem}.chat-header .actions button{width:40px;height:40px;border-radius:10px;border:1px solid var(--chat-border);background:#fff;color:var(--chat-text-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-header .actions button:hover{background:var(--chat-bg-accent);color:var(--chat-text-main);border-color:var(--chat-primary-light)}.chat-messages{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.message-wrapper{display:flex;width:100%;gap:12px;align-items:flex-end;margin-bottom:8px;animation:messageSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.sent{flex-direction:row;justify-content:flex-end}.message-wrapper.received{flex-direction:row;justify-content:flex-start}.msg-avatar{width:36px;height:36px;border-radius:12px;background:#fff;color:var(--chat-primary);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;flex-shrink:0;border:1px solid var(--chat-border);box-shadow:0 4px 10px #0000000d}.sent-avatar{background:var(--chat-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #3b82f640}.message-bubble{max-width:70%;padding:1rem 1.25rem;border-radius:20px;position:relative;transition:all .2s ease;line-height:1.5}.message-wrapper.received .message-bubble{background:#fff;color:var(--chat-text-main);border-bottom-left-radius:4px;box-shadow:0 4px 15px #0000000a;border:1px solid rgba(0,0,0,.02)}.message-wrapper.sent .message-bubble{background:linear-gradient(135deg,var(--chat-primary) 0%,#4f46e5 100%);color:#fff;border-bottom-right-radius:4px;box-shadow:0 10px 25px #3b82f626}.sender-name{display:block;font-size:.85rem;font-weight:800;margin-bottom:.3rem;color:var(--chat-primary);opacity:1}.message-wrapper.sent .sender-name{color:#fff}.message-bubble .text{margin:0;font-size:1rem;line-height:1.5;font-weight:500}.message-bubble .footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.4rem;opacity:.7}.message-bubble .time{font-size:.7rem;font-weight:600;white-space:nowrap}.btn-reply-msg{background:transparent;border:none;color:inherit;font-size:.75rem;font-weight:800;cursor:pointer;margin-right:auto;opacity:.6}.btn-reply-msg:hover{opacity:1;text-decoration:underline}.chat-input-area{padding:1.5rem 2.5rem;background:#fff;border-top:1px solid var(--chat-border);margin-top:auto;box-shadow:0 -4px 20px #00000005}.chat-input{width:100%}.chat-input form{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.75rem;background:#f1f5f9;padding:.6rem .75rem;border-radius:24px;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative}.chat-input form:focus-within{background:#fff;border-color:var(--chat-primary);box-shadow:0 4px 20px #3b82f61a}.chat-input .action-btn{background:transparent;border:none;color:var(--chat-text-muted);cursor:pointer;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-input .action-btn:hover{background:#fff;color:var(--chat-primary);box-shadow:0 2px 6px #0000000d}.chat-input input{flex:1;background:transparent;border:none;padding:.8rem .5rem;font-size:1rem;color:var(--chat-text-main);font-weight:500;min-width:0}.chat-input input:focus{outline:none}.chat-input .send-btn{background:var(--chat-primary);background:linear-gradient(135deg,var(--chat-primary) 0%,#6366f1 100%);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;box-shadow:0 4px 10px #3b82f64d}.chat-input .send-btn:hover:not(:disabled){transform:scale(1.1) rotate(-10deg);box-shadow:0 6px 15px #3b82f666}.chat-input .send-btn:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-container{position:relative;display:flex;align-items:center}.emoji-picker{position:absolute;bottom:calc(100% + 20px);left:0;background:#fff;border:1px solid var(--chat-border);border-radius:16px;padding:.75rem;display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem;box-shadow:0 15px 35px #00000026;z-index:1000;width:320px;max-height:250px;overflow-y:auto;animation:popIn .2s cubic-bezier(.34,1.56,.64,1)}.emoji-picker button{background:transparent;border:none;font-size:1.25rem;padding:.25rem;cursor:pointer;border-radius:6px;transition:background .2s}.emoji-picker button:hover{background:var(--chat-bg-accent)}.emoji-picker:after{content:"";position:absolute;top:100%;left:15px;border:8px solid transparent;border-top-color:#fff}.options-container{position:relative}.options-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--chat-border);border-radius:12px;padding:.5rem;box-shadow:0 10px 25px #0000001a;z-index:100;width:220px;margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;animation:slideDown .2s ease}.options-menu button{width:100%;padding:.75rem 1rem;border:none!important;outline:none!important;background:transparent;display:flex!important;align-items:center!important;gap:.75rem;font-size:.95rem;font-weight:600;color:var(--chat-text-main);border-radius:8px;cursor:pointer;transition:all .2s;justify-content:flex-start!important;white-space:nowrap;text-align:left}.options-menu button:hover{background:var(--chat-bg-accent)}.options-menu button.danger{color:#ef4444}.options-menu button.danger:hover{background:#fef2f2}.options-menu button svg{width:18px;height:18px;color:inherit;opacity:.8}.info-modal{width:500px;background:#fff;border-radius:32px;box-shadow:0 40px 100px #0f172a40;overflow:hidden;animation:popIn .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8)}.info-hero{padding:3.5rem 2rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid var(--chat-border);position:relative}.info-avatar{width:110px;height:110px;border-radius:36px;background:linear-gradient(135deg,var(--chat-primary) 0%,#6366f1 100%);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1.75rem;box-shadow:0 20px 40px #3b82f64d;position:relative;transition:transform .3s ease}.info-avatar:hover{transform:scale(1.05) translateY(-5px)}.info-avatar svg{width:48px;height:48px}.info-hero h2{font-size:2rem;font-weight:900;margin:0 0 .5rem;color:var(--chat-text-main);letter-spacing:-.03em}.info-hero p{color:var(--chat-text-muted);margin:0 0 1.5rem;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.btn-edit-small{background:var(--chat-bg-accent);border:1px solid var(--chat-border);padding:.5rem 1.25rem;border-radius:20px;font-size:.85rem;font-weight:700;color:var(--chat-primary);cursor:pointer;transition:all .2s;display:inline-block;margin-top:.5rem}.info-list{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;border-radius:20px;transition:all .3s ease;background:#f8fafc;border:1px solid transparent}.info-item svg{color:var(--chat-primary);width:22px;height:22px;opacity:.8}.info-item span{display:block;font-weight:800;color:var(--chat-text-main);font-size:1.05rem;margin-bottom:.15rem}.info-item p{margin:0;font-size:.9rem;color:var(--chat-text-muted);font-weight:500}@keyframes popIn{0%{transform:scale(.5) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.info-item.clickable{cursor:pointer;background:#fff;border:1px solid var(--chat-border);box-shadow:0 4px 12px #00000008}.info-item.clickable:hover{background:var(--chat-primary-light);border-color:var(--chat-primary);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f61a}.members-view{height:100%;display:flex;flex-direction:column}.members-view .modal-header{padding:1.5rem;border-bottom:1px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between}.back-btn{width:44px;height:44px;border-radius:14px;border:none;background:#f1f5f9;color:var(--chat-text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.back-btn:hover{background:var(--chat-primary);color:#fff;transform:translate(-4px);box-shadow:0 4px 12px #3b82f633}.members-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.member-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:12px;transition:background .2s}.member-item:hover{background:#f8fafc}.member-avatar{width:40px;height:40px;border-radius:12px;background:var(--chat-primary-light);color:var(--chat-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.member-name{font-weight:700;color:var(--chat-text-main);font-size:.95rem}.admin-badge{margin-left:auto;background:var(--chat-primary-light);color:var(--chat-primary);font-size:.7rem;font-weight:800;padding:4px 12px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(59,130,246,.2)}.loading-state,.empty-state{padding:2rem;text-align:center;color:var(--chat-text-muted);font-weight:600}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.empty-main{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f1f5f9)}.empty-main .hero{text-align:center;max-width:480px;padding:3rem;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #00000008}.hero .icon-wrapper{width:120px;height:120px;background:#fff;border-radius:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 2.5rem;box-shadow:0 15px 35px #3b82f626;color:var(--chat-primary)}.hero h1{font-size:2.25rem;font-weight:900;color:var(--chat-text-main);margin-bottom:1.25rem;letter-spacing:-.03em}.hero p{color:var(--chat-text-muted);line-height:1.7;font-size:1.1rem;margin-bottom:2.5rem;font-weight:500}.btn-primary{padding:1rem 2.5rem;background:var(--chat-primary);color:#fff;border:none;border-radius:14px;font-size:1.1rem;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 8px 20px #3b82f64d;display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px #3b82f666;background:var(--chat-primary-hover)}.modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:580px;background:#fff;border-radius:28px;box-shadow:0 30px 60px #0003;overflow:hidden;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--chat-border);display:flex;justify-content:space-between;align-items:center;background:#fff}.close-modal-btn{width:44px;height:44px;border-radius:12px;border:none;background:#f8fafc;color:var(--chat-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.close-modal-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-header h3{margin:0;font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.modal-search{position:relative}.modal-search input{width:100%;padding:1rem 1.25rem 1rem 3rem;border:1px solid var(--chat-border);border-radius:16px;font-size:1rem;font-weight:500;transition:all .2s;background:var(--chat-bg-sidebar)}.modal-search input:focus{outline:none;border-color:var(--chat-primary);background:#fff;box-shadow:0 0 0 4px var(--chat-primary-light)}.modal-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--chat-text-muted)}.results-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;margin:0 -.5rem;padding:0 .5rem}.result-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:16px;cursor:pointer;transition:all .2s;border:1px solid transparent}.result-item:hover{background:var(--chat-bg-accent);transform:translate(4px)}.result-item.selected{background:var(--chat-primary-light);border-color:var(--chat-primary)}.result-avatar{width:44px;height:44px;border-radius:12px;background:var(--chat-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem}.result-info{flex:1}.result-name{display:block;font-weight:700;color:var(--chat-text-main);font-size:1rem}.result-sub{font-size:.8rem;color:var(--chat-text-muted);font-weight:500}.modal-footer{padding:1.5rem 2rem;background:#f8fafc;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid var(--chat-border)}.btn-ghost{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--chat-text-muted);font-weight:700;cursor:pointer;border-radius:12px;transition:all .2s}.btn-ghost:hover{background:#0000000d;color:var(--chat-text-main)}.create-group-prompt{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;border:2px dashed var(--chat-border);border-radius:16px;color:var(--chat-primary);font-weight:800;cursor:pointer;transition:all .2s;background:transparent;width:100%}.create-group-prompt:hover{border-color:var(--chat-primary);background:var(--chat-primary-light)}.group-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:800;color:var(--chat-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group input{width:100%;padding:1rem 1.25rem;border:1px solid var(--chat-border);border-radius:16px;font-size:1rem;font-weight:600;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--chat-primary);box-shadow:0 0 0 4px var(--chat-primary-light)}.empty-chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;height:100%}.placeholder-content{text-align:center;max-width:300px;animation:slideDown .4s ease}.placeholder-icon{width:80px;height:80px;background:#fff;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--chat-primary);box-shadow:0 10px 25px #3b82f61a;border:1px solid var(--chat-border)}.placeholder-content h4{font-size:1.25rem;font-weight:800;color:var(--chat-text-main);margin-bottom:.5rem}.placeholder-content p{color:var(--chat-text-muted);font-size:.95rem;line-height:1.5}@media(max-width:1024px){.messaging-container{margin:0;height:100vh}}@media(max-width:768px){.messaging-sidebar{width:80px}.sidebar-header h2,.sidebar-header .search-bar,.tab-label,.chat-item .info{display:none}.sidebar-header{padding:1.5rem .5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;background:var(--chat-bg-sidebar);border-bottom:1px solid var(--chat-border)}.sidebar-header h2{display:block!important;font-size:.9rem!important;text-transform:uppercase;letter-spacing:.1em;opacity:.5}.header-top{margin:0;flex-direction:column;gap:.75rem;justify-content:center}.tabs{flex-direction:column;background:transparent;gap:.5rem}.tabs button{padding:.75rem;border-radius:12px}.chat-item{justify-content:center;padding:.75rem 0;gap:0}.chat-item .avatar{width:48px;height:48px}}.btn-edit-small{background:var(--chat-bg-accent);border:1px solid var(--chat-border);padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;color:var(--chat-primary);cursor:pointer;transition:all .2s;margin-left:1rem}.btn-edit-small:hover{background:var(--chat-primary-light);border-color:var(--chat-primary)}.btn-remove{background:#fee2e2;color:#ef4444;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:auto}.btn-remove:hover{background:#fecaca;transform:scale(1.1)}.custom-emoji-picker{position:absolute;bottom:100%;right:0;width:320px;height:400px;background:#fff;border:1px solid var(--chat-border);border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;z-index:1000;margin-bottom:1rem;overflow:hidden;animation:pickerSlideUp .2s ease-out}@keyframes pickerSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.picker-header{padding:.8rem;border-bottom:1px solid var(--chat-border);display:flex;gap:.5rem;align-items:center}.search-wrapper{flex:1;background:var(--chat-bg-accent);border-radius:8px;display:flex;align-items:center;padding:0 .8rem}.search-wrapper input{border:none;background:transparent;padding:.5rem;font-size:.9rem;width:100%;outline:none}.category-tabs{display:flex;overflow-x:auto;padding:.5rem;background:var(--chat-bg-accent);border-bottom:1px solid var(--chat-border);scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{padding:.5rem;font-size:1.2rem;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:all .2s;min-width:40px}.category-tabs button:hover{background:#0000000d}.category-tabs button.active{background:#fff;box-shadow:0 2px 5px #0000000d}.emoji-grid{flex:1;overflow-y:auto;padding:.8rem}.category-title{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:.5rem}.emojis{display:grid;grid-template-columns:repeat(8,1fr);gap:.2rem}.emojis button{font-size:1.5rem;background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:6px;transition:all .1s;display:flex;align-items:center;justify-content:center}.emojis button:hover{background:var(--chat-primary-light);transform:scale(1.2)}.btn-icon{background:transparent;border:none;color:var(--chat-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--chat-primary-light);transform:rotate(90deg)}.btn-create-small{background:var(--chat-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-create-small:disabled{opacity:.5;cursor:not-allowed}.btn-create-small:hover:not(:disabled){background:var(--chat-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.add-member-section{display:flex;flex-direction:column;flex:1;overflow:hidden;animation:slideDown .3s ease}.members-list{flex:1;overflow-y:auto;padding:1rem}.member-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:12px;transition:all .2s;border-bottom:1px solid var(--chat-border)}.member-item:hover{background:var(--chat-bg-sidebar)}.member-avatar{width:40px;height:40px;border-radius:12px;background:var(--chat-bg-accent);color:var(--chat-text-main);display:flex;align-items:center;justify-content:center;font-weight:700}.member-info{display:flex;flex-direction:column}.member-name{font-weight:700;color:var(--chat-text-main)}.member-role{font-size:.8rem;color:var(--chat-text-muted)}.admin-badge{background:var(--chat-primary-light);color:var(--chat-primary);font-size:.75rem;font-weight:800;padding:2px 10px;border-radius:20px;margin-left:auto}.message-context-tag{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#0000000a;border-radius:12px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid rgba(0,0,0,.05);color:var(--chat-text-muted);width:fit-content}.message-wrapper.sent .message-context-tag{background:#ffffff26;border-color:#ffffff1a;color:#fff}.message-context-tag:hover{background:#00000014;transform:translate(4px)}.message-wrapper.sent .message-context-tag:hover{background:#ffffff40}.message-context-tag .icon{width:14px;height:14px}.message-context-tag .arrow{width:12px;height:12px;margin-left:8px;opacity:.5}.ceo-notes{animation:fadeInUp .5s ease}.ceo-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.ceo-notes-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-notes-subtitle{font-size:1rem;color:var(--text-secondary)}.ceo-notes-actions{display:flex;gap:12px;flex-wrap:wrap}.ceo-notes-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.ceo-notes-stat-card{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.ceo-notes-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0b0b0d1a}.ceo-notes-stat-icon{display:flex;align-items:center;justify-content:center;background:none!important;color:var(--accent);flex-shrink:0;width:auto;height:auto}.ceo-notes-stat-info h3{font-size:.8rem;font-weight:600;color:#0b0b0d8c;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.ceo-notes-stat-info p{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1}.ceo-notes-filters{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;padding:20px 24px;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.ceo-notes-search{position:relative;flex:1;min-width:300px}.ceo-notes-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#0b0b0d66;pointer-events:none}.ceo-notes-search-input{width:100%;padding:10px 14px 10px 42px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);font-size:.9rem;transition:all .3s ease;background:#fffc}.ceo-notes-search-input:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.ceo-notes-filter-select{padding:10px 14px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);font-size:.9rem;transition:all .3s ease;background:#fffc;min-width:180px}.ceo-notes-filter-select:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.ceo-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.ceo-note-card{display:flex;flex-direction:column;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease;overflow:hidden;position:relative}.ceo-note-card.pinned{border-color:#ffb3004d;background:linear-gradient(135deg,#fffbebf2,#fff8e1e6)}.ceo-note-card.pinned:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffb300,#ffa000)}.ceo-note-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.ceo-note-header{padding:20px 20px 16px;border-bottom:1px solid rgba(11,11,13,.08)}.ceo-note-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.4}.ceo-note-category{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.2);border-radius:12px;font-size:.75rem;font-weight:700;color:#0b0b0db3}.ceo-note-body{padding:20px;flex:1}.ceo-note-content{font-size:.9rem;color:#0b0b0dcc;line-height:1.6;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.ceo-note-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ceo-note-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#3b82f61a,#3b82f626);border:1px solid rgba(59,130,246,.3);border-radius:10px;font-size:.7rem;font-weight:600;color:#3b82f6e6}.ceo-note-context{margin-top:16px;padding-top:16px;border-top:1px solid rgba(11,11,13,.08);display:flex;flex-direction:column;gap:8px;font-size:.85rem}.ceo-note-context-row{display:flex;align-items:center;gap:8px;color:#0b0b0d99}.ceo-note-context-label{font-weight:600;min-width:60px}.ceo-note-context-value{color:#0b0b0dcc}.ceo-note-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.ceo-note-date{font-size:.75rem;color:#0b0b0d80;font-weight:500}.ceo-note-actions{display:flex;gap:6px}.ceo-note-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid rgba(11,11,13,.1);border-radius:8px;color:#0b0b0d99;cursor:pointer;transition:all .2s ease}.ceo-note-action-btn:hover{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d33;color:#0b0b0de6}.ceo-note-action-btn.pinned{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#ffb300e6}.ceo-note-action-btn.pinned:hover{background:linear-gradient(135deg,#ffb30026,#ffb30033)}.ceo-notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.ceo-notes-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:24px}.ceo-notes-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 12px}.ceo-notes-empty-state p{font-size:1rem;color:var(--text-secondary);margin:0 0 24px}.ceo-notes-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);margin-bottom:24px;color:#ef4444e6;font-weight:600}@media(max-width:1200px){.ceo-notes-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ceo-notes-title{font-size:2rem}.ceo-notes-header{flex-direction:column;align-items:flex-start}.ceo-notes-stats{grid-template-columns:1fr}.ceo-notes-filters{flex-direction:column}.ceo-notes-search,.ceo-notes-filter-select{min-width:100%}.ceo-notes-grid{grid-template-columns:1fr}}.formal-updates{padding:1.5rem;max-width:1400px;margin:0 auto;height:calc(100vh - 120px);display:flex;flex-direction:column}.formal-updates-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.formal-updates-title{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.formal-updates-filter-bar{display:flex;background:var(--bg-card);padding:.25rem;border-radius:.75rem;border:1px solid var(--border-color);gap:.25rem}.filter-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:rgba(var(--primary-rgb),.05);color:var(--text-primary)}.filter-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}.formal-updates-container{display:flex;gap:1.5rem;flex:1;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;box-shadow:var(--shadow-sm)}.formal-updates-sidebar{width:380px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:rgba(var(--primary-rgb),.01)}.formal-updates-list-header{padding:1.25rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.formal-updates-search{position:relative}.formal-updates-search input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border-radius:2rem;border:1px solid var(--border-color);background:var(--bg-input);font-size:.875rem}.formal-updates-list{flex:1;overflow-y:auto}.formal-update-item{padding:1.25rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;position:relative}.formal-update-item:hover{background:rgba(var(--primary-rgb),.04)}.formal-update-item.active{background:var(--accent-light);border-left:5px solid var(--accent);box-shadow:0 4px 12px #0000000d;transform:translate(2px);z-index:5}.formal-update-item.unread{background:rgba(var(--primary-rgb),.02)}.formal-update-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}.formal-update-sender{font-weight:700;font-size:.9375rem;color:var(--text-primary)}.formal-update-date{font-size:.75rem;color:var(--text-secondary)}.formal-update-subject{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formal-update-excerpt{font-size:.8125rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.formal-update-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.formal-status-badge{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.formal-status-badge.read{color:var(--accent)}.formal-status-badge.replied{color:#16a34a}.formal-status-badge svg{width:14px;height:14px}.formal-updates-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.formal-update-reader{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.formal-update-view-header{border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.formal-update-view-subject{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.formal-update-meta-info{display:flex;justify-content:space-between;align-items:center}.sender-profile{display:flex;align-items:center;gap:.75rem}.sender-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem}.sender-details .name{font-weight:600;display:block}.sender-details .role{font-size:.75rem;color:var(--text-secondary)}.formal-update-badges{display:flex;gap:.5rem}.badge{padding:.25rem .75rem;border-radius:2rem;font-size:.7rem;font-weight:700;text-transform:uppercase}.badge-priority-critical{background:#fee2e2;color:#ef4444}.badge-priority-high{background:#ffedd5;color:#f97316}.badge-category{background:#f3f4f6;color:#6b7280}.fixed-fields-row{display:flex;gap:1.5rem}.fixed-field{display:flex;flex-direction:column;gap:.5rem}.field-badge{padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;font-weight:600;color:#475569}.field-badge.accent{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.content-loader{display:flex;align-items:center;gap:.75rem;padding:2rem;background:#f8fafc;border:1px dashed var(--border-color);border-radius:.5rem;color:var(--text-secondary);font-size:.9rem}.formal-update-content{font-size:1rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;background:var(--bg-card)}.formal-update-reply-section{padding:1.5rem 2rem;background:rgba(var(--primary-rgb),.02);border-top:1px solid var(--border-color)}.ceo-reply-box{background:#fff;border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;box-shadow:var(--shadow-sm)}.ceo-reply-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;margin-bottom:.75rem}.ceo-reply-content{font-size:.9375rem;color:var(--text-primary);font-style:italic}.ceo-reply-form-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow-sm)}.ceo-reply-form-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem}.ceo-reply-input-wrapper{display:flex;gap:.75rem;align-items:center}.ceo-reply-text-input{flex:1;padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-input);font-size:.9375rem;transition:all .2s ease}.ceo-reply-text-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.formal-compose-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.formal-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-input);font-size:.9375rem}.formal-textarea{width:100%;height:300px;padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);background:var(--bg-input);font-size:.9375rem;resize:none}.formal-input:focus,.formal-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);gap:1.5rem;padding:3rem;text-align:center}.empty-state-icon{width:100px;height:100px;color:#0b0b0d0d;background:#0b0b0d05;padding:2rem;border-radius:50%;border:1px solid rgba(11,11,13,.05)}.empty-state p{font-size:1.1rem;font-weight:500;color:#0b0b0d66;max-width:300px}.list-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem}.list-empty-icon{width:48px;height:48px;color:#0b0b0d1a;margin-bottom:.5rem}.list-empty-text{font-size:.9rem;font-weight:600;color:#0b0b0d80}.list-empty-subtext{font-size:.8rem;color:#0b0b0d66}.tl-projects{animation:fadeInUp .5s ease}.tl-projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.tl-projects-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-projects-subtitle{font-size:1rem;color:var(--text-secondary)}.tl-projects-subtitle strong{color:var(--text-primary);font-weight:600}.tl-projects-actions{display:flex;gap:12px;flex-wrap:wrap}.tl-projects-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.tl-projects-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d0f}.tl-projects-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.tl-projects-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.tl-projects-stat-icon-blue{color:#06cc}.tl-projects-stat-icon-orange{color:#ffb300cc}.tl-projects-stat-icon-purple{color:#7c3aedcc}.tl-projects-stat-icon-green{color:#00c853cc}.tl-projects-stat-info{flex:1}.tl-projects-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tl-projects-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:#0b0b0d}.tl-projects-filters{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.tl-projects-search{position:relative;flex:1;min-width:280px}.tl-projects-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0b0b0d66}.tl-projects-search-input{width:100%;padding:12px 16px 12px 44px;background:#ffffffe6;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.tl-projects-search-input:focus{outline:none;border-color:#0b0b0d4d;background:#fff;box-shadow:0 4px 12px #0b0b0d14}.tl-projects-filter-group{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffffe6;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md)}.tl-projects-filter-select{border:none;background:transparent;font-size:.95rem;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none}.tl-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.tl-project-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d0f;display:flex;flex-direction:column;gap:16px}.tl-project-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b0b0d1f;border-color:#0b0b0d33}.tl-project-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tl-project-card-title-section{flex:1}.tl-project-card-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.tl-project-card-badges{display:flex;flex-wrap:wrap;gap:8px}.tl-project-card-arrow{width:20px;height:20px;color:#0b0b0d4d;flex-shrink:0;transition:all .3s ease}.tl-project-card:hover .tl-project-card-arrow{color:#0b0b0db3;transform:translate(4px,-4px)}.tl-project-card-description{font-size:.9rem;color:#0b0b0db3;line-height:1.5}.tl-project-progress-label{font-size:.85rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.tl-project-progress-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.tl-project-progress-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width .8s ease}.tl-project-checkpoints{display:flex;gap:16px;padding:12px 0;border-top:1px solid rgba(11,11,13,.08);border-bottom:1px solid rgba(11,11,13,.08)}.tl-project-checkpoint-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:#0b0b0db3}.tl-project-checkpoint-stat svg{color:#0b0b0d80}.tl-project-card-meta{display:flex;flex-wrap:wrap;gap:16px}.tl-project-meta-item.text-danger{color:#dc2626e6}.tl-project-meta-item.text-warning{color:#ffb300e6}.tl-project-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(11,11,13,.08)}.tl-project-card-date{font-size:.8rem;color:#0b0b0d80}.tl-project-card-cta{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:#0b0b0db3;transition:all .3s ease}.tl-project-card:hover .tl-project-card-cta{color:var(--text-primary)}.tl-projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg)}.tl-projects-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:20px}.tl-projects-empty h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tl-projects-empty p{font-size:1rem;color:#0b0b0d99}@media(max-width:1024px){.tl-projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.tl-projects-title{font-size:2rem}.tl-projects-header{flex-direction:column;align-items:flex-start}.tl-projects-stats-grid{grid-template-columns:repeat(2,1fr)}.tl-projects-filters{flex-direction:column;align-items:stretch}.tl-projects-search{min-width:100%}.tl-projects-grid{grid-template-columns:1fr}}.tl-project-details{animation:fadeInUp .5s ease}.tl-project-details-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.tl-project-details-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:var(--text-primary);margin:12px 0 16px;line-height:1.2}.tl-project-details-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tl-project-details-meta-item{display:flex;align-items:center;gap:6px;font-size:.95rem;color:#0b0b0db3}.tl-project-details-meta-item svg{color:#0b0b0d80}.tl-project-details-actions{display:flex;gap:12px;flex-wrap:wrap}.tl-project-progress-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px;box-shadow:0 4px 16px #0b0b0d0f}.tl-project-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tl-project-progress-header h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.tl-project-progress-percentage{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary)}.tl-project-progress-bar{height:16px;background:#0b0b0d14;border-radius:20px;overflow:hidden;margin-bottom:24px}.tl-project-progress-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:20px;transition:width 1s ease}.tl-project-progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.tl-project-progress-stat{display:flex;align-items:center;gap:12px;padding:16px;background:#0b0b0d08;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.tl-project-progress-stat svg{color:#0b0b0d99;flex-shrink:0}.tl-project-progress-stat-value{display:block;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.tl-project-progress-stat-label{display:block;font-size:.85rem;color:#0b0b0d99;font-weight:600}.tl-project-info-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:24px;margin-bottom:32px;box-shadow:0 4px 16px #0b0b0d0f}.tl-project-info-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.tl-project-description{font-size:.95rem;color:#0b0b0dcc;line-height:1.6;margin:0}.tl-project-section{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px;box-shadow:0 4px 16px #0b0b0d0f}.tl-project-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(11,11,13,.1)}.tl-project-section-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.tl-checkpoints-list{display:flex;flex-direction:column;gap:20px}.tl-checkpoint-card{padding:24px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-left:4px solid rgba(11,11,13,.3);border-radius:var(--radius-lg);transition:all .3s ease}.tl-checkpoint-card:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26;transform:translate(4px);box-shadow:0 4px 12px #0b0b0d14}.tl-checkpoint-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.tl-checkpoint-title-section{display:flex;align-items:flex-start;gap:16px;flex:1}.tl-checkpoint-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:12px;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#0b0b0db3;flex-shrink:0}.tl-checkpoint-name{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.tl-checkpoint-description{font-size:.9rem;color:#0b0b0db3;line-height:1.5;margin:0}.tl-checkpoint-badges{display:flex;gap:8px;flex-shrink:0;align-items:center}.tl-checkpoint-percentage{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.2);border-radius:12px;font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:#0b0b0de6}.tl-checkpoint-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(11,11,13,.08)}.tl-checkpoint-meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#0b0b0db3}.tl-checkpoint-meta-item svg{color:#0b0b0d80}.tl-checkpoint-meta-item.text-danger{color:#dc2626e6;font-weight:600}.tl-checkpoint-meta-item.text-danger svg{color:#dc2626cc}.tl-checkpoint-notes{display:flex;gap:12px;padding:12px 16px;background:#0066cc0d;border:1px solid rgba(0,102,204,.15);border-radius:var(--radius-md);margin-bottom:16px}.tl-checkpoint-notes svg{color:#0066ccb3;flex-shrink:0;margin-top:2px}.tl-checkpoint-notes p{font-size:.9rem;color:#0b0b0dcc;line-height:1.5;margin:0}.tl-checkpoint-actions{display:flex;gap:8px;flex-wrap:wrap}.tl-project-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.tl-project-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:20px}.tl-project-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tl-project-empty-state p{font-size:1rem;color:#0b0b0d99;margin-bottom:24px}@media(max-width:1024px){.tl-project-progress-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tl-project-details-title{font-size:2rem}.tl-project-details-header{flex-direction:column;align-items:flex-start}.tl-project-progress-percentage{font-size:1.5rem}.tl-project-progress-stats{grid-template-columns:1fr}.tl-checkpoint-header{flex-direction:column}.tl-checkpoint-badges{width:100%;justify-content:flex-start}.tl-checkpoint-title-section{flex-direction:column}.tl-checkpoint-actions{width:100%}.tl-checkpoint-actions .btn{flex:1}}@media(max-width:480px){.tl-project-section,.tl-checkpoint-card{padding:20px}.tl-checkpoint-meta{flex-direction:column;gap:8px}}.tl-tasks{animation:fadeInUp .5s ease}.tl-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.tl-tasks-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-tasks-subtitle{font-size:1rem;color:var(--text-secondary)}.tl-tasks-actions{display:flex;gap:12px;flex-wrap:wrap}.tl-tasks-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.tl-tasks-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d0f}.tl-tasks-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.tl-tasks-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.tl-tasks-stat-icon-blue{color:#06cc}.tl-tasks-stat-icon-purple{color:#7c3aedcc}.tl-tasks-stat-icon-orange{color:#ffb300cc}.tl-tasks-stat-icon-green{color:#00c853cc}.tl-tasks-stat-info{flex:1}.tl-tasks-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tl-tasks-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:#0b0b0d}.tl-tasks-filters{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.tl-tasks-search{position:relative;flex:1;min-width:280px}.tl-tasks-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0b0b0d66}.tl-tasks-search-input{width:100%;padding:12px 16px 12px 44px;background:#ffffffe6;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.tl-tasks-search-input:focus{outline:none;border-color:#0b0b0d4d;background:#fff;box-shadow:0 4px 12px #0b0b0d14}.tl-tasks-filter-group{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffffe6;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md)}.tl-tasks-filter-select{border:none;background:transparent;font-size:.95rem;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none}.tl-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.tl-task-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d0f;display:flex;flex-direction:column;gap:16px}.tl-task-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b0b0d1f;border-color:#0b0b0d33}.tl-task-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tl-task-card-badges{display:flex;flex-wrap:wrap;gap:8px}.tl-task-card-actions{display:flex;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0b0b0d0d;border:1px solid rgba(11,11,13,.1);border-radius:8px;cursor:pointer;color:#0b0b0d99;transition:all .3s ease}.btn-icon:hover{background:#0b0b0d1a;color:var(--text-primary);border-color:#0b0b0d33}.btn-icon-danger:hover{background:#dc26261a;color:#dc2626e6;border-color:#dc26264d}.tl-task-card-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.tl-task-card-description{font-size:.9rem;color:#0b0b0db3;line-height:1.5;margin:0}.tl-task-card-meta{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(11,11,13,.08)}.tl-task-meta-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#0b0b0db3}.tl-task-meta-item svg{color:#0b0b0d80;flex-shrink:0}.tl-task-meta-item.text-danger{color:#dc2626e6;font-weight:600}.tl-task-meta-item.text-danger svg{color:#dc2626cc}.tl-task-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(11,11,13,.08)}.tl-task-card-date{font-size:.8rem;color:#0b0b0d80}.tl-tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg)}.tl-tasks-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:20px}.tl-tasks-empty h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tl-tasks-empty p{font-size:1rem;color:#0b0b0d99;margin-bottom:24px}.modal-lg{max-width:700px}@media(max-width:1024px){.tl-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.tl-tasks-title{font-size:2rem}.tl-tasks-header{flex-direction:column;align-items:flex-start}.tl-tasks-stats-grid{grid-template-columns:repeat(2,1fr)}.tl-tasks-filters{flex-direction:column;align-items:stretch}.tl-tasks-search{min-width:100%}.tl-tasks-grid{grid-template-columns:1fr}.tl-task-card-header{flex-direction:column;align-items:flex-start}.tl-task-card-footer{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.tl-tasks-stats-grid{grid-template-columns:1fr}.tl-tasks-stat-value{font-size:1.5rem}}.tl-task-review{animation:fadeInUp .5s ease}.tl-task-review-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.tl-task-review-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin:12px 0 8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-task-review-subtitle{font-size:1rem;color:var(--text-secondary)}.tl-task-review-count{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#ffb3001a,#ffb30026);border:1px solid rgba(255,179,0,.3);border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#0b0b0de6}.tl-task-review-filters{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.tl-task-review-search{position:relative;flex:1;min-width:280px}.tl-task-review-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#0b0b0d66}.tl-task-review-search-input{width:100%;padding:12px 16px 12px 44px;background:#ffffffe6;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.tl-task-review-search-input:focus{outline:none;border-color:#0b0b0d4d;background:#fff;box-shadow:0 4px 12px #0b0b0d14}.tl-task-review-filter-group{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffffe6;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md)}.tl-task-review-filter-select{border:none;background:transparent;font-size:.95rem;font-weight:600;color:var(--text-primary);cursor:pointer;outline:none}.tl-task-review-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px}.tl-review-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-left:4px solid rgba(255,179,0,.8);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d0f;display:flex;flex-direction:column;gap:16px}.tl-review-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0b0b0d1f;border-color:#0b0b0d33}.tl-review-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.tl-review-card-badges{display:flex;flex-wrap:wrap;gap:8px}.tl-review-card-time{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#ffb300e6}.tl-review-card-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1.3;margin:0}.tl-review-card-description{font-size:.9rem;color:#0b0b0db3;line-height:1.5;margin:0}.tl-review-card-notes{display:flex;gap:12px;padding:12px;background:#0066cc0d;border:1px solid rgba(0,102,204,.15);border-radius:var(--radius-md)}.tl-review-card-notes svg{color:#0066ccb3;flex-shrink:0;margin-top:2px}.tl-review-notes-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#06cc;margin-bottom:4px}.tl-review-notes-text{font-size:.9rem;color:#0b0b0dcc;line-height:1.4;margin:0}.tl-review-card-meta{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid rgba(11,11,13,.08)}.tl-review-meta-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#0b0b0db3}.tl-review-meta-item svg{color:#0b0b0d80;flex-shrink:0}.tl-task-review-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg)}.tl-task-review-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:20px}.tl-task-review-empty h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tl-task-review-empty p{font-size:1rem;color:#0b0b0d99;margin-bottom:24px}.review-task-details{padding:20px;background:#0b0b0d05;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);margin-bottom:24px}.review-task-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.review-task-description{font-size:.95rem;color:#0b0b0dcc;line-height:1.6;margin-bottom:20px}.review-task-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.review-task-info-item{display:flex;flex-direction:column;gap:4px}.review-task-info-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0b0b0d80}.review-task-info-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.review-employee-notes{margin-top:16px;padding:16px;background:#0066cc0d;border:1px solid rgba(0,102,204,.15);border-radius:var(--radius-md)}.review-section-title{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#06cc;margin-bottom:8px}.review-notes-content{font-size:.95rem;color:#0b0b0dcc;line-height:1.5;margin:0}.review-form{display:flex;flex-direction:column;gap:20px}.review-decision-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.review-decision-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:#0b0b0d0d;border:2px solid rgba(11,11,13,.1);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;color:#0b0b0db3;cursor:pointer;transition:all .3s ease}.review-decision-btn:hover{background:#0b0b0d14;border-color:#0b0b0d33}.review-decision-btn.active.success{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c85366;color:#00c853e6}.review-decision-btn.active.danger{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc262666;color:#dc2626e6}.btn-success{background:linear-gradient(135deg,#00c853e6,#00c853);color:#fff;border:none}.btn-success:hover{background:linear-gradient(135deg,#00c853,#00b44b)}.text-danger{color:#dc2626e6}@media(max-width:1024px){.tl-task-review-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:768px){.tl-task-review-title{font-size:2rem}.tl-task-review-header{flex-direction:column;align-items:flex-start}.tl-task-review-filters{flex-direction:column;align-items:stretch}.tl-task-review-search{min-width:100%}.tl-task-review-list,.review-decision-buttons,.review-task-info-grid{grid-template-columns:1fr}}.tl-team{animation:fadeInUp .5s ease}.tl-team-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.tl-team-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-team-subtitle{font-size:1rem;color:var(--text-secondary)}.tl-team-actions{display:flex;gap:12px;flex-wrap:wrap}.tl-team-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.tl-team-stat-card{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d0f}.tl-team-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-team-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.tl-team-stat-icon-blue{color:#06cc}.tl-team-stat-icon-green{color:#00c853cc}.tl-team-stat-icon-purple{color:#7c3aedcc}.tl-team-stat-icon-orange{color:#ffb300cc}.tl-team-stat-info{flex:1}.tl-team-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.tl-team-stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#0b0b0d}.tl-team-section{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:28px;box-shadow:0 4px 16px #0b0b0d0f}.tl-team-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(11,11,13,.1)}.tl-team-section-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0}.tl-team-members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.tl-team-member-card{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease;display:flex;flex-direction:column;gap:16px}.tl-team-member-card:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26;transform:translateY(-4px);box-shadow:0 8px 24px #0b0b0d1a}.tl-team-member-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tl-team-member-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:50%;color:#0b0b0d99}.tl-team-member-status{flex-shrink:0}.tl-team-status-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.8rem;font-weight:700;border:1px solid}.tl-team-status-indicator.active{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.tl-team-status-indicator.offline{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d26;color:#0b0b0d99}.tl-team-member-info{padding-bottom:16px;border-bottom:1px solid rgba(11,11,13,.08)}.tl-team-member-name{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 10px}.tl-team-member-badges{display:flex;gap:8px;flex-wrap:wrap}.tl-team-member-contact{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid rgba(11,11,13,.08)}.tl-team-member-contact-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#0b0b0db3}.tl-team-member-contact-item svg{color:#0b0b0d80;flex-shrink:0}.tl-team-member-stats{display:flex;flex-direction:column;gap:12px}.tl-team-member-stat{display:flex;align-items:center;gap:12px;padding:12px;background:#0b0b0d08;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.tl-team-member-stat svg{color:#0b0b0d80;flex-shrink:0}.tl-team-member-stat-value{display:block;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:2px}.tl-team-member-stat-label{display:block;font-size:.75rem;color:#0b0b0d99;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tl-team-member-actions{display:flex;gap:8px;padding-top:8px}.tl-team-empty-state,.tl-team-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg)}.tl-team-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:20px}.tl-team-empty-state h2,.tl-team-empty h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.tl-team-empty-state p,.tl-team-empty p{font-size:1rem;color:#0b0b0d99}@media(max-width:1024px){.tl-team-members-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.tl-team-title{font-size:2rem}.tl-team-header{flex-direction:column;align-items:flex-start}.tl-team-stats-grid{grid-template-columns:repeat(2,1fr)}.tl-team-members-grid{grid-template-columns:1fr}.tl-team-member-actions{flex-direction:column}}@media(max-width:480px){.tl-team-stats-grid{grid-template-columns:1fr}.tl-team-stat-value{font-size:1.5rem}}.tl-my-leave-page{padding:2rem;animation:fadeInUp .5s ease}.tl-my-leave-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.tl-my-leave-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-my-leave-title-section p{font-size:1rem;color:#6b7280}.tl-my-leave-actions{display:flex;gap:1rem;flex-wrap:wrap}.tl-my-leave-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid}.tl-my-leave-alert.error{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#0b0b0de6}.tl-my-leave-section-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:.5px}.tl-my-leave-balance-section{margin-bottom:3rem}.tl-my-leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tl-leave-balance-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.tl-leave-balance-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-leave-balance-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);display:flex;align-items:center;gap:1rem}.tl-leave-balance-icon{font-size:2rem}.tl-leave-balance-header h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.tl-leave-balance-body{padding:1.5rem}.tl-leave-balance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.tl-leave-balance-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.tl-leave-balance-stat .label{font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.tl-leave-balance-stat .value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.tl-leave-balance-progress{display:flex;flex-direction:column;gap:.5rem}.tl-leave-balance-progress-bar{height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.tl-leave-balance-progress-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width 1s ease}.tl-leave-balance-progress-text{font-size:.75rem;font-weight:600;color:#0b0b0d99;text-align:center}.tl-my-leave-history-section{margin-bottom:2rem}.tl-my-leave-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tl-my-leave-history-actions{display:flex;gap:1rem;align-items:center}.tl-my-leave-filter-select{padding:.625rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);font-weight:600;transition:all .3s ease;cursor:pointer}.tl-my-leave-filter-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.tl-my-leave-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.tl-my-leave-history-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.tl-my-leave-history-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-my-leave-history-card-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);display:flex;align-items:center;justify-content:space-between;gap:1rem}.tl-my-leave-history-type{display:flex;align-items:center;gap:1rem}.tl-my-leave-history-type .icon{font-size:2rem}.tl-my-leave-history-type h4{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.tl-my-leave-history-type p{font-size:.875rem;color:#0b0b0d99;margin:0}.tl-my-leave-status-badge{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid;white-space:nowrap}.tl-my-leave-status-badge.pending_team_lead{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.tl-my-leave-status-badge.recommended{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0066cce6}.tl-my-leave-status-badge.approved{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.tl-my-leave-status-badge.rejected{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.tl-my-leave-history-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.tl-my-leave-history-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tl-my-leave-history-dates>div{display:flex;flex-direction:column;gap:.5rem}.tl-my-leave-history-dates .label{font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.tl-my-leave-history-dates .value{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.tl-my-leave-history-reason{display:flex;flex-direction:column;gap:.5rem}.tl-my-leave-history-reason .label{font-size:.875rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.tl-my-leave-history-reason p{font-size:.95rem;color:#0b0b0dcc;line-height:1.6;margin:0}.tl-my-leave-decision{padding:1rem;border-radius:var(--radius-md);border:1px solid}.tl-my-leave-decision.approved{background:linear-gradient(135deg,#00c85314,#00c8530d);border-color:#00c8534d}.tl-my-leave-decision.rejected{background:linear-gradient(135deg,#dc262614,#dc26260d);border-color:#dc26264d}.tl-my-leave-decision strong{display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.tl-my-leave-decision.approved strong{color:#059669}.tl-my-leave-decision.rejected strong{color:#dc2626}.tl-my-leave-decision p{font-size:.875rem;color:#374151;margin:0 0 .5rem;font-style:italic}.tl-my-leave-decision .date{font-size:.75rem;color:#6b7280}.tl-my-leave-history-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0b0b0d99;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08)}.tl-my-leave-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.tl-my-leave-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1.5rem}.tl-my-leave-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.tl-my-leave-empty-state p{color:#0b0b0d99;font-size:.95rem;margin:0}@media(max-width:1200px){.tl-my-leave-balance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tl-my-leave-page{padding:1.5rem}.tl-my-leave-title-section h1{font-size:2rem}.tl-my-leave-header{flex-direction:column;align-items:flex-start}.tl-my-leave-balance-grid,.tl-my-leave-history-grid{grid-template-columns:1fr}.tl-my-leave-history-header{flex-direction:column;align-items:flex-start}.tl-my-leave-history-actions{width:100%;justify-content:space-between}}.tl-calendar-dashboard{padding:1.5rem}.tl-calendar-header{margin-bottom:1.5rem}.tl-calendar-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.tl-calendar-subtitle{font-size:.938rem;color:#6b7280}.tl-calendar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.team-member-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem;background-color:#3b82f6}@media(max-width:768px){.tl-calendar-dashboard{padding:1rem}.tl-calendar-stats{grid-template-columns:1fr}}.tl-leave-page{padding:2rem;animation:fadeInUp .5s ease}.tl-leave-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.tl-leave-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-leave-title-section p{font-size:1rem;color:#6b7280}.tl-leave-actions{display:flex;gap:1rem;flex-wrap:wrap}.tl-leave-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid}.tl-leave-alert.error{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#0b0b0de6}.tl-leave-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.tl-leave-stat-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.tl-leave-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-leave-stat-content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem}.tl-leave-stat-info h3{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.8px}.tl-leave-stat-info .stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:#0b0b0d;line-height:1;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-leave-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto}.tl-leave-stat-icon.orange,.tl-leave-stat-icon.green,.tl-leave-stat-icon.red,.tl-leave-stat-icon.blue{color:var(--accent)}.tl-leave-stat-footer{padding:14px 24px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);font-size:.85rem;font-weight:600;color:#0b0b0db3}.tl-leave-filters{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #0b0b0d0f}.tl-leave-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.tl-leave-filter-group{display:flex;flex-direction:column;gap:.5rem}.tl-leave-filter-label{font-size:.875rem;font-weight:600;color:#0b0b0dcc;letter-spacing:.3px}.tl-leave-filter-select{padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);font-weight:600;transition:all .3s ease;cursor:pointer}.tl-leave-filter-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.tl-leave-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.tl-leave-clear-filters{background:none;border:none;color:#0b0b0db3;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.tl-leave-clear-filters:hover{color:#0b0b0de6}.tl-leave-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:1.5rem}.tl-leave-request-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.tl-leave-request-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-leave-card-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.tl-leave-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.tl-leave-card-employee{display:flex;align-items:center;gap:1rem}.tl-leave-card-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:#0b0b0db3;flex-shrink:0}.tl-leave-card-employee-info h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.tl-leave-card-employee-info p{font-size:.875rem;color:#0b0b0d99;margin:0}.tl-leave-status-badge{padding:6px 14px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid;white-space:nowrap}.tl-leave-status-badge.pending_team_lead{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.tl-leave-status-badge.recommended{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0066cce6}.tl-leave-status-badge.approved{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.tl-leave-status-badge.rejected{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.tl-leave-type-badge{display:inline-flex;align-items:center;gap:.5rem;padding:6px 12px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.2);border-radius:12px;font-size:.75rem;font-weight:700;color:#0b0b0de6;letter-spacing:.5px}.tl-leave-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.tl-leave-card-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.tl-leave-card-date-group h4{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.tl-leave-card-date-group p{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.tl-leave-card-duration{text-align:center;padding:1rem;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md)}.tl-leave-card-duration-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.tl-leave-card-duration-label{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin:0;text-transform:uppercase;letter-spacing:.5px}.tl-leave-card-reason h4{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.tl-leave-card-reason p{font-size:.95rem;color:#0b0b0dcc;line-height:1.6;margin:0}.tl-leave-card-my-recommendation{padding:1rem;border-radius:var(--radius-md);border:1px solid}.tl-leave-card-my-recommendation.approve{background:linear-gradient(135deg,#00c85314,#00c8530d);border-color:#00c8534d}.tl-leave-card-my-recommendation.reject{background:linear-gradient(135deg,#dc262614,#dc26260d);border-color:#dc26264d}.tl-leave-card-my-recommendation h4{font-size:.875rem;font-weight:700;margin:0 0 .5rem}.tl-leave-card-my-recommendation.approve h4{color:#059669}.tl-leave-card-my-recommendation.reject h4{color:#dc2626}.tl-leave-card-my-recommendation p{font-size:.875rem;color:#374151;margin:0;font-style:italic}.tl-leave-card-footer{padding:1rem 1.5rem;border-top:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f880,#f0f0f066);display:flex;gap:.75rem;justify-content:flex-end}.tl-leave-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.tl-leave-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1.5rem}.tl-leave-empty-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.tl-leave-empty-text{color:#0b0b0d99;font-size:.95rem}@media(max-width:1200px){.tl-leave-cards-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media(max-width:768px){.tl-leave-page{padding:1.5rem}.tl-leave-title-section h1{font-size:2rem}.tl-leave-header{flex-direction:column;align-items:flex-start}.tl-leave-stats-grid,.tl-leave-cards-grid,.tl-leave-card-dates,.tl-leave-filters-grid{grid-template-columns:1fr}}.tl-notes-page{padding:2rem;animation:fadeInUp .5s ease}.tl-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.tl-notes-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-notes-title-section p{font-size:1rem;color:#6b7280}.tl-notes-actions{display:flex;gap:1rem;flex-wrap:wrap}.tl-notes-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid}.tl-notes-alert.error{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#0b0b0de6}.tl-notes-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.tl-notes-stat-card{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.tl-notes-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-notes-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.tl-notes-stat-icon.blue,.tl-notes-stat-icon.orange,.tl-notes-stat-icon.purple,.tl-notes-stat-icon.green{color:var(--accent)}.tl-notes-stat-content{display:flex;flex-direction:column;gap:.25rem}.tl-notes-stat-content .label{font-size:.875rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.tl-notes-stat-content .value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.tl-notes-filters{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #0b0b0d0f}.tl-notes-filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;margin-bottom:1rem}.tl-notes-search{position:relative}.tl-notes-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#0b0b0d66;pointer-events:none;width:18px;height:18px}.tl-notes-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.tl-notes-search-input:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.tl-notes-filter-group{display:flex;align-items:center;gap:.5rem}.tl-notes-filter-select{flex:1;padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.875rem;font-weight:600;transition:all .3s ease;cursor:pointer}.tl-notes-filter-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.tl-notes-pin-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:#0b0b0db3;font-size:.875rem;font-weight:600;transition:all .3s ease;cursor:pointer}.tl-notes-pin-toggle:hover{background:#fffffff2;border-color:#0b0b0d4d}.tl-notes-pin-toggle.active{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#ffb300e6}.tl-notes-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.tl-notes-clear-filters{background:none;border:none;color:#0b0b0db3;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.tl-notes-clear-filters:hover{color:#0b0b0de6}.tl-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.tl-note-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.tl-note-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-note-card.pinned{border-color:#ffb3004d;background:linear-gradient(135deg,#fffcf0f2,#fffae6e6)}.tl-note-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(11,11,13,.05)}.tl-note-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;flex:1;word-break:break-word}.tl-note-actions{display:flex;gap:.5rem;flex-shrink:0}.tl-note-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:8px;color:#0b0b0d99;cursor:pointer;transition:all .2s ease}.tl-note-action-btn:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);color:#0b0b0de6}.tl-note-action-btn.active{background:linear-gradient(135deg,#ffb30033,#ffb30040);border-color:#ffb30066;color:#ffb300e6}.tl-note-action-btn.delete:hover{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.tl-note-card-body{flex:1;padding:1rem 1.5rem}.tl-note-content{font-size:.95rem;line-height:1.6;color:#0b0b0dcc;margin:0;word-wrap:break-word;white-space:pre-wrap}.tl-note-card-footer{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(11,11,13,.05)}.tl-note-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tl-note-tag{padding:.25rem .625rem;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:10px;font-size:.75rem;font-weight:600;color:#0b0b0db3}.tl-note-category{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600}.tl-note-context{display:flex;flex-wrap:wrap;gap:.5rem}.tl-note-context-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:10px;font-size:.75rem;font-weight:600}.tl-note-context-badge.task{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);border:1px solid rgba(139,92,246,.3);color:#8b5cf6e6}.tl-note-context-badge.project{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border:1px solid rgba(0,102,204,.3);color:#0066cce6}.tl-note-date{font-size:.75rem;color:#0b0b0d80;font-style:italic}.tl-notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.tl-notes-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1.5rem}.tl-notes-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.tl-notes-empty-state p{color:#0b0b0d99;font-size:.95rem;margin-bottom:1.5rem}@media(max-width:1200px){.tl-notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tl-notes-filters-grid{grid-template-columns:1fr 1fr}.tl-notes-search{grid-column:1 / -1}}@media(max-width:768px){.tl-notes-page{padding:1.5rem}.tl-notes-title-section h1{font-size:2rem}.tl-notes-header{flex-direction:column;align-items:flex-start}.tl-notes-stats-grid{grid-template-columns:repeat(2,1fr)}.tl-notes-filters-grid,.tl-notes-grid{grid-template-columns:1fr}}.employee-time-tracking-page{padding:2rem;animation:fadeInUp .5s ease}.employee-time-tracking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.employee-time-tracking-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-time-tracking-title-section p{font-size:1rem;color:#6b7280}.employee-time-tracking-actions{display:flex;align-items:center;gap:1rem}.employee-time-tracking-period-select{padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fff;font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.employee-time-tracking-period-select:hover{border-color:#0b0b0d4d}.employee-time-tracking-period-select:focus{outline:none;border-color:#0066cc80;box-shadow:0 0 0 3px #0066cc1a}.employee-time-tracking-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-weight:600}.employee-time-tracking-widget-section{margin-bottom:2rem}.employee-time-tracking-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.employee-time-tracking-stat-card{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.employee-time-tracking-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0b0b0d1f}.employee-time-tracking-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.employee-time-tracking-stat-icon.blue,.employee-time-tracking-stat-icon.purple,.employee-time-tracking-stat-icon.green,.employee-time-tracking-stat-icon.orange{color:var(--accent)}.employee-time-tracking-stat-content{display:flex;flex-direction:column;gap:.25rem}.employee-time-tracking-stat-content .label{font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.employee-time-tracking-stat-content .value{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;color:var(--text-primary)}.employee-time-tracking-history-section{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:2rem}.employee-time-tracking-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.employee-time-tracking-section-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.employee-time-tracking-section-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#0b0b0d99}.employee-time-tracking-timeline{display:flex;flex-direction:column;gap:2rem}.employee-time-tracking-day-group{display:flex;flex-direction:column;gap:1rem}.employee-time-tracking-day-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-radius:var(--radius-md);border-left:4px solid rgba(0,102,204,.8)}.employee-time-tracking-day-info{display:flex;align-items:center;gap:.75rem}.employee-time-tracking-day-date{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.employee-time-tracking-day-total{display:flex;align-items:center;gap:.5rem;font-weight:700;color:#0066cce6;font-size:1rem}.employee-time-tracking-records-list{display:flex;flex-direction:column;gap:1rem;padding-left:1rem}.employee-time-tracking-record-card{display:flex;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);transition:all .2s ease}.employee-time-tracking-record-card:hover{background:#f8f8f8cc;border-color:#0b0b0d1f;box-shadow:0 2px 8px #0b0b0d0f}.employee-time-tracking-record-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-right:1.5rem;border-right:1px solid rgba(11,11,13,.08);flex-shrink:0}.employee-time-tracking-record-status-indicator{width:12px;height:12px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0b0b0d26}.employee-time-tracking-record-status-label{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;writing-mode:vertical-rl;text-orientation:mixed}.employee-time-tracking-record-content{flex:1;display:flex;flex-direction:column;gap:1rem}.employee-time-tracking-record-times{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.employee-time-tracking-record-time{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#0b0b0d05;border-radius:var(--radius-sm);font-size:.875rem}.employee-time-tracking-record-time .label{font-weight:600;color:#0b0b0d99}.employee-time-tracking-record-time .value{font-weight:700;color:var(--text-primary);font-family:monospace}.employee-time-tracking-record-duration{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#3b82f614,#3b82f61f);border-radius:var(--radius-sm);font-size:.875rem}.employee-time-tracking-record-duration .label{font-weight:600;color:#3b82f6cc}.employee-time-tracking-record-duration .value{font-weight:700;color:#3b82f6;font-family:var(--font-heading);font-size:1rem}.employee-time-tracking-record-notes{padding:.75rem;background:#8b5cf60d;border-left:3px solid #8b5cf6;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.employee-time-tracking-record-notes strong{display:block;margin-bottom:.5rem;color:#8b5cf6;font-size:.875rem}.employee-time-tracking-record-notes p{margin:0;color:#0b0b0dcc;line-height:1.6}.employee-time-tracking-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.employee-time-tracking-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1rem}.employee-time-tracking-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.employee-time-tracking-empty-state p{color:#0b0b0d99;font-size:1rem;margin:0}@media(max-width:1024px){.employee-time-tracking-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.employee-time-tracking-page{padding:1.5rem}.employee-time-tracking-title-section h1{font-size:2rem}.employee-time-tracking-header{flex-direction:column;align-items:flex-start}.employee-time-tracking-actions{width:100%}.employee-time-tracking-period-select{flex:1}.employee-time-tracking-stats-grid{grid-template-columns:1fr}.employee-time-tracking-record-card{flex-direction:column}.employee-time-tracking-record-status{flex-direction:row;padding-right:0;padding-bottom:1rem;border-right:none;border-bottom:1px solid rgba(11,11,13,.08)}.employee-time-tracking-record-status-label{writing-mode:horizontal-tb}.employee-time-tracking-record-times{grid-template-columns:1fr}}.time-tracker-agent-status{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid;transition:all .3s ease}.time-tracker-agent-status.online{background:#10b9811a;border-color:#10b981}.time-tracker-agent-status.offline{background:#ef44441a;border-color:#ef4444}.time-tracker-agent-indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.time-tracker-agent-status.online .time-tracker-agent-indicator{background:#10b98133;color:#10b981}.time-tracker-agent-status.offline .time-tracker-agent-indicator{background:#ef444433;color:#ef4444}.time-tracker-agent-info{flex:1;display:flex;flex-direction:column;gap:2px}.time-tracker-agent-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.time-tracker-agent-value{font-size:.875rem;font-weight:600}.time-tracker-agent-status.online .time-tracker-agent-value{color:#10b981}.time-tracker-agent-status.offline .time-tracker-agent-value{color:#ef4444}.time-tracker-agent-refresh{padding:6px 12px;font-size:.75rem;font-weight:500;color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f6;border-radius:6px;cursor:pointer;transition:all .2s ease}.time-tracker-agent-refresh:hover{background:#3b82f633}.time-tracker-agent-refresh:disabled{opacity:.5;cursor:not-allowed}.time-tracker-warning{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fbbf241a;border:1px solid #fbbf24;border-radius:8px;margin-bottom:16px;color:#92400e}.time-tracker-warning svg{flex-shrink:0;color:#fbbf24;margin-top:2px}.time-tracker-warning strong{display:block;font-weight:600;margin-bottom:4px;color:#78350f}.time-tracker-warning p{font-size:.875rem;color:#92400e;margin:0}.time-tracker-action-btn.disabled{opacity:.5;cursor:not-allowed;background:#9ca3af!important}.time-tracker-action-btn.disabled:hover{transform:none}.spinner-xs{width:16px;height:16px;border-width:2px}.employee-tasks-page{padding:2rem;animation:fadeInUp .5s ease}.employee-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.employee-tasks-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-tasks-title-section p{font-size:1rem;color:#6b7280}.employee-tasks-actions{display:flex;gap:1rem;flex-wrap:wrap}.employee-tasks-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);margin-bottom:2rem;border:1px solid}.employee-tasks-alert.error{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#0b0b0de6}.employee-tasks-filters{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #0b0b0d0f}.employee-tasks-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.employee-tasks-filter-group{display:flex;flex-direction:column;gap:.5rem}.employee-tasks-filter-label{font-size:.875rem;font-weight:600;color:#0b0b0dcc;letter-spacing:.3px}.employee-tasks-filter-select{padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);font-weight:600;transition:all .3s ease;cursor:pointer}.employee-tasks-filter-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.employee-tasks-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.employee-tasks-clear-filters{background:none;border:none;color:#0b0b0db3;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.employee-tasks-clear-filters:hover{color:#0b0b0de6}.employee-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.employee-task-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.employee-task-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.employee-task-card.overdue{border-color:#ef44444d;background:linear-gradient(135deg,#fef2f2f2,#fee2e2e6)}.employee-task-card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(11,11,13,.05);display:flex;flex-direction:column;gap:.75rem}.employee-task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.employee-task-card-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;flex:1}.employee-task-priority-dot{font-size:1.5rem;line-height:1;flex-shrink:0}.employee-task-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid}.employee-task-card-body{flex:1;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.employee-task-description{font-size:.95rem;line-height:1.6;color:#0b0b0db3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.employee-task-meta{display:flex;flex-direction:column;gap:.5rem}.employee-task-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0b0b0db3}.employee-task-meta-item svg{color:#0b0b0d80;flex-shrink:0}.employee-task-due-date{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:#0b0b0dcc}.employee-task-due-date.overdue{background:linear-gradient(135deg,#ef44441a,#ef444426);border-color:#ef44444d;color:#ef4444}.employee-task-due-date svg{flex-shrink:0}.employee-task-card-footer{padding:1rem 1.5rem;border-top:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f880,#f0f0f066);display:flex;justify-content:flex-end}.employee-task-view-details{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#0b0b0db3;transition:all .2s ease}.employee-task-card:hover .employee-task-view-details{color:#0b0b0de6;gap:.75rem}.employee-tasks-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f}.employee-tasks-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1.5rem}.employee-tasks-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.employee-tasks-empty-state p{color:#0b0b0d99;font-size:.95rem;margin:0}@media(max-width:768px){.employee-tasks-page{padding:1.5rem}.employee-tasks-title-section h1{font-size:2rem}.employee-tasks-header{flex-direction:column;align-items:flex-start}.employee-tasks-filters-grid,.employee-tasks-grid{grid-template-columns:1fr}}.employee-task-details-page{padding:2rem;animation:fadeInUp .5s ease}.employee-task-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.employee-task-details-actions{display:flex;gap:1rem;flex-wrap:wrap}.employee-task-details-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.employee-task-details-main{display:flex;flex-direction:column;gap:1.5rem}.employee-task-details-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:2rem}.employee-task-details-card.revision{border-color:#ef44444d;background:linear-gradient(135deg,#fef2f2f2,#fee2e2e6)}.employee-task-details-card.completed{border-color:#10b9814d;background:linear-gradient(135deg,#ecfdf5f2,#d1fae5e6)}.employee-task-details-title-section h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.employee-task-details-badges{display:flex;gap:.75rem;flex-wrap:wrap}.employee-task-status-badge,.employee-task-priority-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:700;letter-spacing:.5px;border:1px solid}.employee-task-details-card-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.employee-task-description-text{font-size:1rem;line-height:1.8;color:#0b0b0dcc;margin:0;white-space:pre-wrap}.employee-task-review-notes p{font-size:1rem;line-height:1.8;color:#0b0b0dcc;margin:0 0 1rem}.employee-task-review-notes p:last-child{margin-bottom:0}.employee-task-review-date{font-size:.875rem!important;color:#0b0b0d99!important;font-style:italic;margin-top:1rem!important}.employee-task-details-sidebar{display:flex;flex-direction:column;gap:1.5rem}.employee-task-sidebar-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#0b0b0db3;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.employee-task-due-info{padding:1rem;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);text-align:center}.employee-task-due-info.overdue{background:linear-gradient(135deg,#ef44441a,#ef444426);border-color:#ef44444d}.employee-task-due-date{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.employee-task-due-status{font-size:.875rem;font-weight:600;color:#0b0b0db3;margin:0}.employee-task-due-status.overdue{color:#ef4444}.employee-task-info-value{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.employee-task-checkpoint{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);font-size:.875rem;color:#0b0b0db3}.employee-task-timeline{display:flex;flex-direction:column;gap:1rem}.employee-task-timeline-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(11,11,13,.08)}.employee-task-timeline-item:last-child{border-bottom:none;padding-bottom:0}.employee-task-timeline-label{font-size:.875rem;font-weight:600;color:#0b0b0d99;flex-shrink:0}.employee-task-timeline-value{font-size:.875rem;color:#0b0b0dcc;text-align:right}.employee-task-details-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:60vh}.employee-task-details-error h2{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:1.5rem 0 .75rem}.employee-task-details-error p{color:#0b0b0d99;font-size:1rem;margin:0 0 2rem}@media(max-width:1024px){.employee-task-details-content{grid-template-columns:1fr}.employee-task-details-sidebar{order:-1}}@media(max-width:768px){.employee-task-details-page{padding:1.5rem}.employee-task-details-header{flex-direction:column;align-items:flex-start}.employee-task-details-card{padding:1.5rem}.employee-task-details-title-section h1{font-size:1.5rem}}.employee-leave-page{padding:2rem;animation:fadeInUp .5s ease}.employee-leave-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.employee-leave-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-leave-title-section p{font-size:1rem;color:#6b7280}.employee-leave-actions{display:flex;align-items:center;gap:1rem}.employee-leave-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-weight:600}.employee-leave-alert.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.employee-leave-apply-form-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:2rem;margin-bottom:2rem}.employee-leave-form-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.employee-leave-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.employee-leave-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(11,11,13,.08)}.employee-leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.employee-leave-balance-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.employee-leave-balance-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.employee-leave-balance-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-bottom:1px solid rgba(11,11,13,.08)}.employee-leave-balance-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.employee-leave-balance-card.vacation .employee-leave-balance-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6}.employee-leave-balance-card.sick .employee-leave-balance-icon{background:linear-gradient(135deg,#ef44441a,#ef444426);color:#ef4444}.employee-leave-balance-card.personal .employee-leave-balance-icon{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#8b5cf6}.employee-leave-balance-card.emergency .employee-leave-balance-icon{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:#f59e0b}.employee-leave-balance-header h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.employee-leave-balance-body{padding:1.5rem}.employee-leave-balance-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.employee-leave-balance-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.employee-leave-balance-stat .label{font-size:.75rem;font-weight:600;color:#0b0b0d99;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.employee-leave-balance-stat .value{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;color:var(--text-primary)}.employee-leave-balance-stat .value.unlimited{font-size:1rem;color:#10b981}.employee-leave-progress{height:8px;background:#0b0b0d14;border-radius:4px;overflow:hidden}.employee-leave-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease}.employee-leave-emergency-note{font-size:.875rem;color:#0b0b0d99;text-align:center;margin:1rem 0 0;padding:.75rem;background:#f59e0b1a;border-radius:var(--radius-sm)}.employee-leave-recent-section{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:2rem}.employee-leave-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.employee-leave-section-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.employee-leave-requests-list{display:flex;flex-direction:column;gap:1rem}.employee-leave-request-card{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);padding:1.25rem;transition:all .3s ease}.employee-leave-request-card:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26;box-shadow:0 4px 12px #0b0b0d14}.employee-leave-request-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.employee-leave-request-type{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-primary)}.employee-leave-request-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.employee-leave-request-body{margin-bottom:1rem}.employee-leave-request-dates{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.employee-leave-request-days{color:#0b0b0d99;font-size:.875rem}.employee-leave-request-reason{font-size:.875rem;color:#0b0b0db3;margin:0;line-height:1.6}.employee-leave-request-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08)}.employee-leave-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.employee-leave-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1rem}.employee-leave-empty-state h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.employee-leave-empty-state p{color:#0b0b0d99;font-size:.95rem;margin:0 0 1.5rem}.time-tracker-widget{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.time-tracker-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem}.time-tracker-current-time{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-radius:var(--radius-md)}.time-tracker-time-info{flex:1}.time-tracker-time{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.time-tracker-date{font-size:.875rem;color:#0b0b0d99}.time-tracker-status{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:var(--radius-md);border:2px solid}.time-tracker-status.active{background:#10b9811a;border-color:#10b9814d}.time-tracker-status.inactive{background:#6b72801a;border-color:#6b72804d}.time-tracker-status-indicator{display:flex;align-items:center;justify-content:center;background:none!important;width:auto;height:auto}.time-tracker-status.active .time-tracker-status-indicator{background:#10b98133;color:#10b981}.time-tracker-status.inactive .time-tracker-status-indicator{background:#3b82f633;color:#3b82f6}.time-tracker-status-info h3{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.time-tracker-status-info p{font-size:.875rem;color:#0b0b0d99;margin:0;font-family:monospace}.time-tracker-today-hours{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-radius:var(--radius-md)}.time-tracker-hours-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#0b0b0db3}.time-tracker-hours-value{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.time-tracker-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:none;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.time-tracker-action-btn.checkin{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.time-tracker-action-btn.checkin:hover:not(:disabled){background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.time-tracker-action-btn.checkout{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}.time-tracker-action-btn.checkout:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.time-tracker-action-btn:disabled{opacity:.6;cursor:not-allowed}.task-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:1.5rem;cursor:pointer;transition:all .3s ease}.task-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.task-card.overdue{border-color:#ef44444d;background:linear-gradient(135deg,#fef2f2f2,#fee2e2e6)}.task-card-header{margin-bottom:1rem}.task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.task-card-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.task-priority-dot{font-size:1.5rem;line-height:1;flex-shrink:0}.task-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.task-card-body{margin-bottom:1rem}.task-description{font-size:.875rem;color:#0b0b0db3;line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.task-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0b0b0d99}.task-due-date{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#0b0b0d0d;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:#0b0b0db3}.task-due-date.overdue{background:#ef44441a;color:#ef4444}.task-card-footer{display:flex;align-items:center;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08)}.task-view-details{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#0b0b0db3;font-size:.875rem}@media(max-width:1200px){.employee-leave-balance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.employee-leave-page{padding:1.5rem}.employee-leave-title-section h1{font-size:2rem}.employee-leave-header{flex-direction:column;align-items:flex-start}.employee-leave-balance-grid,.employee-leave-form-grid,.employee-leave-balance-stats{grid-template-columns:1fr}.employee-leave-actions{width:100%}.employee-leave-actions .btn{flex:1}}.employee-leave-breadcrumb{margin-bottom:1rem}.btn-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:#0b0b0db3;font-weight:600;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm)}.btn-link:hover{background:#0b0b0d0d;color:var(--text-primary)}.employee-leave-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.employee-leave-stat-card{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.employee-leave-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0b0b0d1f}.employee-leave-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.employee-leave-stat-icon.blue,.employee-leave-stat-icon.orange,.employee-leave-stat-icon.green,.employee-leave-stat-icon.red{color:var(--accent)}.employee-leave-stat-content{display:flex;flex-direction:column;gap:.25rem}.employee-leave-stat-content .label{font-size:.75rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.employee-leave-stat-content .value{font-family:var(--font-heading);font-size:1.875rem;font-weight:700;color:var(--text-primary)}.employee-leave-filters{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:1.5rem;margin-bottom:2rem}.employee-leave-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.employee-leave-filter-group{display:flex;flex-direction:column;gap:.5rem}.employee-leave-filter-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#0b0b0db3;font-size:.875rem}.employee-leave-filter-select{padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fff;font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.employee-leave-filter-select:hover{border-color:#0b0b0d4d}.employee-leave-filter-select:focus{outline:none;border-color:#0066cc80;box-shadow:0 0 0 3px #0066cc1a}.employee-leave-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.employee-leave-clear-filters{padding:.5rem 1rem;background:transparent;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-sm);color:#0b0b0db3;font-weight:600;cursor:pointer;transition:all .2s ease}.employee-leave-clear-filters:hover{background:#0b0b0d0d;border-color:#0b0b0d40}.employee-leave-history-timeline{position:relative;padding-left:2rem}.employee-leave-history-timeline:before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#0b0b0d1a,#0b0b0d0d)}.employee-leave-history-item{position:relative;margin-bottom:2rem}.employee-leave-history-indicator{position:absolute;left:-2rem;top:.5rem;width:12px;height:12px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0b0b0d26;z-index:1}.employee-leave-history-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:1.5rem;transition:all .3s ease}.employee-leave-history-card:hover{box-shadow:0 8px 32px #0b0b0d1f;transform:translate(4px)}.employee-leave-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.employee-leave-history-type{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem}.employee-leave-history-status{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.employee-leave-history-dates{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.75rem;background:#0b0b0d08;border-radius:var(--radius-sm)}.employee-leave-history-date-range{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.employee-leave-history-days{font-size:.875rem;color:#0b0b0d99;font-weight:600}.employee-leave-history-reason{margin-bottom:1rem;padding:1rem;background:#0b0b0d05;border-left:3px solid rgba(11,11,13,.15);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.employee-leave-history-reason strong{display:block;margin-bottom:.5rem;color:#0b0b0db3;font-size:.875rem}.employee-leave-history-reason p{margin:0;color:#0b0b0dcc;line-height:1.6}.employee-leave-history-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-bottom:1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600}.employee-leave-history-info.warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.employee-leave-history-notes{padding:1rem;margin-bottom:1rem;background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.employee-leave-history-notes strong{display:block;margin-bottom:.5rem;color:#3b82f6;font-size:.875rem}.employee-leave-history-notes p{margin:0 0 .5rem;color:#0b0b0dcc;line-height:1.6}.employee-leave-history-timestamp{font-size:.75rem;color:#0b0b0d80;font-style:italic}.employee-leave-history-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08)}.employee-leave-history-footer .employee-leave-history-timestamp{font-size:.875rem}.employee-notes-page{padding:2rem;animation:fadeInUp .5s ease}.employee-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.employee-notes-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-notes-title-section p{font-size:1rem;color:#6b7280}.employee-notes-actions{display:flex;align-items:center;gap:1rem}.employee-notes-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin-bottom:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-weight:600}.employee-notes-filters{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;padding:1.5rem;margin-bottom:2rem}.employee-notes-filters-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:1rem;margin-bottom:1rem}.employee-notes-search{position:relative}.employee-notes-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#0b0b0d66;pointer-events:none}.employee-notes-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fff;font-size:.95rem;transition:all .2s ease}.employee-notes-search-input:focus{outline:none;border-color:#0066cc80;box-shadow:0 0 0 3px #0066cc1a}.employee-notes-filter-group{display:flex;align-items:center;gap:.5rem}.employee-notes-filter-select{flex:1;padding:.75rem 1rem;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.employee-notes-filter-select:hover{border-color:#0b0b0d4d}.employee-notes-filter-select:focus{outline:none;border-color:#0066cc80;box-shadow:0 0 0 3px #0066cc1a}.employee-notes-pin-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);font-weight:600;color:#0b0b0db3;cursor:pointer;transition:all .2s ease;white-space:nowrap}.employee-notes-pin-toggle:hover{background:#0b0b0d08;border-color:#0b0b0d40}.employee-notes-pin-toggle.active{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);border-color:#f59e0b4d;color:#f59e0b}.employee-notes-filters-meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#0b0b0d99}.employee-notes-clear-filters{padding:.5rem 1rem;background:transparent;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-sm);color:#0b0b0db3;font-weight:600;cursor:pointer;transition:all .2s ease}.employee-notes-clear-filters:hover{background:#0b0b0d0d;border-color:#0b0b0d40}.employee-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.employee-note-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.employee-note-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.employee-note-card.pinned{border-color:#f59e0b4d;background:linear-gradient(135deg,#fef3c7f2,#fde68ae6)}.employee-note-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 1rem}.employee-note-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;flex:1;word-break:break-word}.employee-note-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.employee-note-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#0b0b0d80;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.employee-note-action-btn:hover{background:#0b0b0d14;color:#0b0b0dcc}.employee-note-action-btn.active{color:#f59e0b;background:#f59e0b1a}.employee-note-action-btn.delete:hover{background:#ef44441a;color:#ef4444}.employee-note-card-body{padding:0 1.5rem 1rem;flex:1}.employee-note-content{font-size:.95rem;color:#0b0b0dcc;line-height:1.6;margin:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.employee-note-card-footer{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(11,11,13,.08)}.employee-note-tags{display:flex;flex-wrap:wrap;gap:.5rem}.employee-note-tag{display:inline-flex;padding:.25rem .75rem;background:#3b82f61a;color:#3b82f6;border-radius:12px;font-size:.75rem;font-weight:600}.employee-note-category{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.employee-note-date{font-size:.75rem;color:#0b0b0d80;font-style:italic}.employee-notes-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.employee-notes-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:1rem}.employee-notes-empty-state h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.employee-notes-empty-state p{color:#0b0b0d99;font-size:1rem;margin:0 0 1.5rem}.employee-note-tags-input{display:flex;gap:.5rem}.employee-note-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.employee-note-tag-item{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#3b82f61a;color:#3b82f6;border-radius:12px;font-size:.875rem;font-weight:600}.employee-note-tag-remove{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#3b82f6;cursor:pointer;opacity:.7;transition:opacity .2s ease}.employee-note-tag-remove:hover{opacity:1}@media(max-width:1024px){.employee-notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.employee-notes-filters-grid{grid-template-columns:1fr}}@media(max-width:768px){.employee-notes-page{padding:1.5rem}.employee-notes-title-section h1{font-size:2rem}.employee-notes-header{flex-direction:column;align-items:flex-start}.employee-notes-actions{width:100%}.employee-notes-actions .btn{flex:1}.employee-notes-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#0b0b0d33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0b0b0d59}*{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,opacity .3s ease}.preload *{transition:none!important}.spinner{border:3px solid rgba(11,11,13,.1);border-top:3px solid rgba(11,11,13,.8);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}.spinner-lg{width:60px;height:60px;border-width:4px}.spinner-sm{width:24px;height:24px;border-width:2px}.modal-backdrop{animation:fadeIn .3s ease}.modal-content{animation:slideUpFade .3s ease}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatWatermark{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-48%) scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid;font-family:var(--font-heading);text-transform:uppercase}.status-chip.active,.status-chip.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.status-chip.inactive,.status-chip.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.status-chip.warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.status-chip.info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:1px solid;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0b0b0d14}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0b0b0d26}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);box-shadow:none}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-link{color:#0b0b0d;font-weight:600;font-size:.9rem;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:#0b0b0d4d;text-decoration-thickness:1px;text-underline-offset:3px;box-shadow:none}.btn-link:hover{text-decoration-color:#0b0b0d99;transform:none}input,textarea,select{font-family:var(--font-body);padding:12px 16px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff80,#f8f8f880);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:1rem;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:#0b0b0d66;background:#ffffffe6;box-shadow:0 0 0 3px #0b0b0d0d}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}@keyframes highlightPulse{0%,to{background-color:#ffffff80;box-shadow:var(--shadow-sm)}50%{background-color:#0b0b0d14;box-shadow:0 0 0 4px #0b0b0d1a,var(--shadow-md)}}.highlight-task{animation:highlightPulse 1s ease-in-out 2}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-background{position:fixed;inset:0;background:linear-gradient(135deg,#fff,#f8f8f8,#f0f0f0);z-index:-2}.login-watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background:url(/assets/LOGO-DNEO56A9.png) center center no-repeat;background-size:contain;opacity:.03;pointer-events:none;z-index:-1;animation:floatWatermark 20s ease-in-out infinite}.login-logo-corner{position:fixed;top:24px;right:24px;width:180px;opacity:.85;z-index:10;animation:fadeInDown .6s ease}.login-logo-corner img{width:100%;height:auto;filter:grayscale(20%)}.login-content{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px;z-index:5;animation:fadeInUp .6s ease}.login-card{background:linear-gradient(135deg,#ffffffe6,#f8f8f8d9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.12);border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #0b0b0d1f}.login-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#0b0b0d0f,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:16px;margin-bottom:20px;animation:scaleIn .5s ease .2s backwards}.login-icon{width:36px;height:36px;color:#0b0b0de6}.login-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;animation:fadeIn .6s ease .3s backwards}.login-subtitle{font-size:1rem;color:var(--text-secondary);animation:fadeIn .6s ease .4s backwards}.login-form{display:flex;flex-direction:column;gap:24px}.login-error{padding:14px 18px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.2);border-radius:var(--radius-md);color:#0b0b0de6;font-size:.95rem;font-weight:500;animation:shake .5s ease}.login-label{font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.login-input-icon{position:absolute;left:16px;width:20px;height:20px;color:#0b0b0d66;pointer-events:none;transition:color .3s ease}.login-input{width:100%;padding:14px 16px 14px 48px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff9,#f8f8f880);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.login-input:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.login-input:focus~.login-input-icon,.login-input-wrapper:focus-within .login-input-icon{color:#0b0b0dcc}.login-input::placeholder{color:var(--text-tertiary)}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#0b0b0d,#1f2126);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d40;margin-top:8px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#1f2126,#2d2f35);transform:translateY(-2px);box-shadow:0 8px 24px #0b0b0d4d}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-demo{margin-top:32px;padding-top:32px;border-top:1px solid rgba(11,11,13,.12)}.login-demo-title{text-align:center;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.login-demo-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-demo-card{padding:16px;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0f);border:1px solid rgba(11,11,13,.12);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.login-demo-card:hover{background:linear-gradient(135deg,#0b0b0d0f,#0b0b0d17);border-color:#0b0b0d33;transform:translateY(-2px)}.login-demo-role{font-family:var(--font-heading);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0b0b0d99}.login-demo-email,.login-demo-pass{font-family:Fira Code,monospace;font-size:.8rem;padding:4px 8px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-radius:var(--radius-sm);color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis}.login-demo-pass{font-family:Fira Code,monospace;font-size:.8rem;padding:4px 8px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-radius:var(--radius-sm);color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis}.login-footer{text-align:center;font-size:.85rem;color:var(--text-tertiary);animation:fadeIn .6s ease .8s backwards}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#fff,#f8f8f8);position:relative}.dashboard-container:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:url(/assets/LOGO-DNEO56A9.png) center center no-repeat;background-size:contain;opacity:.02;pointer-events:none;z-index:0}.dashboard-content{max-width:1400px;margin:0 auto;padding:32px 24px;position:relative;z-index:1}.dashboard-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.dashboard-loading-text{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.dashboard-header{margin-bottom:32px;animation:fadeInUp .5s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stats-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#ffffffe6,#f8f8f8d9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:24px;box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease;animation:fadeInUp .5s ease backwards;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0b0b0d1a,#0b0b0d4d,#0b0b0d1a);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(5){animation-delay:.5s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.stat-card-content{display:flex;align-items:center;justify-content:space-between;gap:16px}.stat-card-info{flex:1}.stat-card-label{font-size:.8rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.stat-card-value{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;color:#0b0b0d;line-height:1}.stat-card-value-success,.stat-card-value-primary,.stat-card-value-warning,.stat-card-value-info{background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-hint{font-size:.7rem;color:#0b0b0d73;margin-top:6px;font-style:italic}.stat-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto}.stat-card-icon-blue,.stat-card-icon-green,.stat-card-icon-orange,.stat-card-icon-purple{color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:1fr 360px;gap:24px}.dashboard-main,.dashboard-sidebar{display:flex;flex-direction:column;gap:24px}.dashboard-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden;animation:fadeInUp .6s ease backwards}.dashboard-card-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.dashboard-table-wrapper{overflow-x:auto}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table thead tr{background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border-bottom:1px solid rgba(11,11,13,.1)}.dashboard-table th{padding:16px 24px;text-align:left;font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#0b0b0d99}.dashboard-table tbody tr{border-bottom:1px solid rgba(11,11,13,.06);transition:all .2s ease}.dashboard-table tbody tr:hover{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a)}.dashboard-table td{padding:18px 24px;color:var(--text-primary)}.employee-name{font-weight:600;color:var(--text-primary)}.employee-email{font-size:.9rem;color:var(--text-secondary)}.employee-hours{font-family:var(--font-heading);font-weight:600;color:var(--text-primary)}.tasks-list{display:flex;flex-direction:column;gap:16px}.task-card{background:linear-gradient(135deg,#ffffffe6,#f8f8f8cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#0b0b0d33,#0b0b0d80);opacity:0;transition:opacity .3s ease}.task-card:hover:before{opacity:1}.task-card:hover{border-color:#0b0b0d33;box-shadow:0 4px 16px #0b0b0d14;transform:translate(4px)}.task-card-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.task-card-main{flex:1}.task-card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.task-card-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.task-card-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:12px}.task-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--text-secondary)}.task-meta-item{display:inline-flex;align-items:center;gap:6px}.task-meta-item svg{color:var(--text-secondary);flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:16px}.empty-state-text{font-size:1rem;color:var(--text-secondary);font-weight:500}.error-card{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-lg);padding:32px;text-align:center;max-width:600px;margin:0 auto;animation:shake .5s ease}.error-card-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#0b0b0de6;margin-bottom:12px}.error-card-text{color:#0b0b0db3;font-size:1rem;margin-bottom:20px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.8);padding:6px 12px;background:#0b0b0df2;color:#fff;font-size:.85rem;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:1000}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.skeleton{background:linear-gradient(90deg,#0b0b0d0d 25%,#0b0b0d14,#0b0b0d0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{padding:20px}.stat-card-value{font-size:2rem}}@media(max-width:768px){.dashboard-content{padding:20px 16px}.dashboard-title{font-size:2rem}.dashboard-card-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-table th,.dashboard-table td{padding:12px 16px}.task-card{padding:16px}.login-logo-corner{width:120px;top:16px;right:16px}.login-card{padding:36px 28px}.login-title{font-size:1.75rem}.login-demo-cards{grid-template-columns:1fr}.login-watermark{width:90%;height:90%}}@media(max-width:640px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.stat-card-value{font-size:1.75rem}.stat-card-hint{font-size:.7rem}}.navbar{background:linear-gradient(135deg,#0b0b0df2,#1f2126fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0b0b0d26;position:sticky;top:0;z-index:100}.navbar-container{max-width:1400px;margin:0 auto;padding:0 24px}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:64px}.navbar-brand{display:flex;align-items:center;gap:16px}.navbar-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ffffff1a,#ffffff26);border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-actions{display:flex;align-items:center;gap:20px}.navbar-user{display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(135deg,#ffffff14,#ffffff1f);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#ffffff26,#fff3);border-radius:50%;color:#fff}.navbar-user-name{font-size:.95rem;font-weight:600;color:#fff}.navbar-logout{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#ffffff1f,#ffffff2e);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-logout:hover{background:linear-gradient(135deg,#fff3,#ffffff40);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.clock-widget{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:24px;box-shadow:0 8px 32px #0b0b0d14;position:relative;overflow:hidden}.clock-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0b0b0d1a,#0b0b0d4d,#0b0b0d1a)}.clock-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.clock-icon{width:22px;height:22px;color:#0b0b0db3}.clock-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#0b0b0dcc}.clock-time{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:12px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.clock-date{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#0b0b0d99;padding:10px 14px;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.clock-date span{line-height:1.4}.clock-date-section{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#0b0b0d08;border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:12px}.clock-date-icon-wrapper{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d0d);border-radius:var(--radius-md);flex-shrink:0}.clock-date-icon{width:18px;height:18px;color:var(--text-primary)}.clock-date-content{display:flex;flex-direction:column;gap:2px;flex:1}.clock-date-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0}.clock-date-value{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.4;margin:0}@media(max-width:768px){.clock-date-section{padding:10px;gap:10px}.clock-date-icon-wrapper{width:32px;height:32px}.clock-date-value{font-size:.85rem}}@media(max-width:768px){.navbar-content{height:56px}.navbar-title{font-size:1.1rem}.navbar-badge,.navbar-user-name,.navbar-logout span{display:none}.clock-time{font-size:2rem}.clock-date{font-size:.75rem}}@media(max-width:480px){.navbar-actions{gap:12px}.navbar-user{padding:8px}.navbar-logout{padding:10px}}.modal-backdrop{position:fixed;inset:0;background:#0b0b0d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:80px 16px 16px;animation:fadeIn .3s ease;overflow-y:auto}.modal-container{background:linear-gradient(135deg,#fffffffa,#f8f8f8f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.12);border-radius:12px;box-shadow:0 20px 60px #0b0b0d40;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUpFade .3s ease}.modal-sm{max-width:400px}.modal-md{max-width:540px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(11,11,13,.1);background:linear-gradient(135deg,#f8f8f880,#f0f0f080)}.modal-header-content{display:flex;align-items:center;gap:12px}.modal-header-icon{width:22px;height:22px;color:#0b0b0db3}.modal-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:.5px;color:var(--text-primary)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);color:#0b0b0d99;cursor:pointer;transition:all .3s ease}.modal-close-btn:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border-color:#0b0b0d33;color:#0b0b0de6}.modal-body{padding:28px;overflow-y:auto;flex:1}.modal-error{padding:14px 18px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.2);border-radius:var(--radius-md);color:#0b0b0de6;font-size:.95rem;font-weight:500;margin-bottom:20px;animation:shake .5s ease}.modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.modal-form-stack{display:flex;flex-direction:column;gap:20px}.modal-input-group{display:flex;flex-direction:column;gap:8px}.modal-input-full{grid-column:1 / -1}.modal-label{font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:.3px;display:flex;align-items:center;gap:6px}.modal-required{color:#0b0b0d80;font-weight:700}.modal-input,.modal-select{width:100%;padding:12px 16px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff9,#f8f8f880);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.modal-input:focus,.modal-select:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.modal-input::placeholder{color:var(--text-tertiary)}.modal-textarea{width:100%;padding:12px 16px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:linear-gradient(135deg,#fff9,#f8f8f880);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);resize:vertical;min-height:80px;transition:all .3s ease}.modal-textarea:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.modal-hint{font-size:.8rem;color:#0b0b0d80;font-style:italic;margin-top:4px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:24px;margin-top:8px;border-top:1px solid rgba(11,11,13,.08)}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px;gap:16px}.modal-loading-spinner{color:#0b0b0d99}.modal-loading-text{font-size:1rem;color:var(--text-secondary);font-weight:500}.btn-sm{padding:8px 16px;font-size:.8rem}.message-board{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden}.message-board-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.message-board-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.message-board-body{padding:20px 24px}.message-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.message-item{padding:16px;border-radius:var(--radius-md);border:1px solid rgba(11,11,13,.1);transition:all .3s ease;cursor:pointer}.message-unread{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26}.message-unread:hover{background:linear-gradient(135deg,#0b0b0d0f,#0b0b0d14);border-color:#0b0b0d33;transform:translate(4px)}.message-read{background:linear-gradient(135deg,#fffc,#f8f8f8b3);border-color:#0b0b0d14}.message-read:hover{background:linear-gradient(135deg,#f8f8f8e6,#f0f0f0cc);border-color:#0b0b0d1f;transform:translate(4px)}.message-sent{background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border-color:#0b0b0d1a;cursor:default}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.message-header-sent{flex-direction:row-reverse}.message-meta{display:flex;align-items:center;gap:8px}.message-from,.message-to{font-size:.9rem;font-weight:600;color:#0b0b0dcc}.message-time{font-size:.8rem;color:#0b0b0d80}.message-icon-success{color:#0b0b0d99}.message-icon-unread{color:#0b0b0db3}.message-icon-read{color:#0b0b0d66}.message-icon-sent{color:#0b0b0d99}.message-content{font-size:.9rem;color:#0b0b0dbf;line-height:1.5;margin-bottom:8px}.message-content-sent{text-align:right}.message-hint{font-size:.8rem;color:#0b0b0d99;font-weight:600;font-style:italic}.message-footer-sent{display:flex;justify-content:flex-end;margin-top:8px}.message-status{font-size:.75rem;color:#0b0b0d99;font-weight:600}.message-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.message-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin-bottom:16px}.message-empty-text{font-size:1rem;color:var(--text-secondary);font-weight:500}.attendance-table-container{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden}.attendance-table-header{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.attendance-table-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.attendance-table-wrapper{overflow-x:auto}.attendance-table{width:100%;border-collapse:collapse}.attendance-table thead tr{background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border-bottom:1px solid rgba(11,11,13,.1)}.attendance-table th{padding:16px 20px;text-align:left;font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#0b0b0d99}.attendance-table tbody tr{border-bottom:1px solid rgba(11,11,13,.06);transition:all .2s ease}.attendance-table tbody tr:hover{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a)}.attendance-table td{padding:16px 20px;color:var(--text-primary);font-size:.9rem}.attendance-table-date{font-weight:600;color:#0b0b0de6}.attendance-table-time{color:#0b0b0db3}.attendance-table-hours{font-family:var(--font-heading);font-weight:600;color:#0b0b0de6}.attendance-table-dash{color:#0b0b0d4d;font-weight:700}.attendance-table-empty{padding:48px 24px!important;text-align:center;color:var(--text-secondary)}.attendance-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin:0 auto 16px}@media(max-width:768px){.modal-form-grid{grid-template-columns:1fr}.message-list{max-height:300px}.attendance-table th,.attendance-table td{padding:12px 16px;font-size:.85rem}}.time-tracker-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden}.time-tracker-header{padding:24px 28px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.time-tracker-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.time-tracker-live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:12px;font-size:.65rem;font-weight:700;letter-spacing:.5px;color:#0b0b0dcc}.live-dot{width:6px;height:6px;background:#0b0b0db3;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.time-tracker-body{padding:28px}.time-tracker-loading{display:flex;align-items:center;justify-content:center;padding:48px}.time-tracker-error{padding:14px 18px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.2);border-radius:var(--radius-md);color:#0b0b0de6;font-size:.95rem;font-weight:500;margin-bottom:20px}.time-tracker-content{display:flex;flex-direction:column;gap:24px}.time-tracker-status{display:flex;align-items:center;justify-content:space-between}.time-tracker-label{font-size:.85rem;color:#0b0b0d8c;margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.time-tracker-status-info{display:flex;align-items:center;gap:10px}.status-indicator{width:12px;height:12px;border-radius:50%}.status-active{background:#0b0b0dcc;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-inactive{background:#0b0b0d33}.time-tracker-status-text{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.time-tracker-login-time{text-align:right}.time-tracker-time{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.time-tracker-hours-card{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:20px}.time-tracker-hours-content{display:flex;align-items:center;gap:16px}.time-tracker-hours-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:12px;color:#0b0b0dcc;flex-shrink:0}.time-tracker-hours-label{font-size:.85rem;color:#0b0b0d99;margin-bottom:6px}.time-tracker-hours-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.time-tracker-hours-hint{font-size:.75rem;color:#0b0b0d80;margin-top:8px;display:flex;align-items:center;gap:6px}.time-tracker-hours-hint-active{color:#0b0b0db3;font-weight:600}.sync-dot{width:6px;height:6px;background:#0b0b0d99;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.time-tracker-activity-card{background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0f);border:1px solid rgba(11,11,13,.12);border-radius:var(--radius-lg);padding:20px}.time-tracker-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.time-tracker-activity-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.time-tracker-activity-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:12px;font-size:.65rem;font-weight:700;letter-spacing:.5px;color:#0b0b0dcc}.time-tracker-activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.time-tracker-activity-item{display:flex;align-items:center;gap:12px}.time-tracker-activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#0b0b0d0f,#0b0b0d1a);border-radius:10px;color:#0b0b0db3;flex-shrink:0}.time-tracker-activity-label{font-size:.75rem;color:#0b0b0d8c;margin-bottom:4px}.time-tracker-activity-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#0b0b0de6}.time-tracker-activity-value-success{color:#0b0b0dcc}.time-tracker-activity-value-warning{color:#0b0b0d99}.time-tracker-activity-footer{margin-top:16px;padding-top:16px;border-top:1px solid rgba(11,11,13,.1);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#0b0b0d80}.time-tracker-activity-status{color:#0b0b0db3;font-weight:600}.time-tracker-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0b0b0d1f}.time-tracker-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0b0b0d2e}.time-tracker-btn:disabled{opacity:.6;cursor:not-allowed}.time-tracker-btn-clockin{background:linear-gradient(135deg,#0b0b0dd9,#0b0b0df2);color:#fff}.time-tracker-btn-clockout{background:linear-gradient(135deg,#0b0b0db3,#0b0b0dd9);color:#fff}.time-tracker-info{text-align:center;font-size:.8rem;color:#0b0b0d80}.time-tracker-info-highlight{margin-top:6px;color:#0b0b0db3;font-weight:600}.task-list-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden}.task-list-header{padding:24px 28px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.task-list-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.task-list-body{padding:24px 28px}.task-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.task-list-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:16px}.task-list-empty-text{font-size:1rem;color:var(--text-secondary);font-weight:500}.task-list-content{display:flex;flex-direction:column;gap:16px}.task-item{background:linear-gradient(135deg,#ffffffe6,#f8f8f8cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.task-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:background .3s ease}.task-status-completed:before{background:linear-gradient(180deg,#0b0b0d4d,#0b0b0d80)}.task-status-progress:before{background:linear-gradient(180deg,#0b0b0d33,#0b0b0d66)}.task-status-pending:before{background:linear-gradient(180deg,#0b0b0d1a,#0b0b0d4d)}.task-item:hover{border-color:#0b0b0d33;box-shadow:0 4px 16px #0b0b0d14;transform:translate(4px)}.task-item-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.task-item-main{flex:1}.task-item-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.task-item-icon{color:#0b0b0d99}.task-item-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.task-item-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:12px}.task-item-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.8rem;color:#0b0b0d80}.task-item-badge{flex-shrink:0}.task-item-actions{display:flex;align-items:center;gap:10px}.desktop-stats-card{background:linear-gradient(135deg,#0b0b0df2,#1f2126fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:24px;color:#fff;box-shadow:0 8px 32px #0b0b0d40}.desktop-stats-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:.5px;margin-bottom:20px}.desktop-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.desktop-stats-item{background:linear-gradient(135deg,#ffffff14,#ffffff1f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:16px}.desktop-stats-item-header{display:flex;align-items:center;gap:8px;font-size:.85rem;margin-bottom:10px;color:#fffc}.desktop-stats-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#fff}.desktop-stats-activity{background:linear-gradient(135deg,#ffffff14,#ffffff1f);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.desktop-stats-activity-label{font-size:.85rem;color:#ffffffb3;margin-bottom:8px}.desktop-stats-activity-app{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-stats-activity-window{font-size:.8rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-stats-footer{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.desktop-stats-sync-time{color:#ffffffb3}.desktop-stats-sync-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ffffff26,#fff3);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.desktop-stats-sync-btn:hover:not(:disabled){background:linear-gradient(135deg,#fff3,#ffffff40);border-color:#ffffff59;transform:translateY(-2px)}.desktop-stats-sync-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.time-tracker-status{flex-direction:column;align-items:flex-start;gap:16px}.time-tracker-login-time{text-align:left}.time-tracker-activity-grid{grid-template-columns:1fr}.task-item-content{flex-direction:column}.task-item-badge{align-self:flex-start}.desktop-stats-grid{grid-template-columns:1fr}}@media(max-width:480px){.time-tracker-body,.task-list-body{padding:20px}.time-tracker-hours-value{font-size:1.75rem}.time-tracker-activity-footer{flex-direction:column;align-items:flex-start;gap:8px}.desktop-stats-footer{flex-direction:column;align-items:flex-start;gap:12px}.desktop-stats-sync-btn{width:100%;justify-content:center}}.employee-stats-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border-bottom:1px solid rgba(11,11,13,.1);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0b0b0d0d}.employee-stats-name{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;letter-spacing:.5px;color:var(--text-primary);margin-bottom:4px}.employee-stats-email{font-size:.95rem;color:#0b0b0d80}.employee-stats-body{overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:24px}.employee-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.employee-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);transition:all .3s ease}.employee-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d14;border-color:#0b0b0d26}.employee-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;color:var(--accent);width:auto;height:auto}.employee-stat-label{font-size:.85rem;color:#0b0b0d8c;margin-bottom:6px;font-weight:600}.employee-stat-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.employee-activity-card{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-lg);padding:20px}.employee-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.employee-activity-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.employee-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.employee-activity-item{text-align:left}.employee-activity-label{font-size:.85rem;color:#0b0b0d8c;margin-bottom:6px;font-weight:600}.employee-activity-value{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:#0b0b0de6}.employee-activity-value-success{color:#0b0b0dd9}.employee-activity-value-warning{color:#0b0b0d99}.employee-salary-card{background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0f);border:1px solid rgba(11,11,13,.12);border-radius:var(--radius-lg);padding:24px}.employee-salary-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.employee-salary-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.employee-salary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.employee-salary-section{display:flex;flex-direction:column;gap:16px}.employee-salary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-salary-label{font-size:.9rem;color:#0b0b0d99;display:flex;align-items:center;gap:6px}.employee-salary-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#0b0b0de6}.employee-salary-highlight{color:#0b0b0dcc}.employee-salary-deduction{color:#0b0b0db3}.employee-salary-total{padding-top:16px;border-top:2px solid rgba(11,11,13,.15);display:flex;align-items:center;justify-content:space-between}.employee-salary-total-label{font-size:1rem;font-weight:600;color:#0b0b0db3}.employee-salary-total-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-salary-legend{margin-top:20px;padding-top:20px;border-top:1px solid rgba(11,11,13,.1)}.employee-salary-legend-title{font-size:.8rem;color:#0b0b0d80;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.employee-salary-legend-items{display:flex;flex-wrap:wrap;gap:8px}.employee-productivity{font-family:var(--font-heading);font-weight:700;font-size:.95rem}.employee-productivity-high{color:#0b0b0dd9}.employee-productivity-medium{color:#0b0b0da6}.employee-productivity-low{color:#0b0b0d80}.dashboard-table-empty{padding:48px 24px!important;text-align:center;color:var(--text-secondary);font-size:1rem}.activity-breakdown-header{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;background:linear-gradient(135deg,#0b0b0df2,#1f2126fa);color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10;box-shadow:0 4px 12px #0b0b0d33}.activity-breakdown-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:.5px;color:#fff;margin-bottom:4px}.activity-breakdown-subtitle{font-size:.95rem;color:#ffffffb3}.activity-breakdown-body{overflow-y:auto;padding:28px 32px;display:flex;flex-direction:column;gap:24px}.activity-breakdown-date-card{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-lg);padding:20px}.activity-breakdown-date-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.activity-breakdown-date-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.activity-breakdown-date-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.activity-breakdown-input-label{display:block;font-size:.8rem;color:#0b0b0d99;margin-bottom:6px;font-weight:600}.activity-breakdown-summary{display:flex;align-items:center;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg)}.activity-breakdown-summary-time{display:flex;align-items:center;gap:16px}.activity-breakdown-summary-icon{display:flex;align-items:center;justify-content:center;background:none!important;color:var(--accent);width:auto;height:auto}.activity-breakdown-summary-apps{text-align:right}.activity-breakdown-summary-label{font-size:.85rem;color:#0b0b0d8c;margin-bottom:8px;font-weight:600}.activity-breakdown-summary-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1}.activity-breakdown-list-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary);display:flex;align-items:center;gap:10px;margin-bottom:16px}.activity-breakdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d08);border:2px dashed rgba(11,11,13,.15);border-radius:var(--radius-lg)}.activity-breakdown-empty-icon{width:80px;height:80px;color:#0b0b0d33;margin-bottom:20px}.activity-breakdown-empty-text{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.activity-breakdown-empty-hint{font-size:.9rem;color:#0b0b0d80}.activity-breakdown-list{display:flex;flex-direction:column;gap:16px}.activity-breakdown-item{background:linear-gradient(135deg,#ffffffe6,#f8f8f8cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);padding:20px;transition:all .3s ease}.activity-breakdown-item:hover{border-color:#0b0b0d33;box-shadow:0 4px 16px #0b0b0d14;transform:translateY(-2px)}.activity-breakdown-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.activity-breakdown-item-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.activity-breakdown-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:10px;color:#0b0b0db3;flex-shrink:0}.activity-breakdown-item-name{font-size:1rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-breakdown-item-stats{text-align:right;flex-shrink:0;margin-left:16px}.activity-breakdown-item-duration{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.activity-breakdown-item-percentage{font-size:.85rem;font-weight:700;color:#0b0b0d99}.activity-breakdown-progress{width:100%;height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.activity-breakdown-progress-bar{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width .5s ease}@media(max-width:768px){.employee-stats-grid{grid-template-columns:1fr}.employee-activity-grid{grid-template-columns:repeat(2,1fr)}.employee-salary-grid{grid-template-columns:1fr}.activity-breakdown-summary{flex-direction:column;align-items:flex-start;gap:20px}.activity-breakdown-summary-apps{text-align:left}.activity-breakdown-item-header{flex-direction:column;align-items:flex-start;gap:12px}.activity-breakdown-item-stats{align-self:flex-start;text-align:left;margin-left:0}}@media(max-width:480px){.employee-stats-header,.activity-breakdown-header{padding:20px}.employee-stats-name,.activity-breakdown-title{font-size:1.5rem}.employee-stats-body,.activity-breakdown-body{padding:20px}.employee-activity-grid{grid-template-columns:1fr}}.employee-attendance-section{margin-top:32px}.employee-attendance-divider{display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.employee-attendance-divider:before,.employee-attendance-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(11,11,13,.2),transparent)}.employee-attendance-divider-text{padding:0 20px;font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#0b0b0d99}*:focus{outline:none}*:focus-visible{outline:2px solid rgba(11,11,13,.4);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,.btn:focus-visible{outline:2px solid rgba(11,11,13,.5);outline-offset:3px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px #0b0b0d14}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--accent);color:#fff;padding:8px 16px;z-index:9999;font-weight:600;text-decoration:none;border-radius:0 0 var(--radius-md) 0}.skip-to-content:focus{top:0}.loading-shimmer{background:linear-gradient(90deg,#0b0b0d08,#0b0b0d14,#0b0b0d08);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:14px;background:linear-gradient(90deg,#0b0b0d0d 25%,#0b0b0d1a,#0b0b0d0d 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s infinite}.skeleton-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#0b0b0d0d 25%,#0b0b0d1a,#0b0b0d0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.pulse-dot{animation:pulseDot 2s ease-in-out infinite}.interactive-scale{transition:transform .2s ease}.interactive-scale:hover{transform:scale(1.02)}.interactive-scale:active{transform:scale(.98)}.dashboard-card,.stat-card,.task-item,.message-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0b0b0d1a}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none}.btn-ripple:active:after{animation:ripple .6s ease-out}.glow-on-focus:focus-visible{box-shadow:0 0 0 4px #0b0b0d1a}@media print{.navbar,.sidebar,.btn,button,.modal-close-btn{display:none!important}body{background:#fff!important;color:#000!important}.dashboard-card,.stat-card,.attendance-table-container{border:1px solid #000!important;background:#fff!important;page-break-inside:avoid}*{box-shadow:none!important;text-shadow:none!important}body{font-size:12pt}h1{font-size:24pt}h2{font-size:18pt}h3{font-size:14pt}}.notes-masonry-container{column-count:1;column-gap:1rem;width:100%}@media(min-width:640px){.notes-masonry-container{column-count:2}}@media(min-width:1024px){.notes-masonry-container{column-count:3}}@media(min-width:1536px){.notes-masonry-container{column-count:4}}.notes-masonry-item{break-inside:avoid;page-break-inside:avoid;margin-bottom:1rem;display:inline-block;width:100%}.note-card{position:relative;border-width:2px;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s;overflow:hidden}.note-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.note-pin-badge{position:absolute;top:-.5rem;right:-.5rem;background-color:#ef4444;color:#fff;border-radius:9999px;padding:.375rem;box-shadow:0 4px 6px -1px #0000001a;z-index:10}.note-card-content{padding:1rem}.note-title{font-weight:700;color:#111827;margin-bottom:.5rem;font-size:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1);word-wrap:break-word;overflow-wrap:break-word}.note-content{color:#1f2937;font-size:.875rem;white-space:pre-wrap;margin-bottom:.75rem;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;max-height:300px;overflow-y:auto}.note-content::-webkit-scrollbar{width:4px}.note-content::-webkit-scrollbar-track{background:transparent}.note-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.note-timestamp{font-size:.75rem;color:#6b7280;font-style:italic;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1);margin-bottom:.75rem}.note-actions{display:flex;gap:.5rem}.note-edit-mode{display:flex;flex-direction:column}.sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:100;box-shadow:0 0 40px #1a1c1e0d;transition:width .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:88px}.sidebar-collapse-btn{position:absolute;right:-14px;top:24px;width:28px;height:28px;background:#fff;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;z-index:101;transition:all .3s ease;box-shadow:0 4px 12px #1a1c1e1a}.sidebar-collapse-btn:hover{background:var(--bg-secondary);color:var(--accent);transform:scale(1.1)}.sidebar-header{padding:32px 24px;transition:padding .3s ease}.sidebar.collapsed .sidebar-header{padding:32px 16px}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-logo-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-logo-text{display:flex;align-items:center;opacity:1;transition:opacity .2s ease;min-width:0}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0;overflow:hidden}.sidebar-wordmark-img{height:24px;width:auto;object-fit:contain}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:20px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:padding .3s ease}.sidebar.collapsed .sidebar-profile{padding:20px 16px;justify-content:center}.sidebar-profile-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff;border:1px solid var(--border-color);border-radius:50%;color:var(--accent);flex-shrink:0;box-shadow:0 2px 8px #5c59e81a}.sidebar-profile-info{flex:1;min-width:0;opacity:1;transition:opacity .2s ease}.sidebar.collapsed .sidebar-profile-info{opacity:0;width:0;overflow:hidden}.sidebar-profile-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-role{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 0}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:14px 24px;margin:0 12px;border-radius:12px;font-size:.95rem;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;position:relative;cursor:pointer;background:transparent;border:none;width:calc(100% - 24px);text-align:left;font-family:inherit}.sidebar.collapsed .sidebar-menu-item{padding:14px 16px;margin:0 8px;justify-content:center;width:calc(100% - 16px)}.sidebar-menu-item:hover{background:var(--bg-secondary);color:var(--accent);transform:translate(4px)}.sidebar.collapsed .sidebar-menu-item:hover{transform:translate(0) scale(1.1)}.sidebar-menu-item.active{background:var(--accent-light);color:var(--accent)}.sidebar-menu-icon{width:20px;height:20px;flex-shrink:0}.sidebar-menu-label{flex:1;opacity:1;transition:opacity .2s ease;min-width:0}.sidebar.collapsed .sidebar-menu-label{opacity:0;width:0;overflow:hidden}.sidebar-menu-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.sidebar.collapsed .sidebar-menu-indicator{display:none}.sidebar-menu-chevron{width:16px;height:16px;margin-left:auto;transition:transform .3s ease;flex-shrink:0;opacity:.5}.sidebar-menu-item:hover .sidebar-menu-chevron{opacity:.8}.sidebar.collapsed .sidebar-menu-chevron{display:none}.sidebar-submenu{list-style:none;padding:4px 0;margin:2px 12px 6px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;animation:slideDown .3s ease;max-height:400px;overflow-y:auto}.sidebar.collapsed .sidebar-submenu{display:none}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.sidebar-submenu-item{display:flex;align-items:center;padding:10px 16px 10px 32px;margin:2px 8px;color:var(--text-secondary);text-decoration:none;font-size:.88rem;font-weight:500;transition:all .3s ease;position:relative;border-radius:8px;gap:10px}.sidebar-submenu-item:hover{background:var(--accent-light);color:var(--accent);padding-left:36px}.sidebar-submenu-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-submenu-dot{width:5px;height:5px;border-radius:50%;background:var(--border-color);transition:all .3s ease;flex-shrink:0}.sidebar-submenu-item:hover .sidebar-submenu-dot,.sidebar-submenu-item.active .sidebar-submenu-dot{background:var(--accent);transform:scale(1.2)}.sidebar-footer{padding:20px 12px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.sidebar.collapsed .sidebar-footer{padding:20px 8px}.sidebar-footer-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.sidebar.collapsed .sidebar-footer-item{padding:12px;justify-content:center}.sidebar.collapsed .sidebar-footer-item span{display:none}.sidebar-footer-item:hover{background:var(--bg-secondary);color:var(--accent)}.sidebar-logout{color:var(--danger)}.sidebar-logout:hover{background:var(--danger-bg);color:var(--danger)}.sidebar-nav::-webkit-scrollbar,.sidebar-submenu::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track,.sidebar-submenu::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb,.sidebar-submenu::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover,.sidebar-submenu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:1024px){.sidebar{width:240px}.sidebar.collapsed{width:70px}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease,width .3s ease;width:280px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar-collapse-btn{display:none}.sidebar-mobile-toggle{display:flex}.sidebar-mobile-overlay{display:block;position:fixed;inset:0;background:#0009;z-index:99}}.layout-wrapper{display:flex;min-height:100vh;background:linear-gradient(135deg,#fff,#f8f8f8);position:relative}.layout-main{flex:1;margin-left:280px;min-height:100vh;transition:margin-left .3s ease;position:relative;z-index:1}.sidebar.collapsed~.layout-main{margin-left:80px}.layout-content{max-width:1600px;margin:0 auto;padding:32px 24px;position:relative}.layout-content.full-width{max-width:none;margin:0;padding:0}.layout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);gap:20px}.layout-loading-text{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px}.layout-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:40px 20px}.layout-error-icon{width:80px;height:80px;color:#0b0b0d4d;margin-bottom:24px}.layout-error-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center}.layout-error-message{font-size:1rem;color:var(--text-secondary);margin-bottom:28px;text-align:center;max-width:500px}@media(max-width:1024px){.layout-main{margin-left:240px}.sidebar.collapsed~.layout-main{margin-left:70px}.layout-content{padding:24px 20px}}@media(max-width:768px){.layout-main{margin-left:0}.sidebar.collapsed~.layout-main{margin-left:0}.layout-content{padding:0}}.ba-modal-overlay{position:fixed;inset:0;background:#0b0b0d99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.ba-modal-container{background:linear-gradient(135deg,#fffffffa,#f8f8f8f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0b0b0d4d;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ba-modal-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(11,11,13,.1);background:linear-gradient(135deg,#f8f8f899,#f0f0f080);flex-shrink:0;z-index:10}.ba-modal-header-content{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.ba-modal-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ba-modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:8px;color:#0b0b0db3;cursor:pointer;transition:all .3s ease}.ba-modal-close-btn:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);color:#0b0b0de6}.ba-modal-body{padding:32px;overflow-y:auto;flex:1;min-height:0}.ba-modal-body::-webkit-scrollbar{width:8px}.ba-modal-body::-webkit-scrollbar-track{background:#0b0b0d0d;border-radius:4px}.ba-modal-body::-webkit-scrollbar-thumb{background:#0b0b0d33;border-radius:4px}.ba-modal-body::-webkit-scrollbar-thumb:hover{background:#0b0b0d4d}.ba-form-section{margin-bottom:32px}.ba-form-section:last-child{margin-bottom:0}.ba-form-section-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(11,11,13,.1)}.ba-form-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(11,11,13,.1)}.ba-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ba-form-grid-3{grid-template-columns:repeat(3,1fr)}.ba-form-group-full{grid-column:1 / -1}.ba-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.ba-form-label{font-size:.9rem;font-weight:600;color:#0b0b0dcc;letter-spacing:.3px}.ba-form-label .text-red-500{color:#dc2626e6}.ba-form-input{width:100%;padding:12px 16px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.ba-form-input:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.ba-form-input.error{border-color:#dc262680}.ba-form-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.ba-form-textarea{width:100%;padding:12px 16px;border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);background:#fffc;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);resize:vertical;min-height:100px;transition:all .3s ease}.ba-form-textarea:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.ba-form-error{font-size:.85rem;color:#dc2626e6;font-weight:500}.ba-contact-item{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);margin-bottom:20px}.ba-contact-item:last-child{margin-bottom:0}.ba-contact-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(11,11,13,.08)}.ba-contact-item-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.ba-contact-item-actions{display:flex;gap:8px}.ba-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid}.ba-badge-primary{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.ba-alert{padding:14px 18px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;margin-bottom:20px;border:1px solid}.ba-alert-error{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#0b0b0de6}.ba-alert-warning{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0de6}.ba-modal-footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid rgba(11,11,13,.1);background:linear-gradient(135deg,#f8f8f8f2,#f0f0f0e6);flex-shrink:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:768px){.ba-modal-container{max-height:95vh}.ba-modal-header,.ba-modal-body,.ba-modal-footer{padding:20px}.ba-modal-title{font-size:1.25rem}.ba-form-grid,.ba-form-grid-3{grid-template-columns:1fr}.ba-contact-item-header{flex-direction:column;align-items:flex-start;gap:12px}.ba-contact-item-actions{width:100%;justify-content:flex-start}}.ba-modal-header-danger{background:linear-gradient(135deg,#dc26260d,#dc262614);border-bottom-color:#dc262633}.ba-modal-header-danger .ba-modal-header-content{color:#dc2626e6}.ba-delete-confirmation{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0}.ba-delete-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#dc26261a,#dc262626);border:2px solid rgba(220,38,38,.3);border-radius:50%;color:#dc2626cc;margin-bottom:24px}.ba-delete-message{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.5}.ba-delete-message strong{color:#dc2626e6;font-weight:700}.ba-delete-warning{font-size:.9rem;color:#0b0b0d99;margin-bottom:20px;line-height:1.6}.ba-alert{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;margin-bottom:20px;border:1px solid;width:100%}.ba-alert svg{flex-shrink:0;margin-top:2px}.ba-form-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ba-checkpoint-summary{display:flex;gap:24px;padding:16px;background:#0b0b0d08;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);margin-bottom:16px}.ba-checkpoint-summary-item{display:flex;align-items:center;gap:12px}.ba-checkpoint-summary-label{font-size:.875rem;font-weight:600;color:#0b0b0d99}.ba-checkpoint-summary-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.ba-checkpoint-summary-value.success{color:#10b981e6}.ba-checkpoint-summary-value.error{color:#dc2626e6}.ba-checkpoint-list{display:flex;flex-direction:column;gap:16px}.ba-checkpoint-item{padding:16px;background:#0b0b0d05;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md)}.ba-checkpoint-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(11,11,13,.08)}.ba-checkpoint-item-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:#0b0b0dcc}.ba-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ba-modal-container-xl{max-width:900px}@media(max-width:768px){.ba-form-grid-2{grid-template-columns:1fr}.ba-checkpoint-summary{flex-direction:column;gap:12px}}@media(max-width:1024px){.ba-modal-large{max-width:95vw}}@media(max-width:768px){.ba-milestone-summary{flex-direction:column;gap:12px}.ba-milestone-summary-item{width:100%;justify-content:space-between}}.ba-upload-section{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);margin-bottom:20px}.ba-requirements-list{display:flex;flex-direction:column;gap:16px}.ba-requirement-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);transition:all .3s ease}.ba-requirement-item:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f)}.ba-requirement-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:12px;color:#0b0b0db3;flex-shrink:0}.ba-requirement-info{flex:1;min-width:0}.ba-requirement-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ba-requirement-name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-requirement-badges{display:flex;gap:6px;flex-shrink:0}.ba-requirement-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#0b0b0d99;margin-bottom:8px;flex-wrap:wrap}.ba-requirement-notes{font-size:.9rem;color:#0b0b0db3;margin:0;font-style:italic}.ba-requirement-actions{display:flex;gap:8px;flex-shrink:0}.ba-badge-success{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.ba-export-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid rgba(11,11,13,.15);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.ba-export-btn:hover{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f60d,#3b82f614);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.ba-export-btn:active{transform:translateY(0)}.ba-export-btn svg{flex-shrink:0;color:#3b82f6cc}.ba-export-btn p{margin:0}.ba-export-btn p:first-of-type{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.ba-export-btn p:last-of-type{font-size:.875rem;color:#0b0b0d99}.ba-modal-body{scrollbar-width:thin;scrollbar-color:rgba(11,11,13,.2) rgba(11,11,13,.05)}.ba-modal-body::-webkit-scrollbar{width:10px}.ba-modal-body::-webkit-scrollbar-track{background:#0b0b0d0d;border-radius:4px;margin:4px 0}.ba-modal-body::-webkit-scrollbar-thumb{background:#0b0b0d33;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.ba-modal-body::-webkit-scrollbar-thumb:hover{background:#0b0b0d4d;background-clip:padding-box}.ba-modal-header:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:linear-gradient(180deg,rgba(11,11,13,.05) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.ba-modal-footer:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:linear-gradient(0deg,rgba(11,11,13,.05) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.ba-modal-small{max-width:500px}.ba-modal-large{max-width:1000px}.ba-form-grid{margin-bottom:20px}.ba-form-group:last-child{margin-bottom:0}@media(max-height:800px){.ba-modal-container{max-height:95vh}.ba-modal-body{max-height:calc(95vh - 150px);padding:24px}.ba-modal-header,.ba-modal-footer{padding:16px 24px}}@media(max-height:600px){.ba-modal-container{max-height:98vh}.ba-modal-body{max-height:calc(98vh - 130px);padding:20px}.ba-modal-header,.ba-modal-footer{padding:12px 20px}}form{display:flex;flex-direction:column;height:100%;min-height:0}.ba-modal-footer button{flex-shrink:0}.form-list{display:flex;flex-direction:column;gap:12px}.form-list-item{display:flex;gap:12px;align-items:flex-start}.form-list-fields{display:flex;gap:12px;flex:1;flex-wrap:wrap}.form-list-fields .form-input{flex:1;min-width:150px}.btn-group{display:flex;gap:8px;flex-wrap:wrap}.btn-group .btn{flex:1;min-width:120px;justify-content:center}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);margin-bottom:20px;font-size:.9rem;font-weight:600}.alert-danger{background:linear-gradient(135deg,#dc26261a,#dc262626);border:1px solid rgba(220,38,38,.3);color:#dc2626e6}.alert svg{flex-shrink:0}.form-label.required:after{content:" *";color:#dc2626cc;font-weight:700}.form-select.error,.form-input.error{border-color:#dc262680;background:#dc26260d}.form-error{display:block;margin-top:6px;font-size:.85rem;color:#dc2626e6;font-weight:600}.spinner-sm{width:16px;height:16px;border-width:2px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-list-fields{flex-direction:column}.form-list-fields .form-input,.btn-group .btn{min-width:100%}}.ba-badge-danger{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.ba-badge-warning{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:#6b7280;transition:all .2s ease;border-radius:6px}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-icon-box{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-icon-box.blue{background-color:#dbeafe;color:#3b82f6}.modal-icon-box.green{background-color:#dcfce7;color:#10b981}.modal-icon-box.orange{background-color:#fef3c7;color:#f59e0b}.modal-alert{padding:.75rem;border-radius:6px;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.modal-alert.error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.modal-alert.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.modal-alert.info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.balance-display{margin-top:.5rem;font-size:.875rem;color:#6b7280;display:flex;justify-content:space-between}.balance-display strong{color:#111827}.balance-remaining{color:#10b981;font-weight:600}.emergency-info-box{padding:.75rem;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;font-size:.875rem}.emergency-info-box strong{color:#374151;display:block;margin-bottom:.25rem}.emergency-info-box small{font-size:.75rem;color:#9ca3af}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-container{max-height:95vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem;flex-direction:column}.modal-footer button{width:100%}}.dashboard{animation:fadeInUp .5s ease}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.dashboard-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{font-size:1rem;color:var(--text-secondary)}.dashboard-subtitle strong{color:var(--text-primary);font-weight:600}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard-alerts{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.dashboard-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid;cursor:pointer;transition:all .3s ease}.dashboard-alert-warning{background:linear-gradient(135deg,#ffb30014,#ffb3001f);border-color:#ffb3004d;color:#0b0b0de6}.dashboard-alert-info{background:linear-gradient(135deg,#0066cc14,#0066cc1f);border-color:#0066cc4d;color:#0b0b0de6}.dashboard-alert:hover{transform:translate(4px);box-shadow:0 4px 12px #0b0b0d1a}.dashboard-alert-icon{width:20px;height:20px;flex-shrink:0}.dashboard-alert-message{flex:1;font-weight:600;font-size:.95rem}.dashboard-alert-arrow{width:18px;height:18px;opacity:.5}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.dashboard-stat-card{display:flex;flex-direction:column;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px #0b0b0d0f;height:100%}.dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.dashboard-stat-content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px;flex:1}.dashboard-stat-info{flex:1}.dashboard-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:12px;text-transform:uppercase;letter-spacing:.8px}.dashboard-stat-value{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:#0b0b0d;line-height:1;margin-bottom:12px}.dashboard-stat-footer{display:flex;flex-wrap:wrap;gap:8px}.dashboard-stat-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid}.dashboard-stat-badge-success,.dashboard-stat-badge-warning,.dashboard-stat-badge-info{background:#5c59e814;border-color:#5c59e833;color:var(--accent)}.dashboard-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto}.dashboard-stat-icon-blue,.dashboard-stat-icon-purple,.dashboard-stat-icon-green,.dashboard-stat-icon-orange{color:var(--accent)}.dashboard-stat-action{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);font-size:.85rem;font-weight:600;color:#0b0b0db3;margin-top:auto}.dashboard-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.dashboard-card-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.dashboard-card-body{padding:24px 28px}.dashboard-list{display:flex;flex-direction:column;gap:16px}.dashboard-list-item{padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:16px}.dashboard-list-item:hover{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d33;transform:translate(4px)}.dashboard-list-item-info{flex:1}.dashboard-list-item-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.dashboard-list-item-subtitle{font-size:.85rem;color:var(--text-secondary)}.dashboard-list-item-meta{display:flex;align-items:center;gap:12px}.dashboard-progress{display:flex;align-items:center;gap:12px;min-width:120px}.dashboard-progress-text{font-size:.9rem;font-weight:700;color:var(--text-primary);min-width:45px;text-align:right}.dashboard-progress-bar{flex:1;height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.dashboard-progress-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width 1s ease}.dashboard-activity-list{display:flex;flex-direction:column;gap:20px}.dashboard-activity-item{display:flex;gap:16px;position:relative}.dashboard-activity-item:after{content:"";position:absolute;left:6px;top:24px;bottom:-20px;width:1px;background:linear-gradient(180deg,rgba(11,11,13,.2),transparent)}.dashboard-activity-item:last-child:after{display:none}.dashboard-activity-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0b0b0d33}.dashboard-activity-content{flex:1}.dashboard-activity-message{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-bottom:4px}.dashboard-activity-time{font-size:.8rem;color:#0b0b0d80}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dashboard-quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px 16px;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.dashboard-quick-action-btn:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d1a}.dashboard-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:16px}.dashboard-empty-icon{width:48px;height:48px;color:#0b0b0d33}@media(max-width:1400px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-title{font-size:2rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-stat-value{font-size:2.2rem}.dashboard-quick-actions{grid-template-columns:1fr}}.employee-header-info{display:flex;align-items:center;gap:20px}.employee-avatar-large{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border:2px solid rgba(11,11,13,.2);border-radius:50%;font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#0b0b0dcc;flex-shrink:0}.employee-info-item{display:flex;align-items:flex-start;gap:16px}.employee-info-item svg{color:#0b0b0d80;flex-shrink:0;margin-top:2px}.employee-info-label{font-size:.85rem;font-weight:600;color:#0b0b0d99;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.employee-info-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.performance-card{display:flex;flex-direction:column;gap:24px}.performance-card-loading,.performance-card-error{display:flex;align-items:center;justify-content:center;padding:20px}.performance-compact{display:flex;align-items:center;justify-content:center}.performance-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg)}.performance-tier{display:flex;align-items:center;gap:16px}.performance-tier svg{color:#0b0b0d99}.performance-tier-label{font-size:.85rem;font-weight:600;color:#0b0b0d99;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.performance-points{display:flex;flex-direction:column;align-items:center;gap:4px}.performance-points-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.performance-points-label{font-size:.75rem;font-weight:600;color:#0b0b0d80;text-transform:uppercase;letter-spacing:.5px}.tier-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:700;letter-spacing:.5px;border:1px solid}.tier-badge-dot{width:8px;height:8px;border-radius:50%}.tier-badge-elite{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.tier-badge-standard{background:linear-gradient(135deg,#3b82f61a,#3b82f626);border-color:#3b82f64d;color:#3b82f6e6}.tier-badge-support{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.tier-badge-default{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d33;color:#0b0b0db3}.performance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.performance-metric{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md)}.performance-metric-icon{display:flex;align-items:center;justify-content:center;color:#0b0b0d99;flex-shrink:0;background:none!important;width:auto;height:auto}.performance-metric-info{flex:1}.performance-metric-label{font-size:.8rem;font-weight:600;color:#0b0b0d99;margin-bottom:6px}.performance-metric-value{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1}.performance-achievements{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg)}.performance-achievements-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.performance-achievements-list{display:flex;flex-direction:column;gap:12px}.performance-achievement-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#0b0b0dcc}.performance-achievement-item svg{color:#00c853b3;flex-shrink:0}.dashboard-table-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border:1px solid rgba(11,11,13,.2);border-radius:50%;font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:#0b0b0dcc;flex-shrink:0}.dashboard-table-email{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#0b0b0db3}.dashboard-table-email svg{color:#0b0b0d66;flex-shrink:0}@media(max-width:1024px){.performance-metrics{grid-template-columns:1fr}.employee-header-info{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.employee-avatar-large{width:60px;height:60px;font-size:1.5rem}.performance-header{flex-direction:column;gap:16px}}.finance-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;animation:fadeInUp .4s ease}.finance-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.finance-page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.finance-page-header h1 svg{color:var(--accent)}.finance-tabs{display:flex;gap:4px;background:var(--bg-secondary);border-radius:var(--radius-md);padding:4px;margin-bottom:var(--spacing-lg);overflow-x:auto}.finance-tab-btn{padding:10px 20px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:8px;transition:all .2s ease;white-space:nowrap}.finance-tab-btn:hover{color:var(--text-primary);background:#5c59e80f}.finance-tab-btn.active{background:var(--bg-primary);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}.finance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.finance-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:all .3s ease;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px;align-items:flex-start}.finance-stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.finance-stat-card .stat-label{grid-column:1;grid-row:1;font-size:.8rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.finance-stat-card .stat-value{grid-column:1 / span 2;grid-row:2;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.finance-stat-card .stat-value.positive{color:var(--success)}.finance-stat-card .stat-value.negative{color:var(--danger)}.finance-stat-card .stat-value.warning{color:var(--warning)}.finance-stat-card .stat-icon{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;background:none!important;width:auto;height:auto}.finance-stat-card .stat-icon.blue,.finance-stat-card .stat-icon.green,.finance-stat-card .stat-icon.red,.finance-stat-card .stat-icon.orange{color:var(--accent)}.finance-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap}.finance-toolbar input,.finance-toolbar select{padding:9px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);font-size:.875rem;color:var(--text-primary);outline:none;transition:border-color .2s}.finance-toolbar input:focus,.finance-toolbar select:focus{border-color:var(--accent)}.finance-toolbar .btn-primary{padding:9px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.finance-toolbar .btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.finance-toolbar .btn-secondary{padding:8px 16px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.finance-toolbar .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--text-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.finance-toolbar .btn-secondary svg{color:var(--text-tertiary);transition:color .2s}.finance-toolbar .btn-secondary:hover svg{color:var(--accent)}.finance-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-lg)}.finance-table{width:100%;border-collapse:collapse}.finance-table th{background:var(--bg-secondary);padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-color)}.finance-table td{padding:12px 16px;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border-color);vertical-align:middle}.finance-table tr:last-child td{border-bottom:none}.finance-table tr:hover td{background:#5c59e805}.finance-table .amount{font-weight:600;font-variant-numeric:tabular-nums}.finance-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.finance-status.paid{background:var(--success-bg);color:var(--success)}.finance-status.pending{background:var(--warning-bg);color:var(--warning)}.finance-status.overdue{background:var(--danger-bg);color:var(--danger)}.finance-status.draft{background:var(--info-bg);color:var(--info)}.finance-status.approved{background:var(--success-bg);color:var(--success)}.finance-status.pushed{background:#5c59e81a;color:var(--accent)}.finance-actions{display:flex;gap:6px}.finance-actions button{width:32px;height:32px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.finance-actions button:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.finance-actions button.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.finance-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.finance-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:640px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn .3s ease}.finance-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.finance-modal-header h3{font-size:1.1rem;font-weight:600}.finance-modal-header button{width:32px;height:32px;border:none;background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.finance-modal-body{padding:24px}.finance-form-group{margin-bottom:16px}.finance-form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.finance-form-group input,.finance-form-group select,.finance-form-group textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border-color .2s}.finance-form-group input:focus,.finance-form-group select:focus,.finance-form-group textarea:focus{border-color:var(--accent)}.finance-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finance-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color)}.finance-modal-footer .btn-cancel{padding:9px 20px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.875rem}.finance-modal-footer .btn-save{padding:9px 24px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600}.finance-modal-footer .btn-save:hover{background:var(--accent-hover)}.finance-line-items{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px;margin-bottom:12px}.finance-line-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;align-items:center;margin-bottom:8px}.finance-line-items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:8px;padding:0 0 8px;margin-bottom:12px;border-bottom:1px solid var(--border-color)}.finance-line-items-header span{font-size:.7rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.finance-line-item input{padding:8px 10px;border:1px solid var(--border-color);border-radius:4px;font-size:.8rem}.delete-line-btn{width:32px;height:32px;border:none;background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.delete-line-btn:hover{background:#fdeaea;transform:scale(1.05)}.line-total-preview{font-size:.85rem;font-weight:700;color:var(--text-primary);text-align:right;padding-right:4px}.add-line-btn{padding:10px 12px;border:1px dashed var(--accent);background:var(--accent-light);border-radius:var(--radius-sm);color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;width:100%;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.add-line-btn:hover{background:#5c59e826;border-style:solid}.finance-chart{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;margin-bottom:var(--spacing-lg)}.finance-chart h3{font-size:1rem;margin-bottom:16px;color:var(--text-primary)}.finance-bar-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:20px}.finance-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.finance-bar-fill{width:100%;max-width:40px;border-radius:4px 4px 0 0;transition:height .5s ease;min-height:4px}.finance-bar-fill.inflow{background:linear-gradient(180deg,var(--success),#0d9668)}.finance-bar-fill.outflow{background:linear-gradient(180deg,var(--danger),#c53030)}.finance-bar-fill.revenue{background:linear-gradient(180deg,var(--accent),#4a47d1)}.finance-bar-label{font-size:.7rem;color:var(--text-tertiary)}.finance-bar-value{font-size:.7rem;font-weight:600;color:var(--text-secondary)}.finance-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.finance-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.finance-empty p{font-size:.9rem}.finance-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-tertiary);gap:10px}.finance-loading .spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.finance-page{padding:var(--spacing-md)}.finance-page-header{flex-direction:column;align-items:flex-start;gap:12px}.finance-tabs{gap:2px}.finance-tab-btn{padding:8px 12px;font-size:.8rem}.finance-stats-grid{grid-template-columns:1fr 1fr}.finance-toolbar{flex-direction:column}.finance-line-item{grid-template-columns:1fr 1fr}.finance-form-row{grid-template-columns:1fr}.finance-table-wrapper{overflow-x:auto}.finance-table{min-width:700px}}@media print{body *{visibility:hidden}.invoice-print-container,.invoice-print-container *{visibility:visible}.invoice-print-container{position:absolute;left:0;top:0;width:100%;padding:20px;background:#fff!important;color:#000!important}.no-print{display:none!important}}.invoice-print-view{font-family:Inter,system-ui,sans-serif;color:#1a202c;max-width:800px;margin:0 auto;padding:40px;background:#fff}.invoice-header{display:flex;justify-content:space-between;margin-bottom:40px;border-bottom:2px solid var(--accent);padding-bottom:20px}.company-info h2{color:var(--accent);font-size:1.5rem;margin:0}.invoice-details{text-align:right}.invoice-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px}.invoice-bill-to h4,.invoice-ship-to h4{text-transform:uppercase;font-size:.75rem;color:#718096;margin-bottom:8px}.invoice-print-table{width:100%;border-collapse:collapse;margin-bottom:30px}.invoice-print-table th{text-align:left;background:#f7fafc;padding:12px;border-bottom:2px solid #edf2f7;font-size:.8rem;text-transform:uppercase}.invoice-print-table td{padding:12px;border-bottom:1px solid #edf2f7;font-size:.9rem}.invoice-summary{display:flex;justify-content:flex-end}.summary-table{width:250px}.summary-row{display:flex;justify-content:space-between;padding:8px 0}.summary-row.grand-total{border-top:2px solid var(--accent);margin-top:10px;font-weight:700;font-size:1.1rem;color:var(--accent)}.tl-dashboard{animation:fadeInUp .5s ease}.tl-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.tl-dashboard-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary);margin-bottom:8px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-dashboard-subtitle{font-size:1rem;color:var(--text-secondary)}.tl-dashboard-subtitle strong{color:var(--text-primary);font-weight:600}.tl-dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}.tl-alerts{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.tl-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid;cursor:pointer;transition:all .3s ease}.tl-alert-warning{background:linear-gradient(135deg,#ffb3000d,#ffb30014);border-color:#ffb3004d;color:#0b0b0de6}.tl-alert-danger{background:linear-gradient(135deg,#dc26260d,#dc262614);border-color:#dc26264d;color:#0b0b0de6}.tl-alert-info{background:linear-gradient(135deg,#0066cc0d,#0066cc14);border-color:#0066cc4d;color:#0b0b0de6}.tl-alert:hover{transform:translate(4px);box-shadow:0 4px 12px #0b0b0d1a}.tl-alert-icon{width:20px;height:20px;flex-shrink:0}.tl-alert-message{flex:1;font-weight:600;font-size:.95rem}.tl-alert-arrow{width:18px;height:18px;opacity:.5}.tl-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.tl-stat-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px #0b0b0d0f}.tl-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.tl-stat-content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px}.tl-stat-info{flex:1}.tl-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.tl-stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:#0b0b0d;line-height:1;margin-bottom:12px;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tl-stat-hint{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tl-stat-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;letter-spacing:.5px;border:1px solid}.tl-stat-badge.success,.tl-stat-badge.warning,.tl-stat-badge.danger,.tl-stat-badge.info{background:#5c59e814;border-color:#5c59e833;color:var(--accent)}.tl-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto}.tl-stat-icon-blue,.tl-stat-icon-purple,.tl-stat-icon-green,.tl-stat-icon-orange{color:var(--accent)}.tl-stat-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);font-size:.85rem;font-weight:600;color:#0b0b0db3}.tl-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;margin-bottom:32px}.tl-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0b0b0d14;overflow:hidden}.tl-card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.tl-card-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.2rem;font-weight:600;letter-spacing:.5px;color:var(--text-primary)}.tl-card-body{padding:24px 28px}.tl-projects-list{display:flex;flex-direction:column;gap:16px}.tl-project-item{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-lg);transition:all .3s ease;cursor:pointer}.tl-project-item:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26;transform:translate(4px);box-shadow:0 4px 12px #0b0b0d14}.tl-project-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tl-project-item-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tl-project-item-client{font-size:.9rem;color:#0b0b0d99;font-weight:600}.tl-project-item-body{display:flex;flex-direction:column;gap:16px}.tl-project-progress{display:flex;flex-direction:column;gap:8px}.tl-project-progress-header{display:flex;align-items:center;justify-content:space-between}.tl-project-progress-label{font-size:.85rem;font-weight:600;color:#0b0b0d99}.tl-project-progress-value{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.tl-project-progress-bar{height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.tl-project-progress-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width 1s ease}.tl-project-item-meta{display:flex;flex-wrap:wrap;gap:16px}.tl-project-meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#0b0b0db3}.tl-project-meta-item svg{color:#0b0b0d80}.tl-team-list{display:flex;flex-direction:column;gap:12px}.tl-team-item{display:flex;align-items:center;gap:14px;padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);transition:all .3s ease}.tl-team-item:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26;transform:translate(4px)}.tl-team-item-avatar{width:44px;height:44px;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1rem;font-weight:700;color:#0b0b0db3;flex-shrink:0}.tl-team-item-info{flex:1;min-width:0}.tl-team-item-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.tl-team-item-role{font-size:.85rem;color:#0b0b0d99}.tl-team-item-stats{text-align:right;flex-shrink:0}.tl-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.tl-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin-bottom:16px}@media(max-width:1024px){.tl-stats-grid{grid-template-columns:repeat(2,1fr)}.tl-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.tl-dashboard-subtitle{color:#64748b;font-size:.875rem}.perf-card-full-width{grid-column:1 / -1;margin-bottom:.5rem}hboard-header{flex-direction:column;align-items:flex-start}.tl-dashboard-title{font-size:2rem}.tl-dashboard-header{flex-direction:column;align-items:flex-start}.tl-stats-grid{grid-template-columns:1fr}.tl-stat-value{font-size:2rem}}.employee-dashboard{padding:2rem;animation:fadeInUp .5s ease}.employee-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.employee-dashboard-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-dashboard-subtitle{color:#64748b;font-size:.875rem}.perf-card-full-width{grid-column:1 / -1;margin-bottom:.5rem}.employee-dashboard-subtitle strong{color:var(--text-primary);font-weight:600}.employee-quick-actions{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1rem;margin-bottom:2rem}.employee-attendance-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.employee-attendance-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0b0b0d1f}.employee-attendance-status{display:flex;align-items:center;gap:1rem;flex:1}.employee-attendance-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;width:auto;height:auto}.employee-attendance-status h3{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.employee-attendance-status p{font-size:.875rem;color:#0b0b0d99;margin:0}.employee-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;cursor:pointer;transition:all .3s ease;position:relative}.employee-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.employee-action-btn span:last-child{font-weight:600;color:var(--text-primary);font-size:.95rem}.employee-action-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#0b0b0de6;color:#fff;border-radius:12px;font-size:.75rem;font-weight:700}.employee-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.employee-stat-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden;transition:all .3s ease}.employee-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.employee-stat-content{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem}.employee-stat-info{flex:1}.employee-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.8px}.employee-stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:#0b0b0d;line-height:1;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.employee-stat-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:none!important;border:none!important;width:auto;height:auto}.employee-stat-icon.blue,.employee-stat-icon.orange,.employee-stat-icon.green,.employee-stat-icon.red{color:var(--accent)}.employee-stat-footer{padding:.875rem 1.5rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);font-size:.85rem;font-weight:600;color:#0b0b0db3}.employee-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem}.employee-card{background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0b0b0d0f;overflow:hidden}.employee-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.employee-card-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary)}.employee-card-body{padding:1.5rem}.employee-tasks-list{display:flex;flex-direction:column;gap:1rem}.employee-task-item{padding:1.25rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.employee-task-item:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26;transform:translate(4px);box-shadow:0 4px 12px #0b0b0d14}.employee-task-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.employee-task-item-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;flex:1}.employee-task-priority{font-size:1.5rem;line-height:1;flex-shrink:0}.employee-task-item-project{font-size:.875rem;color:#0b0b0d99;margin:0 0 .75rem}.employee-task-item-footer{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.employee-task-due{font-size:.75rem;font-weight:600;color:#0b0b0d99}.employee-task-due.overdue{color:#ef4444;font-weight:700}.employee-leave-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.employee-leave-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.employee-leave-icon{font-size:1.5rem}.employee-leave-icon-box{display:flex;align-items:center;justify-content:center;color:#0b0b0db3;flex-shrink:0;background:none!important;width:auto;height:auto}.employee-leave-type{font-size:.75rem;font-weight:600;color:#0b0b0d99;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.5px}.employee-leave-value{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.employee-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.employee-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin-bottom:1rem}.employee-empty-state p{color:#0b0b0d99;font-size:.95rem;margin:0}@media(max-width:1200px){.employee-quick-actions{grid-template-columns:1fr 1fr}.employee-attendance-card{grid-column:1 / -1}.employee-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.employee-dashboard{padding:1.5rem}.employee-dashboard-title{font-size:2rem}.employee-dashboard-header{flex-direction:column;align-items:flex-start}.employee-quick-actions{grid-template-columns:1fr}.employee-attendance-card{grid-column:auto}.employee-stats-grid,.employee-leave-grid{grid-template-columns:1fr}.employee-stat-value{font-size:2rem}}:root{--login-primary: #5C59E8;--login-primary-hover: #4A47D1;--login-primary-light: rgba(92, 89, 232, .1);--login-bg-start: #F5F7FF;--login-bg-end: #E8EAF6;--login-card-bg: #FFFFFF;--login-text-primary: #1A1C1E;--login-text-secondary: rgba(26, 28, 30, .7);--login-border: rgba(26, 28, 30, .1);--login-input-bg: #F8F9FA}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px;background:linear-gradient(135deg,var(--login-bg-start) 0%,var(--login-bg-end) 100%)}.login-content{position:relative;z-index:2;width:100%;max-width:460px;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)}.login-card{background:var(--login-card-bg);border-radius:24px;padding:48px 40px;box-shadow:0 10px 40px #5c59e814,0 4px 12px #1a1c1e05;border:1px solid rgba(255,255,255,.8);transition:all .3s ease}.login-card:hover{box-shadow:0 20px 60px #5c59e81f,0 6px 16px #1a1c1e0a;transform:translateY(-4px)}.login-header{text-align:center;margin-bottom:40px}.login-brand{display:flex;align-items:center;justify-content:center;gap:16px}.login-logo-img{height:54px;width:auto;object-fit:contain}.login-wordmark-img{height:38px;width:auto;object-fit:contain}.login-subtitle{font-size:14px;color:var(--login-text-secondary);margin:0;font-weight:500;letter-spacing:.5px;text-transform:uppercase;opacity:.8}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fef2f2;border:1px solid #FCA5A5;color:#991b1b;padding:12px 16px;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:8px;animation:shake .4s ease}.login-input-group{display:flex;flex-direction:column;gap:8px}.login-label-wrapper{display:flex;justify-content:space-between;align-items:center}.login-label{font-size:14px;font-weight:500;color:var(--login-text-primary);display:block}.login-forgot-link{font-size:13px;color:var(--login-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.login-forgot-link:hover{color:var(--login-primary-hover);text-decoration:underline}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:16px;width:20px;height:20px;color:var(--login-text-secondary);pointer-events:none}.login-input{width:100%;padding:14px 16px 14px 48px;border:1.5px solid var(--login-border);border-radius:12px;font-size:15px;font-family:var(--font-body);color:var(--login-text-primary);background:var(--login-input-bg);transition:all .2s ease;outline:none}.login-input::placeholder{color:#9ca3af}.login-input:focus{border-color:var(--login-primary);background:#fff;box-shadow:0 0 0 3px var(--login-primary-light)}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-password-toggle{position:absolute;right:16px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--login-text-secondary);transition:color .2s ease}.login-password-toggle:hover{color:var(--login-text-primary)}.login-password-toggle svg{width:20px;height:20px}.login-checkbox-wrapper{display:flex;align-items:center;gap:8px;margin-top:4px}.login-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--login-primary)}.login-checkbox-label{font-size:14px;color:var(--login-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.login-button{width:100%;padding:14px 24px;background:var(--login-primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;margin-top:8px;box-shadow:0 4px 12px #5b4cff33}.login-button:hover:not(:disabled){background:var(--login-primary-hover);box-shadow:0 6px 16px #5b4cff4d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button-icon{width:20px;height:20px}.login-demo{margin-top:32px;padding-top:24px;border-top:1px solid var(--login-border)}.login-demo-title{font-size:13px;font-weight:600;color:var(--login-text-secondary);text-align:center;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.login-demo-cards{display:grid;gap:12px}.login-demo-card{background:var(--login-input-bg);border:1px solid var(--login-border);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;transition:all .2s ease;cursor:pointer}.login-demo-card:hover{background:#fff;border-color:var(--login-primary);box-shadow:0 2px 8px #5b4cff1a;transform:translate(4px)}.login-demo-role{font-size:12px;font-weight:600;color:var(--login-primary);text-transform:uppercase;letter-spacing:.5px}.login-demo-email,.login-demo-pass{font-size:13px;font-family:Fira Code,monospace;color:var(--login-text-primary);background:none;padding:0;display:flex;align-items:center;gap:4px}.login-demo-email:before{content:"📧";font-size:12px}.login-demo-pass:before{content:"🔑";font-size:12px}.login-footer{text-align:center;margin-top:24px;animation:fadeIn .8s ease-out .3s both}.login-footer p{font-size:14px;color:var(--login-text-secondary);margin:0}.login-footer-link{color:var(--login-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.login-footer-link:hover{color:var(--login-primary-hover);text-decoration:underline}@media(max-width:640px){.login-card{padding:40px 24px;border-radius:20px}.login-title{font-size:24px}.login-icon-wrapper{width:70px;height:70px}.login-icon{width:32px;height:32px}}@media(max-width:480px){.login-container{padding:16px}.login-card{padding:32px 20px}.login-demo-cards{gap:10px}}:root{--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #E8EAF6;--text-primary: #1A1C1E;--text-secondary: rgba(26, 28, 30, .7);--text-tertiary: rgba(26, 28, 30, .45);--border-color: rgba(26, 28, 30, .12);--border-hover: rgba(92, 89, 232, .3);--card-bg: #FFFFFF;--card-hover: #FDFDFD;--glass-bg: rgba(255, 255, 255, .85);--accent: #5C59E8;--accent-hover: #4A47D1;--accent-light: rgba(92, 89, 232, .1);--success: #10B981;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .2);--warning: #AE5300;--warning-bg: rgba(174, 83, 0, .1);--warning-border: rgba(174, 83, 0, .2);--danger: #E53E3E;--danger-bg: rgba(229, 62, 62, .1);--danger-border: rgba(229, 62, 62, .2);--info: #5C59E8;--info-bg: rgba(92, 89, 232, .1);--info-border: rgba(92, 89, 232, .2);--shadow-sm: 0 2px 8px rgba(26, 28, 30, .05);--shadow-md: 0 8px 16px rgba(26, 28, 30, .08);--shadow-lg: 0 12px 32px rgba(26, 28, 30, .12);--shadow-xl: 0 20px 48px rgba(92, 89, 232, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;position:relative}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:.5px;color:var(--text-primary);line-height:1.3}h1{font-size:2.5rem;font-weight:700;letter-spacing:1px}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-secondary);line-height:1.7}code{font-family:Fira Code,Courier New,monospace;background:var(--accent-light);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes floatWatermark{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0b0d0d}::-webkit-scrollbar-thumb{background:#0b0b0d33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0b0b0d4d}.modal-body::-webkit-scrollbar,.employee-stats-body::-webkit-scrollbar,.activity-breakdown-body::-webkit-scrollbar,.message-list::-webkit-scrollbar,.dashboard-table-wrapper::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb,.employee-stats-body::-webkit-scrollbar-thumb,.activity-breakdown-body::-webkit-scrollbar-thumb,.message-list::-webkit-scrollbar-thumb,.dashboard-table-wrapper::-webkit-scrollbar-thumb{background:#0b0b0d26;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover,.employee-stats-body::-webkit-scrollbar-thumb:hover,.activity-breakdown-body::-webkit-scrollbar-thumb:hover,.message-list::-webkit-scrollbar-thumb:hover,.dashboard-table-wrapper::-webkit-scrollbar-thumb:hover{background:#0b0b0d40}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.bg-glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bg-card{background:var(--card-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-container,.dashboard-card,.stat-card,.task-item{transform:translateZ(0);will-change:transform}.navbar,.employee-stats-header,.activity-breakdown-header{will-change:transform}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.35rem}}