.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;align-items:center;gap:1rem;padding:1.5rem;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;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;width:48px;height:48px;border-radius:12px;flex-shrink:0}.ceo-projects-stat-icon.blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.ceo-projects-stat-icon.orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.ceo-projects-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981cc}.ceo-projects-stat-icon.purple{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#8b5cf6cc}.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: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}.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: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;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: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);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:center;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;width:64px;height:64px;border-radius:16px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.ceo-employees-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.ceo-employees-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.ceo-employees-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.ceo-employees-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.ceo-employees-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;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-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: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;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;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:12px;color:#0b0b0d99;flex-shrink:0}.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: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}.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;align-items:center;gap:1rem;padding:1.5rem;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;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;width:48px;height:48px;border-radius:12px;flex-shrink:0}.ceo-teams-stat-icon.blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.ceo-teams-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981cc}.ceo-teams-stat-icon.purple{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#8b5cf6cc}.ceo-teams-stat-icon.orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.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: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}.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: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}.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: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-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}}.performance-page{padding:2rem;animation:fadeInUp .5s ease}.performance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.performance-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem}.performance-title-section p{font-size:1rem;color:#6b7280}.performance-actions{display:flex;gap:1rem;flex-wrap:wrap}.performance-period-select{width:180px;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}.performance-period-select:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.performance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.performance-stat-card{background:linear-gradient(135deg,#fff,#f9fafb);border:1px solid rgba(11,11,13,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0b0b0d0d}.performance-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b0b0d1f}.performance-stat-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.performance-stat-info h3{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.performance-stat-info .stat-value{font-size:2.5rem;font-weight:700;color:#0b0b0d;line-height:1}.performance-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.performance-stat-icon.blue{background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6}.performance-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981}.performance-stat-icon.purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aed}.performance-stat-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:700;border:1px solid}.performance-stat-badge.success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.performance-stat-badge.info{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.performance-stat-footer{font-size:.875rem;color:#6b7280;padding-top:.75rem;border-top:1px solid rgba(11,11,13,.08)}.performance-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}.performance-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.performance-filter-group{display:flex;flex-direction:column;gap:.5rem}.performance-filter-label{font-size:.875rem;font-weight:600;color:#374151;letter-spacing:.3px}.performance-filter-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(11,11,13,.2);border-radius:8px;background:#fff;font-size:.95rem;transition:all .2s ease}.performance-filter-input:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.performance-search-wrapper{position:relative}.performance-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.performance-search-input{padding-left:2.5rem!important}.performance-filters-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(11,11,13,.08);font-size:.875rem;color:#6b7280}.performance-clear-filters{color:#3b82f6;background:none;border:none;cursor:pointer;font-weight:600;text-decoration:underline;padding:0}.performance-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.performance-employee-card{background:linear-gradient(135deg,#fff,#f9fafb);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0b0b0d14}.performance-employee-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b0b0d26}.performance-card-header{padding:1.5rem;border-bottom:1px solid}.performance-card-header.elite{background:linear-gradient(135deg,#10b98114,#10b9810d);border-bottom-color:#10b98133}.performance-card-header.standard{background:linear-gradient(135deg,#3b82f614,#3b82f60d);border-bottom-color:#3b82f633}.performance-card-header.support{background:linear-gradient(135deg,#eab30814,#eab3080d);border-bottom-color:#eab30833}.performance-card-header.below_average{background:linear-gradient(135deg,#f9731614,#f973160d);border-bottom-color:#f9731633}.performance-card-header.unranked{background:linear-gradient(135deg,#6b728014,#6b72800d);border-bottom-color:#6b728033}.performance-card-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.performance-card-name{font-size:1.125rem;font-weight:700;color:#0b0b0d;cursor:pointer;transition:color .2s ease}.performance-card-name:hover{color:#3b82f6}.performance-card-tier-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-weight:700;font-size:.875rem;border:2px solid}.performance-card-tier-badge.elite{background:#10b98126;border-color:#10b98166;color:#10b981}.performance-card-tier-badge.standard{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}.performance-card-tier-badge.support{background:#eab30826;border-color:#eab30866;color:#eab308}.performance-card-tier-badge.below_average{background:#f9731626;border-color:#f9731666;color:#f97316}.performance-card-body{padding:1.5rem}.performance-card-points{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.5rem}.performance-card-points-value{font-size:2.5rem;font-weight:700}.performance-card-points-value.elite{color:#10b981}.performance-card-points-value.standard{color:#3b82f6}.performance-card-points-value.support{color:#eab308}.performance-card-points-value.below_average{color:#f97316}.performance-card-points-label{font-size:.875rem;color:#6b7280}.performance-card-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.performance-card-metric{display:flex;flex-direction:column}.performance-card-metric-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.performance-card-metric-value{font-size:1.25rem;font-weight:600;color:#0b0b0d}.performance-card-expand-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border:1px solid rgba(11,11,13,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;color:#0b0b0d;transition:all .2s ease}.performance-card-expand-btn:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f)}.performance-card-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(11,11,13,.1);animation:slideDown .3s ease}.performance-card-section-title{font-size:.875rem;font-weight:700;margin-bottom:.75rem;color:#0b0b0d}.performance-card-detail-row{display:flex;justify-content:space-between;font-size:.875rem;padding:.5rem 0;border-bottom:1px solid rgba(11,11,13,.05)}.performance-card-detail-row:last-child{border-bottom:none}.performance-card-detail-label{color:#6b7280}.performance-card-detail-value{font-weight:600;color:#0b0b0d}.performance-card-detail-value.success{color:#10b981}.performance-card-detail-value.warning{color:#f59e0b}.performance-card-detail-value.danger{color:#ef4444}.performance-empty-state{background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:12px;padding:4rem 2rem;text-align:center}.performance-empty-icon{width:64px;height:64px;color:#d1d5db;margin:0 auto 1.5rem}.performance-empty-title{font-size:1.25rem;font-weight:600;color:#0b0b0d;margin-bottom:.5rem}.performance-empty-text{color:#6b7280;font-size:.95rem}.performance-alert{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid}.performance-alert.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef44444d;color:#991b1b}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@media(max-width:1024px){.performance-stats-grid{grid-template-columns:repeat(2,1fr)}.performance-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.performance-page{padding:1.5rem}.performance-header{flex-direction:column;align-items:flex-start}.performance-title-section h1{font-size:2rem}.performance-stats-grid,.performance-filters-grid,.performance-cards-grid{grid-template-columns:1fr}}.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:linear-gradient(135deg,#fff,#f9fafb);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:linear-gradient(90deg,#3b82f6,#8b5cf6)}.attendance-stat-card.active:before{background:linear-gradient(90deg,#10b981,#059669)}.attendance-stat-card.checked-in:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.attendance-stat-card.checked-out:before{background:linear-gradient(90deg,#6b7280,#4b5563)}.attendance-stat-content{display:flex;align-items:center;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{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6}.attendance-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981}.attendance-stat-icon.gray{background:linear-gradient(135deg,#6b72801a,#6b728026);color:#6b7280}.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: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}.leave-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.leave-stat-card.pending{border-color:#f59e0b4d;background:linear-gradient(135deg,#fef3c74d,#fde68a33)}.leave-stat-card.current{border-color:#3b82f64d;background:linear-gradient(135deg,#dbeafe4d,#bfdbfe33)}.leave-stat-card.approved{border-color:#10b9814d;background:linear-gradient(135deg,#d1fae54d,#a7f3d033)}.leave-stat-card.rejected{border-color:#ef44444d;background:linear-gradient(135deg,#fee2e24d,#fecaca33)}.leave-stat-content{display:flex;align-items:center;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;width:64px;height:64px;border-radius:16px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.leave-stat-icon.orange{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:#f59e0bcc}.leave-stat-icon.blue{background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6cc}.leave-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981cc}.leave-stat-icon.red{background:linear-gradient(135deg,#ef44441a,#ef444426);color:#ef4444cc}.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: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}.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: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}.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: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}.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: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;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-header.vacation{background:linear-gradient(135deg,#3b82f61a,#3b82f60d)}.leave-policy-card-header.sick{background:linear-gradient(135deg,#ef44441a,#ef44440d)}.leave-policy-card-header.personal{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)}.leave-policy-card-header.emergency{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.leave-policy-card-title{display:flex;align-items:center;gap:.75rem;flex:1}.leave-policy-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.leave-policy-card-icon.vacation{background:linear-gradient(135deg,#3b82f626,#3b82f633);color:#3b82f6}.leave-policy-card-icon.sick{background:linear-gradient(135deg,#ef444426,#ef444433);color:#ef4444}.leave-policy-card-icon.personal{background:linear-gradient(135deg,#8b5cf626,#8b5cf633);color:#8b5cf6}.leave-policy-card-icon.emergency{background:linear-gradient(135deg,#f59e0b26,#f59e0b33);color:#f59e0b}.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{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);color:#0b0b0d99;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: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;transition:all .3s ease}.leave-calendar-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.leave-calendar-stat-content{display:flex;align-items:center;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;width:70px;height:70px;border-radius:16px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.leave-calendar-stat-icon.blue{background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6cc}.leave-calendar-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981cc}.leave-calendar-stat-icon.orange{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:#f59e0bcc}.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}}.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;align-items:center;gap:16px;padding:20px 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);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;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:12px;color:#0b0b0d99;flex-shrink:0}.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: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-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: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;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}}.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;width:48px;height:48px;border-radius:12px;flex-shrink:0}.tl-projects-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.tl-projects-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.tl-projects-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.tl-projects-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);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;width:48px;height:48px;border-radius:12px;flex-shrink:0}.tl-tasks-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.tl-tasks-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.tl-tasks-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.tl-tasks-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);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;width:56px;height:56px;border-radius:14px;flex-shrink:0}.tl-team-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.tl-team-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.tl-team-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.tl-team-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);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: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-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.tl-leave-stat-content{display:flex;align-items:center;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;width:64px;height:64px;border-radius:16px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.tl-leave-stat-icon.orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.tl-leave-stat-icon.green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.tl-leave-stat-icon.red{background:linear-gradient(135deg,#dc26261a,#dc262626);color:#dc2626cc}.tl-leave-stat-icon.blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.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: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}.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: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-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: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-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}}.messages-page .connection-status.connected{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border:1px solid rgba(168,85,247,.3)}.messages-page .messages-message-bubble.sent .messages-message-content,.messages-page .btn-primary{background:linear-gradient(135deg,#a855f7,#9333ea)}.messages-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#9333ea,#7e22ce)}.messages-page .messages-context-badge.task{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border:1px solid rgba(168,85,247,.3);color:#7e22ce}.messages-page .messages-title-section h1{display:flex;align-items:center;gap:.5rem}.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;align-items:center;gap:1rem;padding:1.5rem;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;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;width:48px;height:48px;border-radius:12px;flex-shrink:0}.tl-notes-stat-icon.blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.tl-notes-stat-icon.orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.tl-notes-stat-icon.purple{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#8b5cf6cc}.tl-notes-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981cc}.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: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}.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: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}.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: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-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-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-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;align-items:center;gap:1rem;padding:1.5rem;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;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;width:56px;height:56px;border-radius:14px;flex-shrink:0}.employee-time-tracking-stat-icon.blue{background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6}.employee-time-tracking-stat-icon.purple{background:linear-gradient(135deg,#8b5cf61a,#8b5cf626);color:#8b5cf6}.employee-time-tracking-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981}.employee-time-tracking-stat-icon.orange{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:#f59e0b}.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: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-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-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: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;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: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}.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: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-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: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;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;width:48px;height:48px;border-radius:50%;background:#0b0b0d14}.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: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;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;align-items:center;gap:1rem;padding:1.25rem;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;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;width:48px;height:48px;border-radius:12px;flex-shrink:0}.employee-leave-stat-icon.blue{background:linear-gradient(135deg,#3b82f61a,#3b82f626);color:#3b82f6}.employee-leave-stat-icon.orange{background:linear-gradient(135deg,#f59e0b1a,#f59e0b26);color:#f59e0b}.employee-leave-stat-icon.green{background:linear-gradient(135deg,#10b9811a,#10b98126);color:#10b981}.employee-leave-stat-icon.red{background:linear-gradient(135deg,#ef44441a,#ef444426);color:#ef4444}.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: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-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: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;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}.messages-page{padding:2rem;animation:fadeInUp .5s ease}.messages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.messages-title-section h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;letter-spacing:1px;color:#0b0b0d;margin-bottom:.5rem}.messages-title-section p{font-size:1rem;color:#6b7280}.messages-actions{display:flex;gap:1rem;flex-wrap:wrap}.messages-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;height:calc(100vh - 250px)}.messages-sidebar{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0b0b0d0d}.messages-sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f8cc,#f0f0f099)}.messages-sidebar-title{font-size:1.125rem;font-weight:700;color:#0b0b0d;margin:0 0 1rem}.messages-search{position:relative}.messages-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.messages-search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid rgba(11,11,13,.2);border-radius:8px;font-size:.95rem;transition:all .2s ease}.messages-search-input:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.messages-sidebar-body{flex:1;overflow-y:auto}.messages-conversation-list{display:flex;flex-direction:column}.messages-conversation-item{padding:1rem 1.5rem;border-bottom:1px solid rgba(11,11,13,.05);cursor:pointer;transition:all .2s ease}.messages-conversation-item:hover{background:#3b82f608}.messages-conversation-item.active{background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-left:3px solid #3b82f6}.messages-conversation-item.unread{background:#3b82f60d}.messages-conversation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.messages-conversation-user{font-weight:700;color:#0b0b0d;font-size:.95rem}.messages-conversation-time{font-size:.75rem;color:#6b7280}.messages-conversation-preview{font-size:.875rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-conversation-item.unread .messages-conversation-preview{font-weight:600;color:#374151}.messages-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#3b82f6;color:#fff;border-radius:10px;font-size:.75rem;font-weight:700;margin-left:.5rem}.messages-chat-area{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0b0b0d0d}.messages-chat-header{padding:1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f8cc,#f0f0f099);display:flex;align-items:center;gap:1rem}.messages-chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.125rem}.messages-chat-user-info h3{font-size:1.125rem;font-weight:700;color:#0b0b0d;margin:0 0 .25rem}.messages-chat-user-info p{font-size:.875rem;color:#6b7280;margin:0}.messages-chat-body{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.messages-message-bubble{display:flex;gap:.75rem;max-width:70%}.messages-message-bubble.sent{align-self:flex-end;flex-direction:row-reverse}.messages-message-avatar{width:36px;height:36px;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}.messages-message-content{flex:1}.messages-message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.messages-message-sender{font-weight:700;font-size:.875rem;color:#0b0b0d}.messages-message-time{font-size:.75rem;color:#9ca3af}.messages-message-text{padding:1rem;border-radius:12px;font-size:.95rem;line-height:1.5;word-wrap:break-word}.messages-message-bubble.received .messages-message-text{background:linear-gradient(135deg,#3b82f614,#3b82f60d);border:1px solid rgba(59,130,246,.2);color:#374151;border-bottom-left-radius:4px}.messages-message-bubble.sent .messages-message-text{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d0d);border:1px solid rgba(11,11,13,.15);color:#374151;border-bottom-right-radius:4px}.messages-message-context{margin-top:.5rem;padding:.75rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:6px;font-size:.875rem}.messages-message-context-label{font-weight:600;color:#3b82f6;margin-bottom:.25rem}.messages-message-context-value{color:#6b7280}.messages-chat-footer{padding:1.5rem;border-top:1px solid rgba(11,11,13,.08);background:#f8f8f880}.messages-compose-form{display:flex;gap:1rem;align-items:flex-end}.messages-compose-input{flex:1;padding:1rem;border:1px solid rgba(11,11,13,.2);border-radius:8px;font-size:.95rem;resize:vertical;min-height:80px;max-height:150px;font-family:inherit;transition:all .2s ease}.messages-compose-input:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.messages-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;height:100%}.messages-empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:1.5rem}.messages-empty-title{font-size:1.25rem;font-weight:600;color:#0b0b0d;margin-bottom:.5rem}.messages-empty-text{color:#6b7280;font-size:.95rem}@media(max-width:1024px){.messages-layout{grid-template-columns:300px 1fr}}@media(max-width:768px){.messages-page{padding:1.5rem}.messages-layout{grid-template-columns:1fr;height:auto}.messages-sidebar{max-height:400px}.messages-chat-area{height:500px}.messages-message-bubble{max-width:85%}}.messages-page .connection-status.connected{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.3)}.messages-page .messages-message-bubble.sent .messages-message-content,.messages-page .btn-primary{background:linear-gradient(135deg,#10b981,#059669)}.messages-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.messages-page .messages-context-badge.task{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.3);color:#047857}.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:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.status-chip.inactive,.status-chip.danger{background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0f);border-color:#0b0b0d26;color:#0b0b0d80}.status-chip.warning{background:linear-gradient(135deg,#0b0b0d0f,#0b0b0d1a);border-color:#0b0b0d2e;color:#0b0b0dbf}.status-chip.info{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d17);border-color:#0b0b0d2b;color:#0b0b0dcc}.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:linear-gradient(135deg,#0b0b0d,#1f2126);border-color:#0b0b0d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1f2126,#2d2f35)}.btn-secondary{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d14);border-color:#0b0b0d26;color:#0b0b0d;box-shadow:none}.btn-secondary:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d40}.btn-success{background:linear-gradient(135deg,#0b0b0dd9,#0b0b0df2);border-color:#0b0b0de6;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#0b0b0df2,#0b0b0d)}.btn-danger{background:linear-gradient(135deg,#0b0b0db3,#0b0b0dd9);border-color:#0b0b0dbf;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#0b0b0dd9,#0b0b0df2)}.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(/src/assets/boehm-logo.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-header{text-align:center;margin-bottom:40px}.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-input-group{display:flex;flex-direction:column;gap:8px}.login-label{font-size:.9rem;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.login-input-wrapper{position:relative;display:flex;align-items:center}.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-input:disabled{opacity:.6;cursor:not-allowed}.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:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-button-icon{width:20px;height:20px}.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(/src/assets/boehm-logo.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;width:56px;height:56px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#0b0b0d0f,#0b0b0d1f);border:1px solid rgba(11,11,13,.1)}.stat-card-icon-blue,.stat-card-icon-green,.stat-card-icon-orange,.stat-card-icon-purple{color:#0b0b0dcc}.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;width:56px;height:56px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:12px;color:#0b0b0db3;flex-shrink:0}.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;width:64px;height:64px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:16px;color:#0b0b0db3}.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:linear-gradient(180deg,#0b0b0d,#1a1b1f);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:100;box-shadow:4px 0 24px #0000004d;transition:width .3s ease}.sidebar.collapsed{width:80px}.sidebar-collapse-btn{position:absolute;right:-14px;top:24px;width:28px;height:28px;background:linear-gradient(135deg,#0b0b0d,#1a1b1f);border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:101;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.sidebar-collapse-btn:hover{background:linear-gradient(135deg,#1a1b1f,#2d2f35);transform:scale(1.1)}.sidebar-mobile-toggle{display:none;position:fixed;top:20px;left:20px;z-index:102;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d,#1a1b1f);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d}.sidebar-mobile-overlay{display:none}.sidebar-header{padding:28px 24px;border-bottom:1px solid rgba(255,255,255,.08);transition:padding .3s ease}.sidebar.collapsed .sidebar-header{padding:28px 16px}.sidebar-logo{display:flex;align-items:center;gap:14px}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-logo-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;flex-shrink:0}.sidebar-logo-text{display:flex;flex-direction:column;opacity:1;transition:opacity .2s ease}.sidebar.collapsed .sidebar-logo-text{opacity:0;width:0;overflow:hidden}.sidebar-logo-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;line-height:1.2}.sidebar-logo-subtitle{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80}.sidebar-profile{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-bottom:1px solid rgba(255,255,255,.08);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:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;flex-shrink:0}.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:#fff;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:#ffffff80}.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:10px;font-size:.95rem;font-weight:600;color:#ffffffb3;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:linear-gradient(135deg,#ffffff14,#ffffff0d);color:#fff;transform:translate(4px)}.sidebar.collapsed .sidebar-menu-item:hover{transform:translate(0) scale(1.1)}.sidebar-menu-item.active{background:linear-gradient(135deg,#ffffff26,#ffffff1a);color:#fff;box-shadow:0 4px 12px #ffffff1a}.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:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#fff;border-radius:4px 0 0 4px;box-shadow:0 0 12px #ffffff80}.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:.7}.sidebar-menu-item:hover .sidebar-menu-chevron{opacity:1}.sidebar.collapsed .sidebar-menu-chevron{display:none}.sidebar-submenu{list-style:none;padding:8px 0;margin:4px 12px 8px;background:#0003;border-left:2px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;animation:slideDown .3s ease;max-height:300px;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:#fff9;text-decoration:none;font-size:.88rem;font-weight:500;transition:all .3s ease;position:relative;border-radius:6px;gap:10px}.sidebar-submenu-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0d);color:#ffffffe6;padding-left:36px}.sidebar-submenu-item.active{background:linear-gradient(135deg,#ffffff26,#ffffff1a);color:#fff;font-weight:600;box-shadow:0 2px 8px #ffffff1a}.sidebar-submenu-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:all .3s ease;flex-shrink:0}.sidebar-submenu-item:hover .sidebar-submenu-dot{background:#fffc;transform:scale(1.3);box-shadow:0 0 6px #fff6}.sidebar-submenu-item.active .sidebar-submenu-dot{background:#fff;box-shadow:0 0 10px #fff9;transform:scale(1.4)}.sidebar-footer{padding:20px 12px;border-top:1px solid rgba(255,255,255,.08);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:10px;font-size:.95rem;font-weight:600;color:#ffffffb3;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:linear-gradient(135deg,#ffffff14,#ffffff0d);color:#fff}.sidebar-logout{color:#ef4444cc}.sidebar-logout:hover{background:linear-gradient(135deg,#ef444426,#ef44441a);color:#ef4444}.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-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:80px 16px 20px}}.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(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.dashboard-stat-card{display:flex;flex-direction:column;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);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:16px;padding:24px;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.8rem;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{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.dashboard-stat-badge-warning{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.dashboard-stat-badge-info{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0b0b0dcc}.dashboard-stat-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.dashboard-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.dashboard-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.dashboard-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.dashboard-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.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: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}.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: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;width:40px;height:40px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-radius:10px;color:#0b0b0d99;flex-shrink:0}.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}}.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(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.tl-stat-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);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{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.tl-stat-badge.warning{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.tl-stat-badge.danger{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.tl-stat-badge.info{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0b0b0dcc}.tl-stat-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.tl-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.tl-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.tl-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.tl-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.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: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}.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-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{font-size:1rem;color:#6b7280}.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: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;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;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);flex-shrink:0}.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: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;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: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}.employee-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.employee-stat-card.danger{border-color:#ef44444d;background:linear-gradient(135deg,#fef2f2f2,#fee2e2e6)}.employee-stat-content{display:flex;align-items:center;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;width:64px;height:64px;border-radius:16px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.employee-stat-icon.blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.employee-stat-icon.orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.employee-stat-icon.green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.employee-stat-icon.red{background:linear-gradient(135deg,#ef44441a,#ef444426);color:#ef4444cc}.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: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}.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;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);color:#0b0b0db3;flex-shrink:0}.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{--bg-primary: #FFFFFF;--bg-secondary: #F8F8F8;--bg-tertiary: #F5F5F5;--text-primary: #0B0B0D;--text-secondary: rgba(11, 11, 13, .65);--text-tertiary: rgba(11, 11, 13, .45);--border-color: rgba(11, 11, 13, .12);--border-hover: rgba(11, 11, 13, .25);--card-bg: rgba(248, 248, 248, .3);--card-hover: rgba(248, 248, 248, .5);--glass-bg: rgba(255, 255, 255, .7);--accent: #0B0B0D;--accent-hover: #1F2126;--accent-light: rgba(11, 11, 13, .08);--success: #00C853;--success-bg: rgba(0, 200, 83, .1);--success-border: rgba(0, 200, 83, .3);--warning: #FFB300;--warning-bg: rgba(255, 179, 0, .1);--warning-border: rgba(255, 179, 0, .3);--danger: #DC2626;--danger-bg: rgba(220, 38, 38, .1);--danger-border: rgba(220, 38, 38, .3);--info: #0066CC;--info-bg: rgba(0, 102, 204, .1);--info-border: rgba(0, 102, 204, .3);--shadow-sm: 0 2px 8px rgba(11, 11, 13, .08);--shadow-md: 0 4px 16px rgba(11, 11, 13, .12);--shadow-lg: 0 8px 32px rgba(11, 11, 13, .15);--shadow-xl: 0 12px 48px rgba(11, 11, 13, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--font-heading: "Rajdhani", -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}}