.layout-main:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:url(/assets/boehm-logo-BApUL5a1.png) center center no-repeat;background-size:contain;opacity:.02;pointer-events:none;z-index:0;margin-left:140px;transition:margin-left .3s ease}.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}.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-milestone-summary{display:flex;gap:24px;padding:16px 20px;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);margin-bottom:20px;flex-wrap:wrap}.ba-milestone-summary-item{display:flex;align-items:center;gap:8px}.ba-milestone-summary-label{font-size:.9rem;font-weight:600;color:#0b0b0d99}.ba-milestone-summary-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.ba-milestone-summary-value.success{color:#00c853e6}.ba-milestone-summary-value.error{color:#dc2626e6}.ba-milestone-item{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);margin-bottom:16px}.ba-milestone-item:last-child{margin-bottom:0}.ba-milestone-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-milestone-item-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.ba-form-hint{font-size:.85rem;color:#0b0b0d80;font-style:italic;margin-top:4px}.ba-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;gap:16px}.ba-modal-loading p{font-size:.95rem;color:#0b0b0d99}@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}.tl-team{animation:fadeInUp .5s ease}.tl-team-header{margin-bottom:32px}.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-selector-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;margin-bottom:28px;overflow:hidden}.tl-team-selector-header{display:flex;align-items:center;gap:10px;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08)}.tl-team-selector-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.tl-team-selector-title svg{color:#0b0b0d99}.tl-team-selector-body{padding:24px}.tl-team-buttons{display:flex;gap:12px;flex-wrap:wrap}.tl-team-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border:2px solid rgba(11,11,13,.1);border-radius:var(--radius-md);font-weight:700;font-size:.95rem;color:#0b0b0dcc;cursor:pointer;transition:all .3s ease}.tl-team-button:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d1a}.tl-team-button.active{background:linear-gradient(135deg,#0b0b0de6,#0b0b0df2);border-color:#0b0b0de6;color:#fff;box-shadow:0 4px 16px #0b0b0d33}.tl-team-button.active:hover{background:linear-gradient(135deg,#0b0b0df2,#0b0b0d);transform:translateY(-2px)}.tl-team-button-count{padding:2px 8px;background:#ffffffe6;border-radius:10px;font-size:.8rem;font-weight:700;color:#0b0b0dcc}.tl-team-button.active .tl-team-button-count{background:#fff3;color:#fff}.tl-team-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.tl-team-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;box-shadow:0 4px 16px #0b0b0d0f}.tl-team-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.tl-team-stat-content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px}.tl-team-stat-info{flex:1}.tl-team-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.tl-team-stat-value{font-family:var(--font-heading);font-size:2.2rem;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-team-stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.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-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.tl-team-members-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;margin-bottom:28px;overflow:hidden}.tl-team-members-header{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)}.tl-team-members-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary)}.tl-team-members-title svg{color:#0b0b0d99}.tl-team-members-body{padding:24px}.tl-team-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.tl-team-loading-spinner{width:48px;height:48px;border:4px solid rgba(11,11,13,.1);border-top-color:#0b0b0db3;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.tl-team-loading-text{font-size:.95rem;color:#0b0b0d99;font-weight:600}.tl-team-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.tl-team-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin-bottom:16px}.tl-team-empty-text{font-size:1rem;color:#0b0b0d80;font-weight:600}.tl-team-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(11,11,13,.08)}.tl-team-table{width:100%;border-collapse:collapse;font-size:.95rem}.tl-team-table thead{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-bottom:2px solid rgba(11,11,13,.1)}.tl-team-table th{padding:16px 20px;text-align:left;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.8px;color:#0b0b0db3}.tl-team-table tbody tr{border-bottom:1px solid rgba(11,11,13,.06);transition:all .3s ease}.tl-team-table tbody tr:hover{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a)}.tl-team-table tbody tr:last-child{border-bottom:none}.tl-team-table td{padding:16px 20px;color:#0b0b0dcc}.tl-team-member-cell{display:flex;align-items:center;gap:12px}.tl-team-member-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:1.1rem;font-weight:700;color:#0b0b0db3;flex-shrink:0;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0b0b0d1a}.tl-team-member-info{flex:1;min-width:0}.tl-team-member-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.tl-team-email-cell{display:flex;align-items:center;gap:8px}.tl-team-email-cell svg{color:#0b0b0d66;flex-shrink:0}.tl-team-role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#0066cc1a,#0066cc26);border:1px solid rgba(0,102,204,.2);border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#0066cce6}.tl-team-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.tl-team-status-badge.active{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.tl-team-status-badge.inactive{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.tl-team-status-badge svg{width:14px;height:14px}.tl-team-description-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}.tl-team-description-header{display:flex;align-items:center;gap:10px;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08)}.tl-team-description-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.tl-team-description-title svg{color:#0b0b0d99}.tl-team-description-body{padding:24px}.tl-team-description-text{font-size:.95rem;color:#0b0b0db3;line-height:1.7}@media(max-width:1024px){.tl-team-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tl-team-title{font-size:2rem}.tl-team-stats-grid{grid-template-columns:1fr}.tl-team-stat-value{font-size:1.8rem}.tl-team-buttons{flex-direction:column}.tl-team-button{width:100%;justify-content:space-between}.tl-team-table-wrapper{overflow-x:scroll}.tl-team-table{min-width:600px}}@media(max-width:480px){.tl-team-members-header,.tl-team-selector-header,.tl-team-description-header,.tl-team-members-body,.tl-team-selector-body,.tl-team-description-body{padding:16px}.tl-team-stat-content{padding:20px 16px}}.tl-team-overview-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;margin-bottom:28px;overflow:hidden}.tl-team-overview-header{display:flex;align-items:center;gap:10px;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08)}.tl-team-overview-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary)}.tl-team-overview-title svg{color:#0b0b0d99}.tl-team-overview-body{padding:28px;display:flex;flex-direction:column;gap:24px}.tl-team-overview-body .tl-team-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:0}.tl-team-stat-item{display:flex;align-items:center;gap:16px;padding:20px;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-stat-item:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f);border-color:#0b0b0d26;transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d14}.tl-team-stat-item .tl-team-stat-icon{width:48px;height:48px;border-radius:12px}.tl-team-stat-details{flex:1}.tl-team-stat-item .tl-team-stat-label{font-size:.8rem;margin-bottom:6px}.tl-team-stat-item .tl-team-stat-value{font-size:1.5rem}.tl-team-description-section{padding:20px;background:linear-gradient(135deg,#0066cc08,#0066cc0d);border:1px solid rgba(0,102,204,.15);border-left:4px solid rgba(0,102,204,.5);border-radius:var(--radius-md)}.tl-team-description-header-inline{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:#0b0b0db3;margin-bottom:12px}.tl-team-description-header-inline svg{color:#0066ccb3}.tl-team-description-section .tl-team-description-text{font-size:.95rem;color:#0b0b0dcc;line-height:1.6;margin:0}.hr-dashboard{animation:fadeInUp .5s ease}.hr-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.hr-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}.hr-dashboard-subtitle{font-size:1rem;color:var(--text-secondary)}.hr-dashboard-subtitle strong{color:var(--text-primary);font-weight:600}.hr-dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}.hr-alerts{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.hr-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}.hr-alert-warning{background:linear-gradient(135deg,#ffb3000d,#ffb30014);border-color:#ffb3004d;color:#0b0b0de6}.hr-alert-info{background:linear-gradient(135deg,#0066cc0d,#0066cc14);border-color:#0066cc4d;color:#0b0b0de6}.hr-alert:hover{transform:translate(4px);box-shadow:0 4px 12px #0b0b0d1a}.hr-alert-icon{width:20px;height:20px;flex-shrink:0}.hr-alert-message{flex:1;font-weight:600;font-size:.95rem}.hr-alert-arrow{width:18px;height:18px;opacity:.5}.hr-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.hr-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%}.hr-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.hr-stat-content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;flex:1}.hr-stat-info{flex:1}.hr-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.hr-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}.hr-stat-hint{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.hr-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}.hr-stat-badge.success{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.hr-stat-badge.warning{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.hr-stat-badge.info{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0b0b0dcc}.hr-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)}.hr-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.hr-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.hr-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.hr-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.hr-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;margin-top:auto}.hr-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.hr-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}.hr-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)}.hr-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)}.hr-card-body{padding:24px 28px}.hr-activity-list{display:flex;flex-direction:column;gap:20px}.hr-activity-item{display:flex;gap:16px;position:relative}.hr-activity-item:after{content:"";position:absolute;left:6px;top:24px;bottom:-20px;width:1px;background:linear-gradient(180deg,rgba(11,11,13,.2),transparent)}.hr-activity-item:last-child:after{display:none}.hr-activity-indicator{width:12px;height:12px;background:linear-gradient(135deg,#0b0b0dcc,#0b0b0d99);border-radius:50%;flex-shrink:0;margin-top:4px;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0b0b0d33}.hr-activity-content{flex:1}.hr-activity-message{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-bottom:4px}.hr-activity-time{font-size:.8rem;color:#0b0b0d80}.hr-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hr-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}.hr-quick-action-btn:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d1a}.hr-performance-card{margin-bottom:32px}.hr-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.hr-performance-item{display:flex;flex-direction:column;gap:10px}.hr-performance-label{font-size:.9rem;font-weight:600;color:#0b0b0d99}.hr-performance-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary)}.hr-performance-bar{height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.hr-performance-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width 1s ease}.hr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.hr-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin-bottom:16px}@media(max-width:1024px){.hr-stats-grid{grid-template-columns:repeat(2,1fr)}.hr-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.hr-dashboard-title{font-size:2rem}.hr-dashboard-header{flex-direction:column;align-items:flex-start}.hr-stats-grid{grid-template-columns:1fr}.hr-stat-value{font-size:2rem}.hr-quick-actions,.hr-performance-grid{grid-template-columns:1fr}}.hr-override-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.hr-override-title-section h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.hr-override-title-section p{color:#0b0b0d99;font-size:1rem;margin:0}.hr-override-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.hr-override-stat-card{background:linear-gradient(135deg,#ffffffe6,#f8f8f8cc);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease}.hr-override-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0b0b0d1f}.hr-override-stat-label{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.hr-override-stat-value{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin:0}.hr-override-stat-value.warning{color:#f59e0b}.hr-override-stat-value.success{color:#10b981}.hr-override-stat-value.danger{color:#ef4444}.hr-override-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.hr-override-list{display:flex;flex-direction:column;gap:1rem}.hr-override-card{background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.hr-override-card:hover{box-shadow:0 8px 24px #0b0b0d1f;transform:translateY(-2px)}.hr-override-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.hr-override-card-meta{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.hr-override-type{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary)}.hr-override-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#0b0b0d99}.hr-override-card-body{padding:1.5rem}.hr-override-reason{display:flex;gap:.75rem;margin-bottom:1rem}.hr-override-reason-content{flex:1}.hr-override-reason-label{font-size:.875rem;font-weight:600;color:#0b0b0d99;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.hr-override-reason-text{font-size:.95rem;color:var(--text-primary);line-height:1.6}.hr-override-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-radius:var(--radius-md);margin-bottom:1rem}.hr-override-detail-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hr-override-detail-label{font-size:.875rem;font-weight:600;color:#0b0b0d99}.hr-override-detail-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.hr-override-detail-value.highlight{color:#3b82f6;font-weight:700}.hr-override-review-notes{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#3b82f60d,#3b82f614);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md)}.hr-override-review-notes svg{color:#3b82f6;flex-shrink:0}.hr-override-reviewer{font-size:.85rem;color:#0b0b0d99;margin-top:.5rem;font-style:italic}.hr-override-card-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid rgba(11,11,13,.08);background:linear-gradient(135deg,#f8f8f899,#f0f0f080)}.hr-override-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.hr-override-empty-icon{width:80px;height:80px;color:#0b0b0d4d;margin-bottom:1.5rem}.hr-override-empty p{font-size:1.1rem;color:#0b0b0d99;margin-bottom:1.5rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.status-badge.pending{background:linear-gradient(135deg,#ffb30026,#ffb30033);color:#d97706;border:1px solid rgba(255,179,0,.3)}.status-badge.approved{background:linear-gradient(135deg,#00c85326,#00c85333);color:#059669;border:1px solid rgba(0,200,83,.3)}.status-badge.rejected{background:linear-gradient(135deg,#dc262626,#dc262633);color:#dc2626;border:1px solid rgba(220,38,38,.3)}@media(max-width:1024px){.hr-override-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hr-override-stats,.hr-override-details{grid-template-columns:1fr}.hr-override-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.hr-override-card-meta{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}}.sa-dashboard{animation:fadeInUp .5s ease}.sa-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.sa-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}.sa-dashboard-subtitle{font-size:1rem;color:var(--text-secondary)}.sa-dashboard-subtitle strong{color:var(--text-primary);font-weight:600}.sa-role-badge{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.2);border-radius:var(--radius-lg);font-weight:600;color:#0b0b0de6}.sa-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.sa-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}.sa-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.sa-stat-content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px}.sa-stat-info{flex:1}.sa-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.sa-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}.sa-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)}.sa-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.sa-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.sa-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.sa-stat-icon-red{background:linear-gradient(135deg,#dc26261a,#dc262626);color:#dc2626cc}.sa-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:32px}.sa-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)}.sa-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)}.sa-card-title svg{color:#06cc}.sa-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:24px 28px}.sa-role-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--radius-lg);border:1px solid rgba(11,11,13,.1);transition:all .3s ease}.sa-role-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d1a;border-color:#0b0b0d33}.sa-role-card-purple{background:linear-gradient(135deg,#7c3aed0d,#7c3aed14)}.sa-role-card-indigo{background:linear-gradient(135deg,#6366f10d,#6366f114)}.sa-role-card-blue{background:linear-gradient(135deg,#0066cc0d,#0066cc14)}.sa-role-card-teal{background:linear-gradient(135deg,#14b8a60d,#14b8a614)}.sa-role-icon{width:48px;height:48px;flex-shrink:0}.sa-role-icon-purple{color:#7c3aedcc}.sa-role-icon-indigo{color:#6366f1cc}.sa-role-icon-blue{color:#06cc}.sa-role-icon-teal{color:#14b8a6cc}.sa-role-info{flex:1}.sa-role-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.sa-role-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700}.sa-role-value-purple{background:linear-gradient(135deg,#7c3aedcc,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-role-value-indigo{background:linear-gradient(135deg,#6366f1cc,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-role-value-blue{background:linear-gradient(135deg,#06cc,#06c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-role-value-teal{background:linear-gradient(135deg,#14b8a6cc,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sa-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.sa-activity-item{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#00c8530d,#00c85314);border:1px solid rgba(0,200,83,.15);transition:all .3s ease}.sa-activity-item:hover{background:linear-gradient(135deg,#00c85314,#00c8531f);border-color:#00c85340}.sa-activity-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00c85326,#00c85333);color:#00c853e6;flex-shrink:0}.sa-activity-content{flex:1}.sa-activity-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.sa-activity-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:#00c853e6}.sa-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:24px 28px}.sa-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}.sa-quick-action-btn:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d1a}.sa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.sa-loading-spinner{width:48px;height:48px;border:4px solid rgba(11,11,13,.1);border-top-color:#0b0b0d99;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1024px){.sa-stats-grid{grid-template-columns:repeat(2,1fr)}.sa-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.sa-dashboard-title{font-size:2rem}.sa-dashboard-header{flex-direction:column;align-items:flex-start}.sa-stats-grid{grid-template-columns:1fr}.sa-stat-value{font-size:2rem}.sa-role-grid,.sa-content-grid{grid-template-columns:1fr}}.saal-container{animation:fadeInUp .5s ease}.saal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.saal-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}.saal-subtitle{font-size:1rem;color:var(--text-secondary)}.saal-header-info{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);font-weight:600;color:#0b0b0dcc}.saal-filters{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.saal-search{position:relative;flex:1;min-width:300px}.saal-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0b0b0d66;pointer-events:none}.saal-search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.saal-search-input:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.saal-filter-select{padding:12px 16px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:150px}.saal-filter-select:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.saal-timeline{position:relative}.saal-log-item{display:flex;gap:24px;margin-bottom:24px;position:relative}.saal-log-item:last-child .saal-log-line{display:none}.saal-log-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.saal-log-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0b0b0d26;position:relative;z-index:2}.saal-badge-success{background:linear-gradient(135deg,#00c85326,#00c85333);color:#00c853e6}.saal-badge-danger{background:linear-gradient(135deg,#dc262626,#dc262633);color:#dc2626e6}.saal-badge-warning{background:linear-gradient(135deg,#ffb30026,#ffb30033);color:#ffb300e6}.saal-badge-info{background:linear-gradient(135deg,#0066cc26,#06c3);color:#0066cce6}.saal-log-line{width:2px;flex:1;background:linear-gradient(180deg,rgba(11,11,13,.15),transparent);margin-top:8px}.saal-log-card{flex:1;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}.saal-log-card:hover{box-shadow:0 8px 32px #0b0b0d1f;transform:translate(4px)}.saal-log-header{padding:16px 20px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08)}.saal-log-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.saal-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.saal-log-time{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#0b0b0d99}.saal-log-body{padding:20px;display:flex;flex-direction:column;gap:12px}.saal-log-user{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-primary)}.saal-log-performer{display:flex;align-items:center;gap:8px}.saal-log-role{font-size:.85rem;color:#0b0b0d99;font-weight:400}.saal-log-target{display:flex;align-items:center;gap:8px;padding-left:28px;font-size:.9rem;color:#0b0b0db3}.saal-log-arrow{color:#0b0b0d66;font-weight:700}.saal-log-details{display:flex;gap:12px;padding:12px;background:#0b0b0d08;border-radius:var(--radius-lg);border-left:3px solid rgba(11,11,13,.15)}.saal-log-details-content{flex:1;display:flex;flex-direction:column;gap:6px}.saal-log-detail-item{display:flex;gap:8px;font-size:.9rem}.saal-log-detail-key{color:#0b0b0d99;font-weight:600;min-width:120px}.saal-log-detail-value{color:var(--text-primary);word-break:break-word}.saal-log-ip{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#0b0b0d99;padding-left:28px}.saal-log-footer{padding:12px 20px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-top:1px solid rgba(11,11,13,.08)}.saal-log-timestamp{font-size:.85rem;color:#0b0b0d80;font-style:italic}.saal-empty{text-align:center;padding:64px 24px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);border-radius:var(--radius-lg);border:1px solid rgba(11,11,13,.1)}.saal-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin:0 auto 16px}.saal-empty p{color:#0b0b0d80;font-size:1rem}.saal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.saal-loading-spinner{width:48px;height:48px;border:4px solid rgba(11,11,13,.1);border-top-color:#0b0b0d99;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.saal-title{font-size:2rem}.saal-header{flex-direction:column;align-items:flex-start}.saal-filters{flex-direction:column}.saal-search{min-width:100%}.saal-filter-select{width:100%}.saal-log-item{gap:16px}.saal-log-meta{flex-direction:column;align-items:flex-start}.saal-log-target,.saal-log-ip{padding-left:0}}.sass-container{animation:fadeInUp .5s ease}.sass-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.sass-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}.sass-subtitle{font-size:1rem;color:var(--text-secondary)}.sass-header-badge{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.2);border-radius:var(--radius-lg);font-weight:600;color:#0b0b0de6}.sass-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.sass-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);padding:24px;display:flex;gap:20px;align-items:flex-start;box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.sass-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.sass-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sass-stat-primary .sass-stat-icon{background:linear-gradient(135deg,#0066cc26,#06c3);color:#0066cce6}.sass-stat-success .sass-stat-icon{background:linear-gradient(135deg,#00c85326,#00c85333);color:#00c853e6}.sass-stat-warning .sass-stat-icon{background:linear-gradient(135deg,#ffb30026,#ffb30033);color:#ffb300e6}.sass-stat-info .sass-stat-icon{background:linear-gradient(135deg,#6366f126,#6366f133);color:#6366f1e6}.sass-stat-content{flex:1}.sass-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.sass-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}.sass-stat-trend{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#0b0b0d99}.sass-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:32px}.sass-card-header{padding:24px 28px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08)}.sass-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);margin:0}.sass-card-body{padding:28px}.sass-role-chart{display:flex;flex-direction:column;gap:24px}.sass-role-item{display:flex;flex-direction:column;gap:12px}.sass-role-info{display:flex;align-items:center;gap:12px}.sass-role-icon{width:40px;height:40px;flex-shrink:0}.sass-role-icon-purple{color:#7c3aedcc}.sass-role-icon-blue{color:#06cc}.sass-role-icon-indigo{color:#6366f1cc}.sass-role-icon-teal{color:#14b8a6cc}.sass-role-details{flex:1}.sass-role-label{font-weight:600;color:var(--text-primary);font-size:1rem}.sass-role-count{font-size:.85rem;color:#0b0b0d99}.sass-role-bar-container{width:100%;height:32px;background:#0b0b0d0d;border-radius:var(--radius-lg);overflow:hidden;position:relative}.sass-role-bar{height:100%;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:flex-end;padding:0 12px;transition:width 1s ease;position:relative}.sass-role-bar-purple{background:linear-gradient(90deg,#7c3aed26,#7c3aed40)}.sass-role-bar-blue{background:linear-gradient(90deg,#0066cc26,#0066cc40)}.sass-role-bar-indigo{background:linear-gradient(90deg,#6366f126,#6366f140)}.sass-role-bar-teal{background:linear-gradient(90deg,#14b8a626,#14b8a640)}.sass-role-percentage{font-size:.85rem;font-weight:700;color:#0b0b0dcc}.sass-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.sass-activity-list{display:flex;flex-direction:column;gap:12px}.sass-activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#0b0b0d08;border-radius:var(--radius-lg);border:1px solid rgba(11,11,13,.06);transition:all .3s ease}.sass-activity-item:hover{background:#0b0b0d0d;border-color:#0b0b0d1a}.sass-activity-rank{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#0b0b0db3;flex-shrink:0}.sass-activity-name{flex:1;font-weight:600;color:var(--text-primary)}.sass-activity-count{font-weight:700;color:#0b0b0d99;font-size:.95rem}.sass-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.sass-health-item{display:flex;gap:16px;padding:20px;border-radius:var(--radius-lg);border:1px solid rgba(11,11,13,.1);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);transition:all .3s ease}.sass-health-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d1a}.sass-health-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.sass-health-success .sass-health-icon{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.sass-health-info .sass-health-icon{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.sass-health-warning .sass-health-icon{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.sass-health-primary .sass-health-icon{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);color:#0b0b0db3}.sass-health-info{flex:1}.sass-health-label{font-size:.85rem;font-weight:600;color:#0b0b0d99;margin-bottom:6px}.sass-health-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.sass-health-status{font-size:.85rem;color:#0b0b0d99}.sass-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.sass-loading-spinner{width:48px;height:48px;border:4px solid rgba(11,11,13,.1);border-top-color:#0b0b0d99;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.sass-title{font-size:2rem}.sass-header{flex-direction:column;align-items:flex-start}.sass-stats-grid,.sass-content-grid,.sass-health-grid{grid-template-columns:1fr}}.sat-container{animation:fadeInUp .5s ease}.sat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.sat-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}.sat-subtitle{font-size:1rem;color:var(--text-secondary)}.sat-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.sat-stat-item{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:20px;box-shadow:0 4px 16px #0b0b0d0f}.sat-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.sat-stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#0b0b0d;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sat-stat-success{background:linear-gradient(135deg,#00c853cc,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sat-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.sat-search{position:relative;flex:1;min-width:300px}.sat-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0b0b0d66;pointer-events:none}.sat-search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.sat-search-input:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.sat-filter-select{padding:12px 16px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:150px}.sat-filter-select:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.sat-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}.sat-table-wrapper{overflow-x:auto}.sat-table{width:100%;border-collapse:collapse}.sat-table thead{background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.1)}.sat-table th{padding:16px 20px;text-align:left;font-size:.85rem;font-weight:600;color:#0b0b0db3;text-transform:uppercase;letter-spacing:.8px}.sat-table tbody tr{border-bottom:1px solid rgba(11,11,13,.06);transition:background .2s ease}.sat-table tbody tr:hover{background:#0b0b0d05}.sat-table td{padding:16px 20px;font-size:.95rem;color:var(--text-primary)}.sat-team-cell{display:flex;align-items:center;gap:12px}.sat-team-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#0b0b0db3;border:2px solid rgba(11,11,13,.1);flex-shrink:0}.sat-team-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.sat-team-desc{font-size:.85rem;color:#0b0b0d99;margin-top:4px}.sat-lead-info{display:flex;align-items:center;gap:8px;color:#0b0b0dcc}.sat-lead-info svg{color:#0b0b0d80}.sat-member-count{color:#0b0b0d99;font-size:.9rem}.sat-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.sat-status-active{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.sat-status-inactive{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.sat-actions{display:flex;gap:8px}.sat-action-btn{padding:8px;border:1px solid rgba(11,11,13,.1);border-radius:8px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);color:#0b0b0db3;cursor:pointer;transition:all .3s ease}.sat-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d33;color:#0b0b0de6}.sat-action-btn:disabled{opacity:.5;cursor:not-allowed}.sat-action-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.sat-empty{text-align:center;padding:48px 24px!important}.sat-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin:0 auto 16px}.sat-empty p{color:#0b0b0d80;font-size:.95rem}.sat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.sat-loading-spinner{width:48px;height:48px;border:4px solid rgba(11,11,13,.1);border-top-color:#0b0b0d99;border-radius:50%;animation:spin .8s linear infinite}.sat-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}.sat-modal{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:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden;position:relative}.sat-modal-small{max-width:500px}.sat-modal-large{max-width:800px}.sat-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}.sat-modal-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.sat-modal-close{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}.sat-modal-close:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);color:#0b0b0de6}.sat-modal-header-danger{background:linear-gradient(135deg,#dc26260d,#dc262614);border-bottom-color:#dc262633}.sat-modal-header-danger h2{color:#dc2626e6}.sat-modal-body{padding:32px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(11,11,13,.2) rgba(11,11,13,.05)}.sat-modal-body::-webkit-scrollbar{width:10px}.sat-modal-body::-webkit-scrollbar-track{background:#0b0b0d0d;border-radius:4px;margin:4px 0}.sat-modal-body::-webkit-scrollbar-thumb{background:#0b0b0d33;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.sat-modal-body::-webkit-scrollbar-thumb:hover{background:#0b0b0d4d;background-clip:padding-box}.sat-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sat-form-group:last-child{margin-bottom:0}.sat-form-group label{font-size:.9rem;font-weight:600;color:#0b0b0dcc;letter-spacing:.3px}.sat-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}.sat-input:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.sat-input::-moz-placeholder{color:#0b0b0d66;font-size:.95rem}.sat-input::placeholder{color:#0b0b0d66;font-size:.95rem}.sat-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}.sat-textarea:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.sat-textarea::-moz-placeholder{color:#0b0b0d66;font-size:.95rem}.sat-textarea::placeholder{color:#0b0b0d66;font-size:.95rem}.sat-help-text{display:block;margin-top:4px;font-size:.85rem;color:#dc2626e6;font-weight:500}.sat-modal-info{background:#0b0b0d0d;padding:16px;border-radius:var(--radius-lg);margin-bottom:20px;font-size:.95rem;line-height:1.8}.sat-modal-info strong{color:var(--text-primary);font-weight:600}.sat-modal-info div{margin-bottom:8px}.sat-modal-info div:last-child{margin-bottom:0}.sat-modal-warning{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#dc26261a,#dc262626);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-lg);margin-bottom:20px;color:#dc2626e6;font-weight:600}.sat-modal-text{font-size:1rem;color:var(--text-primary);margin-bottom:16px;line-height:1.6}.sat-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)}.sat-btn-primary,.sat-btn-secondary,.sat-btn-danger{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:1px solid;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.sat-btn-primary{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.sat-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0b0b0d1f,#0b0b0d29);transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d26}.sat-btn-secondary{background:#fff;border-color:#0b0b0d33;color:#0b0b0db3}.sat-btn-secondary:hover{background:#0b0b0d0d}.sat-btn-danger{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.sat-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc262633,#dc262640);transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.sat-btn-primary:disabled,.sat-btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.sat-modal{max-width:95vw;max-height:95vh}.sat-modal-header,.sat-modal-body,.sat-modal-footer{padding:20px}.sat-modal-header h2{font-size:1.25rem}.sat-btn-primary,.sat-btn-secondary,.sat-btn-danger{padding:10px 18px;font-size:.9rem;width:100%}.sat-modal-footer{flex-direction:column}}@media(max-height:800px){.sat-modal{max-height:95vh}.sat-modal-body{max-height:calc(95vh - 150px);padding:24px}.sat-modal-header,.sat-modal-footer{padding:16px 24px}}@media(max-height:600px){.sat-modal{max-height:98vh}.sat-modal-body{max-height:calc(98vh - 130px);padding:20px}.sat-modal-header,.sat-modal-footer{padding:12px 20px}}@media(max-width:768px){.sat-title{font-size:2rem}.sat-header{flex-direction:column;align-items:flex-start}.sat-stats{grid-template-columns:1fr}.sat-filters{flex-direction:column}.sat-search{min-width:100%}.sat-filter-select{width:100%}.sat-table-wrapper{overflow-x:scroll}.sat-table{min-width:800px}.sat-modal{max-width:100%;margin:0;border-radius:0}.sat-modal-footer{flex-direction:column}.sat-btn-primary,.sat-btn-secondary,.sat-btn-danger{width:100%;justify-content:center}.sat-members-list{grid-template-columns:1fr}}.sau-container{animation:fadeInUp .5s ease}.sau-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.sau-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}.sau-subtitle{font-size:1rem;color:var(--text-secondary)}.sau-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.sau-stat-item{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:20px;box-shadow:0 4px 16px #0b0b0d0f}.sau-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.sau-stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#0b0b0d;background:linear-gradient(135deg,#0b0b0d,#3d3f45);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sau-stat-success{background:linear-gradient(135deg,#00c853cc,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sau-stat-danger{background:linear-gradient(135deg,#ffb300cc,#ffb300);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sau-filters{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.sau-search{position:relative;flex:1;min-width:300px}.sau-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#0b0b0d66;pointer-events:none}.sau-search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);font-size:.95rem;color:var(--text-primary);transition:all .3s ease}.sau-search-input:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.sau-filter-select{padding:12px 16px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:150px}.sau-filter-select:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.sau-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}.sau-table-wrapper{overflow-x:auto}.sau-table{width:100%;border-collapse:collapse}.sau-table thead{background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.1)}.sau-table th{padding:16px 20px;text-align:left;font-size:.85rem;font-weight:600;color:#0b0b0db3;text-transform:uppercase;letter-spacing:.8px}.sau-table tbody tr{border-bottom:1px solid rgba(11,11,13,.06);transition:background .2s ease}.sau-table tbody tr:hover{background:#0b0b0d05}.sau-table td{padding:16px 20px;font-size:.95rem;color:var(--text-primary)}.sau-user-cell{display:flex;align-items:center;gap:12px}.sau-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#0b0b0db3;border:2px solid rgba(11,11,13,.1)}.sau-user-name{font-weight:600;color:var(--text-primary)}.sau-email{color:#0b0b0d99;font-size:.9rem}.sau-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.sau-badge-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);border-color:#7c3aed4d;color:#7c3aede6}.sau-badge-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0066cce6}.sau-badge-indigo{background:linear-gradient(135deg,#6366f11a,#6366f126);border-color:#6366f14d;color:#6366f1e6}.sau-badge-gray{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0dcc}.sau-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.sau-status-active{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.sau-status-inactive{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.sau-actions{display:flex;gap:8px}.sau-action-btn{padding:8px;border:1px solid rgba(11,11,13,.1);border-radius:8px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);color:#0b0b0db3;cursor:pointer;transition:all .3s ease}.sau-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d33;color:#0b0b0de6}.sau-action-btn:disabled{opacity:.5;cursor:not-allowed}.sau-action-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.sau-empty{text-align:center;padding:48px 24px!important}.sau-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin:0 auto 16px}.sau-empty p{color:#0b0b0d80;font-size:.95rem}.sau-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.sau-loading-spinner{width:48px;height:48px;border:4px solid rgba(11,11,13,.1);border-top-color:#0b0b0d99;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.sau-title{font-size:2rem}.sau-header{flex-direction:column;align-items:flex-start}.sau-stats{grid-template-columns:1fr}.sau-filters{flex-direction:column}.sau-search{min-width:100%}.sau-filter-select{width:100%}.sau-table-wrapper{overflow-x:scroll}.sau-table{min-width:800px}}.sau-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}.sau-modal{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:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden;position:relative}.sau-modal-small{max-width:500px}.sau-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}.sau-modal-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.sau-modal-close{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}.sau-modal-close:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);color:#0b0b0de6}.sau-modal-header-danger{background:linear-gradient(135deg,#dc26260d,#dc262614);border-bottom-color:#dc262633}.sau-modal-header-danger h2{color:#dc2626e6}.sau-modal-body{padding:32px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(11,11,13,.2) rgba(11,11,13,.05)}.sau-modal-body::-webkit-scrollbar{width:10px}.sau-modal-body::-webkit-scrollbar-track{background:#0b0b0d0d;border-radius:4px;margin:4px 0}.sau-modal-body::-webkit-scrollbar-thumb{background:#0b0b0d33;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.sau-modal-body::-webkit-scrollbar-thumb:hover{background:#0b0b0d4d;background-clip:padding-box}.sau-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.sau-form-group:last-child{margin-bottom:0}.sau-form-group label{font-size:.9rem;font-weight:600;color:#0b0b0dcc;letter-spacing:.3px}.sau-password-input-wrapper{position:relative;display:flex;align-items:center}.sau-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#0b0b0d80;transition:color .2s ease;display:flex;align-items:center;justify-content:center}.sau-password-toggle:hover{color:#0b0b0dcc}.sau-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}.sau-input:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.sau-input::-moz-placeholder{color:#0b0b0d66;font-size:.95rem}.sau-input::placeholder{color:#0b0b0d66;font-size:.95rem}.sau-password-input-wrapper .sau-input{padding-right:44px}.sau-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}.sau-textarea:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.sau-form-hint{font-size:.85rem;color:#0b0b0d80;font-style:italic;margin-top:4px}.sau-modal-info{background:#0b0b0d0d;padding:16px;border-radius:var(--radius-lg);margin-bottom:20px;font-size:.95rem;line-height:1.8}.sau-modal-info strong{color:var(--text-primary);font-weight:600}.sau-modal-warning{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#dc26261a,#dc262626);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-lg);margin-bottom:20px;color:#dc2626e6;font-weight:600}.sau-modal-text{font-size:1rem;color:var(--text-primary);margin-bottom:16px;line-height:1.6}.sau-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)}.sau-btn-primary,.sau-btn-secondary,.sau-btn-danger{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:1px solid;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0}.sau-btn-primary{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.sau-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0b0b0d1f,#0b0b0d29);transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d26}.sau-btn-secondary{background:#fff;border-color:#0b0b0d33;color:#0b0b0db3}.sau-btn-secondary:hover{background:#0b0b0d0d}.sau-btn-danger{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.sau-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc262633,#dc262640);transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.sau-btn-primary:disabled,.sau-btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.sau-modal{max-width:95vw;max-height:95vh}.sau-modal-header,.sau-modal-body,.sau-modal-footer{padding:20px}.sau-modal-header h2{font-size:1.25rem}.sau-btn-primary,.sau-btn-secondary,.sau-btn-danger{padding:10px 18px;font-size:.9rem}}@media(max-height:800px){.sau-modal{max-height:95vh}.sau-modal-body{max-height:calc(95vh - 150px);padding:24px}.sau-modal-header,.sau-modal-footer{padding:16px 24px}}@media(max-height:600px){.sau-modal{max-height:98vh}.sau-modal-body{max-height:calc(98vh - 130px);padding:20px}.sau-modal-header,.sau-modal-footer{padding:12px 20px}}.saor-container{animation:fadeInUp .5s ease}.saor-header{margin-bottom:32px}.saor-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}.saor-subtitle{font-size:1rem;color:var(--text-secondary)}.saor-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.saor-stat-item{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:20px;box-shadow:0 4px 16px #0b0b0d0f}.saor-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.saor-stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700}.saor-stat-warning{background:linear-gradient(135deg,#ffb300cc,#ffb300);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.saor-stat-success{background:linear-gradient(135deg,#00c853cc,#00c853);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.saor-stat-danger{background:linear-gradient(135deg,#dc2626cc,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.saor-filters{margin-bottom:24px}.saor-filter-select{padding:12px 16px;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);font-size:.95rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:200px}.saor-filter-select:focus{outline:none;border-color:#0b0b0d4d;box-shadow:0 0 0 3px #0b0b0d0d}.saor-list{display:flex;flex-direction:column;gap:20px}.saor-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}.saor-card:hover{box-shadow:0 8px 32px #0b0b0d1f}.saor-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08)}.saor-card-meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.saor-user-info{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.saor-user-name{font-size:1rem}.saor-request-date{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#0b0b0d99}.saor-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid}.saor-status-pending{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#ffb300e6}.saor-status-approved{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.saor-status-rejected{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.saor-card-body{padding:24px;display:flex;flex-direction:column;gap:20px}.saor-request-type{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);font-size:1.05rem}.saor-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px;background:#0b0b0d05;border-radius:var(--radius-lg);border:1px solid rgba(11,11,13,.06)}.saor-detail-item{display:flex;flex-direction:column;gap:4px}.saor-detail-label{font-size:.85rem;color:#0b0b0d99;font-weight:500}.saor-detail-value{font-size:.95rem;color:var(--text-primary);font-weight:600}.saor-highlight{color:#0066cce6}.saor-reason{display:flex;gap:12px;padding:16px;background:#0b0b0d05;border-radius:var(--radius-lg);border-left:3px solid rgba(11,11,13,.2)}.saor-reason-label{font-size:.85rem;color:#0b0b0d99;font-weight:600;margin-bottom:6px}.saor-reason-text{font-size:.95rem;color:var(--text-primary);line-height:1.6}.saor-review-notes{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#0066cc0d,#0066cc14);border-radius:var(--radius-lg);border-left:3px solid rgba(0,102,204,.3)}.saor-reviewer{font-size:.85rem;color:#0b0b0d99;margin-top:8px;font-style:italic}.saor-card-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-top:1px solid rgba(11,11,13,.08)}.saor-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid;border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.saor-btn:disabled{opacity:.5;cursor:not-allowed}.saor-btn-approve{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.saor-btn-approve:hover:not(:disabled){background:linear-gradient(135deg,#00c85333,#00c85340);transform:translateY(-2px);box-shadow:0 4px 12px #00c85333}.saor-btn-reject{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6}.saor-btn-reject:hover:not(:disabled){background:linear-gradient(135deg,#dc262633,#dc262640);transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.saor-btn-secondary{background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-color:#0b0b0d33;color:#0b0b0dcc}.saor-btn-secondary:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f)}.saor-modal-overlay{position:fixed;inset:0;background:#0b0b0d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.saor-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0b0b0d4d;max-width:500px;width:90%;max-height:90vh;overflow:auto;animation:slideUp .3s ease}.saor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(11,11,13,.1)}.saor-modal-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.saor-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#0b0b0d0d;color:#0b0b0db3;font-size:1.5rem;cursor:pointer;transition:all .2s ease}.saor-modal-close:hover{background:#0b0b0d1a}.saor-modal-body{padding:24px}.saor-modal-text{font-size:1rem;color:var(--text-primary);margin-bottom:16px}.saor-modal-info{background:#0b0b0d0d;padding:16px;border-radius:var(--radius-lg);margin-bottom:20px;font-size:.95rem;line-height:1.8}.saor-form-group{margin-bottom:20px}.saor-form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.saor-required{color:#dc2626e6}.saor-textarea{width:100%;padding:12px;border:1px solid rgba(11,11,13,.2);border-radius:var(--radius-lg);font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease}.saor-textarea:focus{outline:none;border-color:#0b0b0d66;box-shadow:0 0 0 3px #0b0b0d0d}.saor-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid rgba(11,11,13,.1)}.saor-empty{text-align:center;padding:64px 24px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);border-radius:var(--radius-lg);border:1px solid rgba(11,11,13,.1)}.saor-empty-icon{width:64px;height:64px;color:#0b0b0d33;margin:0 auto 16px}.saor-empty p{color:#0b0b0d80;font-size:1rem}.saor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.saor-loading-spinner{width:48px;height:48px;border:4px solid rgba(11,11,13,.1);border-top-color:#0b0b0d99;border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.saor-title{font-size:2rem}.saor-stats{grid-template-columns:1fr}.saor-card-header{flex-direction:column;align-items:flex-start;gap:12px}.saor-card-meta{flex-direction:column;align-items:flex-start;gap:8px}.saor-details{grid-template-columns:1fr}.saor-card-footer{flex-direction:column}.saor-btn{width:100%;justify-content:center}.saor-modal{width:95%}}.ba-client-details{animation:fadeInUp .5s ease}.ba-client-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ba-client-details-actions{display:flex;gap:12px}.ba-client-header-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:32px;margin-bottom:24px;box-shadow:0 4px 16px #0b0b0d0f}.ba-client-header-left{display:flex;align-items:center;gap:24px}.ba-client-logo-large{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:16px;color:#0b0b0db3;flex-shrink:0}.ba-client-header-info{flex:1}.ba-client-details-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.2}.ba-client-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ba-client-industry-tag{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:12px;font-size:.85rem;font-weight:600;color:#0b0b0db3;letter-spacing:.3px}.ba-client-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.ba-client-stat-box{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);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.ba-client-stat-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0b0b0d1a}.ba-client-stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.ba-client-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d99;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.ba-client-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:6px}.ba-client-stat-sub{font-size:.8rem;color:#0b0b0d80}.ba-client-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ba-client-content-left,.ba-client-content-right{display:flex;flex-direction:column;gap:24px}.ba-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;overflow:hidden}.ba-details-card-header{display:flex;align-items:center;gap:10px;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08)}.ba-details-card-header h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.ba-details-card-body{padding:24px}.ba-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid rgba(11,11,13,.06)}.ba-detail-row:last-child{border-bottom:none;padding-bottom:0}.ba-detail-row:first-child{padding-top:0}.ba-detail-label{font-size:.9rem;font-weight:600;color:#0b0b0d99;min-width:140px}.ba-detail-value{font-size:.95rem;color:var(--text-primary);font-weight:500;text-align:right;flex:1}.ba-detail-link{display:inline-flex;align-items:center;gap:6px;color:#06cc;font-weight:600;text-decoration:none;transition:all .3s ease}.ba-detail-link:hover{color:#06c;text-decoration:underline}.ba-notes-text{font-size:.95rem;color:#0b0b0dcc;line-height:1.6;white-space:pre-wrap;margin:0}.ba-contacts-list{display:flex;flex-direction:column;gap:16px}.ba-contact-box{padding:18px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);transition:all .3s ease}.ba-contact-box:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f)}.ba-contact-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ba-contact-box-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.ba-contact-box-designation{font-size:.85rem;color:#0b0b0d99;margin-bottom:12px}.ba-contact-box-links{display:flex;flex-direction:column;gap:8px}.ba-contact-box-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:#0b0b0db3;text-decoration:none;transition:all .3s ease}.ba-contact-box-link:hover{color:#0066cce6}.ba-projects-list{display:flex;flex-direction:column;gap:16px}.ba-project-item{padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ba-project-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ba-project-item-name{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.ba-project-progress{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ba-progress-bar{flex:1;height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.ba-progress-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width 1s ease}.ba-progress-text{font-size:.85rem;font-weight:700;color:#0b0b0db3;min-width:40px;text-align:right}.ba-project-date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#0b0b0d80}.ba-comms-list{display:flex;flex-direction:column;gap:16px}.ba-comm-item{display:flex;gap:12px;padding:14px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ba-comm-type{display:flex;align-items:center;justify-content:center;padding:6px 12px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:8px;font-size:.75rem;font-weight:700;color:#0b0b0db3;text-transform:uppercase;letter-spacing:.5px;height:-moz-fit-content;height:fit-content}.ba-comm-content{flex:1}.ba-comm-subject{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 6px}.ba-comm-notes{font-size:.85rem;color:#0b0b0db3;margin:0 0 8px;line-height:1.5}.ba-comm-meta{font-size:.75rem;color:#0b0b0d80;margin:0}.ba-payments-list{display:flex;flex-direction:column;gap:12px}.ba-payment-item{display:flex;gap:16px;padding:14px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ba-payment-amount{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:#00c853cc;min-width:100px}.ba-payment-details{flex:1}.ba-payment-project{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.ba-payment-milestone{font-size:.85rem;color:#0b0b0db3;margin:0 0 6px}.ba-payment-date{font-size:.75rem;color:#0b0b0d80;margin:0}.ba-empty-text{text-align:center;padding:32px;font-size:.95rem;color:#0b0b0d80}@media(max-width:1024px){.ba-client-content-grid{grid-template-columns:1fr}.ba-client-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ba-client-details-title{font-size:1.5rem}.ba-client-header-left{flex-direction:column;align-items:flex-start}.ba-client-stats-grid{grid-template-columns:1fr}.ba-detail-row{flex-direction:column;gap:8px}.ba-detail-label{min-width:auto}.ba-detail-value{text-align:left}}.ba-project-details{animation:fadeInUp .5s ease}.ba-project-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.ba-project-details-actions{display:flex;gap:12px}.ba-project-header-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:32px;margin-bottom:24px;box-shadow:0 4px 16px #0b0b0d0f}.ba-project-header-left{display:flex;align-items:center;gap:24px}.ba-project-logo-large{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:16px;color:#0b0b0db3;flex-shrink:0}.ba-project-header-info{flex:1}.ba-project-details-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;line-height:1.2}.ba-project-header-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ba-project-priority-tag{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border:1px solid rgba(11,11,13,.1);border-radius:12px;font-size:.85rem;font-weight:600;color:#0b0b0db3;letter-spacing:.3px}.ba-project-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.ba-project-stat-box{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);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.ba-project-stat-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0b0b0d1a}.ba-project-stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;flex-shrink:0;border:1px solid rgba(11,11,13,.1)}.ba-project-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d99;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.ba-project-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:6px}.ba-project-stat-sub{font-size:.8rem;color:#0b0b0d80}.ba-project-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ba-project-content-left,.ba-project-content-right{display:flex;flex-direction:column;gap:24px}.ba-milestones-list{display:flex;flex-direction:column;gap:16px}.ba-milestone-box{padding:18px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);transition:all .3s ease}.ba-milestone-box:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f)}.ba-milestone-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ba-milestone-box-name{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.ba-milestone-box-details{display:flex;gap:24px}.ba-milestone-box-item{display:flex;flex-direction:column;gap:4px}.ba-milestone-box-label{font-size:.85rem;font-weight:600;color:#0b0b0d99}.ba-milestone-box-value{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.ba-documents-list{display:flex;flex-direction:column;gap:12px}.ba-document-item{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);transition:all .3s ease}.ba-document-item:hover{background:linear-gradient(135deg,#0b0b0d0a,#0b0b0d0f)}.ba-document-info{flex:1}.ba-document-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.ba-document-meta{font-size:.8rem;color:#0b0b0d80;margin:0}@media(max-width:1024px){.ba-project-content-grid{grid-template-columns:1fr}.ba-project-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ba-project-details-title{font-size:1.5rem}.ba-project-header-left{flex-direction:column;align-items:flex-start}.ba-project-stats-grid{grid-template-columns:1fr}}.ba-empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center}.ba-empty-icon-small{width:40px;height:40px;color:#0b0b0d33;margin-bottom:12px}.ba-empty-state-small p{font-size:.9rem;color:#0b0b0d99;margin:0}.ba-document-badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.ba-milestone-box-date{font-size:.85rem;color:#0b0b0d99;margin-top:8px;padding-top:8px;border-top:1px solid rgba(11,11,13,.08)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0b0d0d}::-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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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 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 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::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}@keyframes highlightPulse{0%,to{background-color:#ffffff80;box-shadow:var(--shadow-sm)}50%{background-color:#0b0b0d14;box-shadow:0 0 0 4px #0b0b0d1a,var(--shadow-md)}}.highlight-task{animation:highlightPulse 1s ease-in-out 2}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-background{position:fixed;inset:0;background:linear-gradient(135deg,#fff,#f8f8f8,#f0f0f0);z-index:-2}.login-watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;background:url(/assets/boehm-logo-BApUL5a1.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::-moz-placeholder{color:var(--text-tertiary)}.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(/assets/boehm-logo-BApUL5a1.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}.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}.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-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{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-card-body{padding:24px 28px}.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)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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::-moz-placeholder{color:var(--text-tertiary)}.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{-moz-column-count:1;column-count:1;-moz-column-gap:1rem;column-gap:1rem;width:100%}@media(min-width:640px){.notes-masonry-container{-moz-column-count:2;column-count:2}}@media(min-width:1024px){.notes-masonry-container{-moz-column-count:3;column-count:3}}@media(min-width:1536px){.notes-masonry-container{-moz-column-count:4;column-count:4}}.notes-masonry-item{-moz-column-break-inside:avoid;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-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{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-nav::-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}}.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}.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-menu-item[type=button]{background:none;border:none;width:100%;text-align:left;font-family:inherit}@media(max-width:768px){.sidebar-submenu{margin:4px 8px 8px}.sidebar-submenu-item{padding:10px 12px 10px 28px;font-size:.85rem}.sidebar-submenu-item:hover{padding-left:32px}.sidebar.mobile-open .sidebar-submenu{display:block}}@media(max-width:1024px){.sidebar-submenu{margin:4px 10px 8px}.sidebar-submenu-item{padding:10px 14px 10px 30px;font-size:.86rem}}.sidebar-menu li:has(.sidebar-submenu){transition:all .3s ease}.sidebar-menu-item:has(+.sidebar-submenu):hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0f)}.sidebar-submenu{max-height:300px;overflow-y:auto}.sidebar-submenu::-webkit-scrollbar{width:3px}.sidebar-submenu::-webkit-scrollbar-track{background:transparent}.sidebar-submenu::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-submenu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.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-main:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:url(/assets/boehm-logo-BApUL5a1.png) center center no-repeat;background-size:contain;opacity:.02;pointer-events:none;z-index:0;margin-left:140px;transition:margin-left .3s ease}.sidebar.collapsed~.layout-main:before{margin-left:40px}@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}.layout-main:before{margin-left:0}}.layout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 64px);gap:20px}.layout-loading-spinner{width:60px;height:60px}.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}.ba-dashboard{animation:fadeInUp .5s ease}.ba-dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.ba-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}.ba-dashboard-subtitle{font-size:1rem;color:var(--text-secondary)}.ba-dashboard-subtitle strong{color:var(--text-primary);font-weight:600}.ba-dashboard-actions{display:flex;gap:12px;flex-wrap:wrap}.ba-alerts{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.ba-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}.ba-alert-warning{background:linear-gradient(135deg,#ffb3000d,#ffb30014);border-color:#ffb3004d;color:#0b0b0de6}.ba-alert-info{background:linear-gradient(135deg,#0066cc0d,#0066cc14);border-color:#0066cc4d;color:#0b0b0de6}.ba-alert:hover{transform:translate(4px);box-shadow:0 4px 12px #0b0b0d1a}.ba-alert-icon{width:20px;height:20px;flex-shrink:0}.ba-alert-message{flex:1;font-weight:600;font-size:.95rem}.ba-alert-arrow{width:18px;height:18px;opacity:.5}.ba-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.ba-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%}.ba-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.ba-stat-content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;flex:1}.ba-stat-info{flex:1}.ba-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d8c;margin-bottom:8px;text-transform:uppercase;letter-spacing:.8px}.ba-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}.ba-stat-hint{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ba-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}.ba-stat-badge.success{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;color:#0b0b0de6}.ba-stat-badge.warning{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.ba-stat-badge.info{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0b0b0dcc}.ba-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)}.ba-stat-icon-blue{background:linear-gradient(135deg,#0066cc1a,#0066cc26);color:#06cc}.ba-stat-icon-purple{background:linear-gradient(135deg,#7c3aed1a,#7c3aed26);color:#7c3aedcc}.ba-stat-icon-green{background:linear-gradient(135deg,#00c8531a,#00c85326);color:#00c853cc}.ba-stat-icon-orange{background:linear-gradient(135deg,#ffb3001a,#ffb30026);color:#ffb300cc}.ba-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;margin-top:auto}.ba-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.ba-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}.ba-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)}.ba-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)}.ba-card-body{padding:24px 28px}.ba-activity-list{display:flex;flex-direction:column;gap:20px}.ba-activity-item{display:flex;gap:16px;position:relative}.ba-activity-item:after{content:"";position:absolute;left:6px;top:24px;bottom:-20px;width:1px;background:linear-gradient(180deg,rgba(11,11,13,.2),transparent)}.ba-activity-item:last-child:after{display:none}.ba-activity-indicator{width:12px;height:12px;background:linear-gradient(135deg,#0b0b0dcc,#0b0b0d99);border-radius:50%;flex-shrink:0;margin-top:4px;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0b0b0d33}.ba-activity-content{flex:1}.ba-activity-message{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-bottom:4px}.ba-activity-time{font-size:.8rem;color:#0b0b0d80}.ba-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ba-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}.ba-quick-action-btn:hover{background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-color:#0b0b0d33;transform:translateY(-2px);box-shadow:0 4px 12px #0b0b0d1a}.ba-performance-card{margin-bottom:32px}.ba-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.ba-performance-item{display:flex;flex-direction:column;gap:10px}.ba-performance-label{font-size:.9rem;font-weight:600;color:#0b0b0d99}.ba-performance-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary)}.ba-performance-bar{height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden}.ba-performance-fill{height:100%;background:linear-gradient(90deg,#0b0b0d99,#0b0b0dcc);border-radius:10px;transition:width 1s ease}.ba-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.ba-empty-icon{width:48px;height:48px;color:#0b0b0d33;margin-bottom:16px}@media(max-width:1024px){.ba-stats-grid{grid-template-columns:repeat(2,1fr)}.ba-content-grid{grid-template-columns:1fr}}@media(max-width:768px){.ba-dashboard-title{font-size:2rem}.ba-dashboard-header{flex-direction:column;align-items:flex-start}.ba-stats-grid{grid-template-columns:1fr}.ba-stat-value{font-size:2rem}.ba-quick-actions,.ba-performance-grid{grid-template-columns:1fr}}.ba-clients{animation:fadeInUp .5s ease}.ba-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.ba-page-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}.ba-page-subtitle{font-size:1rem;color:var(--text-secondary)}.ba-clients-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.ba-clients-stat-item{display:flex;align-items:center;gap:14px;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);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.ba-clients-stat-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0b0b0d1a}.ba-clients-stat-item svg{width:40px;height:40px;padding:8px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:10px;color:#0b0b0db3}.ba-clients-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.ba-clients-stat-label{font-size:.85rem;color:#0b0b0d99;font-weight:600}.ba-clients-filters{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}.ba-search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.ba-search-icon{position:absolute;left:16px;width:20px;height:20px;color:#0b0b0d66;pointer-events:none}.ba-search-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,#fffc,#f8f8f8b3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:all .3s ease}.ba-search-input:focus{outline:none;border-color:#0b0b0d66;background:#fffffff2;box-shadow:0 0 0 3px #0b0b0d0d}.ba-filter-group{display:flex;align-items:center;gap:10px;padding:0 16px;background:linear-gradient(135deg,#fffc,#f8f8f8b3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md)}.ba-filter-select{padding:14px 12px;border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);font-weight:600;cursor:pointer;outline:none}.ba-clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.ba-client-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;box-shadow:0 4px 16px #0b0b0d0f;display:flex;flex-direction:column}.ba-client-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.ba-client-card-header{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08);position:relative}.ba-client-logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:12px;color:#0b0b0db3;flex-shrink:0}.ba-client-status{margin-left:auto}.ba-client-actions{position:relative}.ba-client-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:#0b0b0db3;cursor:pointer;transition:all .3s ease}.ba-client-action-btn:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);color:#0b0b0de6}.ba-client-action-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(11,11,13,.12);border-radius:var(--radius-md);box-shadow:0 8px 24px #0b0b0d26;z-index:10;overflow:hidden}.ba-client-action-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.ba-client-action-menu button:hover{background:#0b0b0d0d}.ba-client-action-menu button.danger{color:#dc2626e6}.ba-client-action-menu button.danger:hover{background:#dc26261a}.ba-client-card-body{padding:24px;flex:1;display:flex;flex-direction:column;gap:16px}.ba-client-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.ba-client-industry{font-size:.85rem;font-weight:600;color:#0b0b0d80;text-transform:uppercase;letter-spacing:.5px}.ba-client-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ba-client-contact-item{display:flex;align-items:center;gap:10px;flex:1}.ba-client-contact-item svg{color:#0b0b0d80;flex-shrink:0}.ba-client-contact-name{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.ba-client-contact-role{font-size:.8rem;color:#0b0b0d99}.ba-client-contact-links{display:flex;gap:8px}.ba-client-contact-link{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:#0b0b0db3;transition:all .3s ease}.ba-client-contact-link:hover{background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);color:#0b0b0de6;transform:translateY(-2px)}.ba-client-info-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#0b0b0db3}.ba-client-info-item svg{color:#0b0b0d80;flex-shrink:0}.ba-client-stats{display:flex;gap:16px;padding-top:12px;border-top:1px solid rgba(11,11,13,.08)}.ba-client-stat{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#0b0b0dcc}.ba-client-stat svg{color:#0b0b0d80}.ba-client-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08)}.ba-client-footer-info{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#0b0b0d99}.ba-client-view-btn{padding:8px 16px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);font-size:.85rem;font-weight:700;color:#0b0b0de6;cursor:pointer;transition:all .3s ease}.ba-client-view-btn:hover{background:linear-gradient(135deg,#0b0b0d26,#0b0b0d33);transform:translateY(-1px)}.ba-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:linear-gradient(135deg,#fffffff2,#f8f8f8e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px dashed rgba(11,11,13,.15);border-radius:var(--radius-lg);text-align:center}.ba-empty-icon{width:80px;height:80px;color:#0b0b0d33;margin-bottom:20px}.ba-empty-text{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ba-empty-hint{font-size:1rem;color:#0b0b0d99;margin-bottom:24px}@media(max-width:1024px){.ba-clients-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.ba-page-title{font-size:2rem}.ba-clients-stats{grid-template-columns:repeat(2,1fr)}.ba-clients-filters{flex-direction:column}.ba-search-box{min-width:100%}.ba-clients-grid{grid-template-columns:1fr}}.ba-projects{animation:fadeInUp .5s ease}.ba-projects-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.ba-projects-stat-item{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid rgba(11,11,13,.08);border-radius:12px;box-shadow:0 2px 8px #0b0b0d0a;transition:all .3s ease}.ba-projects-stat-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b0b0d1a;border-color:#0b0b0d26}.ba-projects-stat-item svg{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,#0b0b0d0f,#0b0b0d1a);border-radius:12px;color:#0b0b0db3;flex-shrink:0}.ba-projects-stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.ba-projects-stat-label{font-size:.875rem;color:#0b0b0d99;font-weight:500;text-transform:capitalize}.ba-projects-filters{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap;align-items:center}.ba-projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.ba-project-card{background:#fff;border:1px solid rgba(11,11,13,.1);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0b0b0d0a;display:flex;flex-direction:column;height:100%}.ba-project-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0b0b0d1f;border-color:#0b0b0d33}.ba-project-card-header{padding:24px 24px 20px;background:linear-gradient(135deg,#f8f8f8cc,#ffffffe6);border-bottom:1px solid rgba(11,11,13,.06);position:relative}.ba-project-header-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.ba-project-title-section{flex:1;min-width:0}.ba-project-name{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.3;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ba-project-client{font-size:.875rem;color:#0b0b0d99;font-weight:500;display:flex;align-items:center;gap:6px}.ba-project-client svg{width:14px;height:14px;opacity:.6}.ba-project-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ba-project-status-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:capitalize;white-space:nowrap;border:1px solid}.ba-project-priority{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1px solid;white-space:nowrap}.ba-project-priority.priority-critical{background:#dc26261a;border-color:#dc26264d;color:#dc2626}.ba-project-priority.priority-high{background:#ea580c1a;border-color:#ea580c4d;color:#ea580c}.ba-project-priority.priority-medium{background:#ffb3001a;border-color:#ffb3004d;color:#b38600}.ba-project-priority.priority-low{background:#0066cc1a;border-color:#0066cc4d;color:#06c}.ba-project-action-btn{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;color:#0b0b0d99;cursor:pointer;transition:all .2s ease}.ba-project-action-btn:hover{background:#0b0b0d1a;color:#0b0b0de6}.ba-project-actions{position:relative}.ba-project-action-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fff;border:1px solid rgba(11,11,13,.12);border-radius:12px;box-shadow:0 8px 24px #0b0b0d26;z-index:100;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ba-project-action-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease;text-align:left}.ba-project-action-menu button:hover{background:#0b0b0d0d}.ba-project-action-menu button.danger{color:#dc2626}.ba-project-action-menu button.danger:hover{background:#dc262614}.ba-project-action-menu button svg{width:16px;height:16px}.ba-project-card-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px;flex:1}.ba-project-description{font-size:.875rem;color:#0b0b0db3;line-height:1.6;max-height:3.2em;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ba-project-progress{display:flex;flex-direction:column;gap:8px}.ba-project-progress-header{display:flex;align-items:center;justify-content:space-between}.ba-project-progress-label{font-size:.8rem;font-weight:600;color:#0b0b0d99;text-transform:uppercase;letter-spacing:.5px}.ba-project-progress-value{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary)}.ba-project-progress-bar{height:8px;background:#0b0b0d14;border-radius:10px;overflow:hidden;position:relative}.ba-project-progress-fill{height:100%;background:linear-gradient(90deg,#0b0b0db3,#0b0b0de6);border-radius:10px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.ba-project-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4));animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.ba-project-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ba-project-info-item{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#0b0b0d08;border:1px solid rgba(11,11,13,.06);border-radius:10px;transition:all .2s ease}.ba-project-info-item:hover{background:#0b0b0d0d;border-color:#0b0b0d1a}.ba-project-info-item svg{width:16px;height:16px;color:#0b0b0d80;flex-shrink:0;margin-top:2px}.ba-project-info-content{flex:1;min-width:0}.ba-project-info-label{font-size:.75rem;color:#0b0b0d99;margin-bottom:2px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.ba-project-info-value{font-size:.875rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-project-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0b0b0d05;border-top:1px solid rgba(11,11,13,.06);gap:12px;flex-wrap:wrap;margin-top:auto}.ba-project-footer-dates{display:flex;gap:16px;flex-wrap:wrap}.ba-project-footer-date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#0b0b0d99;font-weight:500}.ba-project-footer-date svg{width:14px;height:14px;opacity:.7}.ba-project-view-btn{padding:8px 16px;background:#0b0b0d14;border:1px solid rgba(11,11,13,.12);border-radius:8px;font-size:.85rem;font-weight:600;color:#0b0b0de6;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ba-project-view-btn:hover{background:#0b0b0d26;transform:translateY(-1px)}@media(max-width:1400px){.ba-projects-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(max-width:1024px){.ba-projects-stats{grid-template-columns:repeat(3,1fr)}.ba-projects-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.ba-projects-stats{grid-template-columns:repeat(2,1fr)}.ba-projects-list{grid-template-columns:1fr}.ba-projects-filters{flex-direction:column}.ba-search-box,.ba-filter-group{width:100%}.ba-project-header-top{flex-direction:column;align-items:stretch}.ba-project-header-actions{justify-content:space-between}.ba-project-info-grid{grid-template-columns:1fr}.ba-project-card-footer{flex-direction:column;align-items:stretch;gap:12px}.ba-project-footer-dates{flex-direction:column;gap:8px}.ba-project-view-btn{width:100%;text-align:center}}@media(max-width:480px){.ba-projects-stats{grid-template-columns:1fr}.ba-projects-stat-item,.ba-project-card-header{padding:20px}.ba-project-card-body{padding:16px 20px 20px}.ba-project-card-footer{padding:14px 20px}}.ba-payments{animation:fadeInUp .5s ease}.ba-payments-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px}.ba-payment-stat-card{display:flex;align-items:center;gap:20px;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);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease;position:relative;overflow:hidden}.ba-payment-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;opacity:0;transition:opacity .3s ease}.ba-payment-stat-card.stat-card-success:before{background:linear-gradient(90deg,#00c85399,#00c853e6)}.ba-payment-stat-card.stat-card-warning:before{background:linear-gradient(90deg,#ffb30099,#ffb300e6)}.ba-payment-stat-card.stat-card-info:before{background:linear-gradient(90deg,#06c9,#0066cce6)}.ba-payment-stat-card.stat-card-primary:before{background:linear-gradient(90deg,#0b0b0d99,#0b0b0de6)}.ba-payment-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0b0b0d1f}.ba-payment-stat-card:hover:before{opacity:1}.ba-payment-stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:14px;color:#0b0b0db3;flex-shrink:0}.ba-payment-stat-info{flex:1}.ba-payment-stat-label{font-size:.85rem;font-weight:600;color:#0b0b0d99;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ba-payment-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:6px}.ba-payment-stat-hint{font-size:.8rem;color:#0b0b0d80}.ba-payments-filters{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}.ba-payments-table-wrapper{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}.ba-payments-table{width:100%;border-collapse:collapse}.ba-payments-table thead tr{background:linear-gradient(135deg,#f8f8f8cc,#f0f0f0b3);border-bottom:1px solid rgba(11,11,13,.1)}.ba-payments-table th{padding:18px 20px;text-align:left;font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#0b0b0db3;white-space:nowrap}.ba-payments-table tbody tr{border-bottom:1px solid rgba(11,11,13,.06);transition:all .2s ease}.ba-payments-table tbody tr:hover{background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a)}.ba-payments-table td{padding:20px;color:var(--text-primary);vertical-align:middle}.ba-payment-status-cell{display:flex;align-items:center}.ba-payment-status-cell .status-chip{display:inline-flex;align-items:center;gap:6px}.ba-payment-project-cell{display:flex;flex-direction:column;gap:4px}.ba-payment-project-name{font-weight:700;color:var(--text-primary);font-size:.95rem}.ba-payment-milestone-name{font-size:.85rem;color:#0b0b0d99;font-weight:600}.ba-payment-client-cell{display:flex;align-items:center;gap:8px;color:#0b0b0db3}.ba-payment-client-cell svg{color:#0b0b0d80}.ba-payment-amount{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#00c853e6}.ba-payment-method-cell{display:flex;align-items:center;gap:8px;color:#0b0b0db3}.ba-payment-method-cell svg{color:#0b0b0d80}.ba-payment-transaction-id{font-family:Fira Code,monospace;font-size:.85rem;padding:4px 10px;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);border-radius:var(--radius-sm);color:#0b0b0dcc;font-weight:600}.ba-payment-date-cell{display:flex;align-items:center;gap:8px;color:#0b0b0db3;white-space:nowrap}.ba-payment-date-cell svg{color:#0b0b0d80}.ba-payment-view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:var(--radius-md);font-size:.85rem;font-weight:700;color:#0b0b0de6;cursor:pointer;transition:all .3s ease}.ba-payment-view-btn:hover{background:linear-gradient(135deg,#0b0b0d26,#0b0b0d33);transform:translateY(-1px)}.ba-payment-details{display:flex;flex-direction:column;gap:24px}.ba-payment-details-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.ba-payment-details-banner.banner-completed{background:linear-gradient(135deg,#00c8531a,#00c85326);border:2px solid rgba(0,200,83,.3);color:#00c853e6}.ba-payment-details-banner.banner-pending{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border:2px solid rgba(255,179,0,.3);color:#ff8c00e6}.ba-payment-details-banner.banner-failed{background:linear-gradient(135deg,#dc26261a,#dc262626);border:2px solid rgba(220,38,38,.3);color:#dc2626e6}.ba-payment-details-amount{text-align:center;padding:24px;background:linear-gradient(135deg,#0b0b0d08,#0b0b0d0d);border-radius:var(--radius-lg)}.ba-payment-details-label{font-size:.9rem;color:#0b0b0d99;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ba-payment-details-value{font-family:var(--font-heading);font-size:3rem;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}.ba-payment-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ba-payment-detail-item{display:flex;flex-direction:column;gap:6px}.ba-payment-detail-label{font-size:.85rem;color:#0b0b0d99;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ba-payment-detail-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.ba-payment-detail-value code{font-family:Fira Code,monospace;background:linear-gradient(135deg,#0b0b0d0d,#0b0b0d14);padding:4px 10px;border-radius:var(--radius-sm);font-size:.9rem}.ba-payment-details-notes{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-lg)}.ba-payment-details-notes-label{font-size:.85rem;color:#0b0b0d99;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.ba-payment-details-notes-value{font-size:.95rem;color:#0b0b0dcc;line-height:1.6}.ba-payment-details-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(11,11,13,.08);font-size:.85rem;color:#0b0b0d80}@media(max-width:1024px){.ba-payments-stats{grid-template-columns:repeat(2,1fr)}.ba-payments-table-wrapper{overflow-x:auto}.ba-payment-details-grid{grid-template-columns:1fr}}@media(max-width:768px){.ba-payments-stats{grid-template-columns:1fr}.ba-payments-filters{flex-direction:column}.ba-search-box{min-width:100%}.ba-payments-table th,.ba-payments-table td{padding:12px;font-size:.85rem}.ba-payment-details-value{font-size:2.5rem}}.ba-meetings{animation:fadeInUp .5s ease}.ba-meetings-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.ba-meeting-stat-card{display:flex;align-items:center;gap:14px;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);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.ba-meeting-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0b0b0d1a}.ba-meeting-stat-icon{width:40px;height:40px;padding:8px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:10px;color:#0b0b0db3}.ba-meeting-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.ba-meeting-stat-label{font-size:.85rem;color:#0b0b0d99;font-weight:600}.ba-meetings-upcoming-alert{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#0066cc14,#0066cc1f);border:1px solid rgba(0,102,204,.25);border-left:4px solid rgba(0,102,204,.8);border-radius:var(--radius-lg);margin-bottom:28px;animation:fadeInDown .5s ease}.ba-meetings-upcoming-alert svg:first-child{color:#06cc;flex-shrink:0}.ba-meetings-upcoming-content{flex:1}.ba-meetings-upcoming-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#06cc;margin-bottom:4px}.ba-meetings-upcoming-info{font-size:.95rem;color:#0b0b0dcc}.ba-meetings-upcoming-join{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#0066cce6,#06c);border-radius:var(--radius-md);color:#fff;font-weight:700;text-decoration:none;transition:all .3s ease}.ba-meetings-upcoming-join:hover{background:linear-gradient(135deg,#06c,#0050b4);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc4d}.ba-meetings-filters{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}.ba-meetings-list{display:flex;flex-direction:column;gap:20px}.ba-meeting-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;box-shadow:0 4px 16px #0b0b0d0f}.ba-meeting-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.ba-meeting-card.upcoming{border-left:4px solid rgba(0,102,204,.8)}.ba-meeting-card.cancelled{opacity:.6}.ba-meeting-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08);gap:16px}.ba-meeting-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.ba-meeting-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:12px;color:#0b0b0db3;flex-shrink:0}.ba-meeting-header-info{flex:1;min-width:0}.ba-meeting-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-meeting-meta{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#0b0b0d99}.ba-meeting-project{font-weight:600}.ba-meeting-separator{color:#0b0b0d4d}.ba-meeting-client{font-weight:500}.ba-meeting-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.ba-meeting-type-badge{padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.ba-meeting-type-badge.badge-success{background:linear-gradient(135deg,#00c8531a,#00c85326);border-color:#00c8534d;color:#00c853e6}.ba-meeting-type-badge.badge-info{background:linear-gradient(135deg,#0066cc1a,#0066cc26);border-color:#0066cc4d;color:#0066cce6}.ba-meeting-type-badge.badge-warning{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#0b0b0dcc}.ba-meeting-card-body{padding:24px;display:flex;flex-direction:column;gap:20px}.ba-meeting-datetime{display:flex;flex-wrap:wrap;gap:20px;padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ba-meeting-datetime-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#0b0b0db3}.ba-meeting-datetime-item svg{color:#0b0b0d80}.ba-meeting-attendees{display:flex;gap:12px;padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ba-meeting-attendees svg{color:#0b0b0d80;flex-shrink:0;margin-top:2px}.ba-meeting-attendees-list{display:flex;flex-wrap:wrap;gap:8px}.ba-meeting-attendee{padding:6px 12px;background:#fffc;border:1px solid rgba(11,11,13,.1);border-radius:20px;font-size:.85rem;font-weight:600;color:#0b0b0dcc}.ba-meeting-agenda{display:flex;gap:12px}.ba-meeting-agenda svg{color:#0b0b0d80;flex-shrink:0;margin-top:2px}.ba-meeting-agenda-list{flex:1;display:flex;flex-direction:column;gap:8px}.ba-meeting-agenda-item{display:flex;gap:8px;font-size:.9rem;color:#0b0b0db3}.ba-meeting-agenda-number{font-weight:700;color:#0b0b0d80}.ba-meeting-notes{padding:16px;background:linear-gradient(135deg,#ffb3000d,#ffb30014);border:1px solid rgba(255,179,0,.2);border-radius:var(--radius-md)}.ba-meeting-notes-label{font-size:.85rem;font-weight:700;color:#0b0b0d99;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ba-meeting-notes-text{font-size:.9rem;color:#0b0b0db3;line-height:1.6}.ba-meeting-card-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);gap:16px;flex-wrap:wrap}.ba-meeting-footer-info{font-size:.85rem;color:#0b0b0d99}.ba-meeting-footer-actions{display:flex;gap:10px;flex-wrap:wrap}.ba-meeting-details{display:flex;flex-direction:column;gap:24px}.ba-meeting-details-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.ba-meeting-details-banner.banner-scheduled{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border:2px solid rgba(255,179,0,.3);color:#ff8c00e6}.ba-meeting-details-banner.banner-completed{background:linear-gradient(135deg,#00c8531a,#00c85326);border:2px solid rgba(0,200,83,.3);color:#00c853e6}.ba-meeting-details-banner.banner-cancelled{background:linear-gradient(135deg,#dc26261a,#dc262626);border:2px solid rgba(220,38,38,.3);color:#dc2626e6}.ba-meeting-details-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ba-meeting-details-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary)}.ba-meeting-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ba-meeting-detail-item{display:flex;flex-direction:column;gap:6px}.ba-meeting-detail-label{font-size:.85rem;color:#0b0b0d99;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ba-meeting-detail-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.ba-meeting-details-link{padding:16px;background:linear-gradient(135deg,#0066cc0d,#0066cc14);border:1px solid rgba(0,102,204,.2);border-radius:var(--radius-lg)}.ba-meeting-details-link-label{font-size:.85rem;font-weight:700;color:#0b0b0d99;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.ba-meeting-details-link-url{display:flex;align-items:center;gap:8px;color:#0066cce6;font-weight:600;text-decoration:none;word-break:break-all}.ba-meeting-details-link-url:hover{text-decoration:underline}.ba-meeting-details-section{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-lg)}.ba-meeting-details-section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.ba-meeting-details-attendees{display:flex;flex-direction:column;gap:16px}.ba-meeting-details-attendee{display:flex;align-items:center;gap:12px;padding:12px;background:#fffc;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.ba-meeting-details-attendee-avatar{width:40px;height:40px;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:#0b0b0db3}.ba-meeting-details-attendee-name{font-weight:700;color:var(--text-primary);margin-bottom:2px}.ba-meeting-details-attendee-email{font-size:.85rem;color:#0b0b0d99;margin-bottom:4px}.ba-meeting-details-attendee-role{display:inline-block;padding:3px 8px;background:#0b0b0d14;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:#0b0b0db3}.ba-meeting-details-agenda{display:flex;flex-direction:column;gap:12px}.ba-meeting-details-agenda-item{display:flex;gap:12px;padding:12px;background:#fffc;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);font-size:.9rem;color:#0b0b0dcc}.ba-meeting-details-agenda-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#0b0b0d1a,#0b0b0d26);border-radius:50%;font-size:.8rem;font-weight:700;color:#0b0b0db3;flex-shrink:0}.ba-meeting-details-notes{font-size:.95rem;color:#0b0b0dcc;line-height:1.6}.ba-meeting-details-footer{text-align:center;padding-top:20px;border-top:1px solid rgba(11,11,13,.08);font-size:.85rem;color:#0b0b0d80}@media(max-width:1024px){.ba-meetings-stats{grid-template-columns:repeat(2,1fr)}.ba-meeting-details-grid{grid-template-columns:1fr}}@media(max-width:768px){.ba-meetings-stats{grid-template-columns:1fr}.ba-meetings-filters{flex-direction:column}.ba-search-box{min-width:100%}.ba-meeting-card-header{flex-direction:column;align-items:flex-start;gap:12px}.ba-meeting-header-right{width:100%;justify-content:space-between}.ba-meeting-datetime{flex-direction:column;gap:12px}.ba-meeting-footer-actions{width:100%;justify-content:flex-start}.ba-meeting-details-title{font-size:1.5rem}}.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-pending-requirements{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;margin-bottom:32px;box-shadow:0 4px 16px #0b0b0d0f}.tl-pending-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tl-pending-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary)}.tl-pending-list{display:flex;flex-direction:column;gap:16px}.tl-pending-item{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffffe6;border:1px solid rgba(11,11,13,.1);border-radius:var(--radius-md);transition:all .3s ease}.tl-pending-item:hover{background:#fff;border-color:#0b0b0d33;transform:translate(4px);box-shadow:0 4px 12px #0b0b0d14}.tl-pending-item-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-radius:12px;color:#ffb300cc;flex-shrink:0}.tl-pending-item-content{flex:1;min-width:0}.tl-pending-item-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tl-pending-item-meta{font-size:.9rem;color:#0b0b0db3;margin-bottom:4px}.tl-pending-item-time{font-size:.8rem;color:#0b0b0d80}.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-team-item-tasks{font-size:.8rem;color:#0b0b0d99;margin-top:6px}.tl-activity-list{display:flex;flex-direction:column;gap:20px}.tl-activity-item{display:flex;gap:16px;position:relative}.tl-activity-item:after{content:"";position:absolute;left:6px;top:24px;bottom:-20px;width:1px;background:linear-gradient(180deg,rgba(11,11,13,.2),transparent)}.tl-activity-item:last-child:after{display:none}.tl-activity-indicator{width:12px;height:12px;background:linear-gradient(135deg,#0b0b0dcc,#0b0b0d99);border-radius:50%;flex-shrink:0;margin-top:4px;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0b0b0d33}.tl-activity-content{flex:1}.tl-activity-message{font-size:.95rem;color:var(--text-primary);font-weight:500;margin-bottom:4px}.tl-activity-time{font-size:.8rem;color:#0b0b0d80}.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}.tl-pending-item{flex-direction:column;align-items:flex-start}}.tl-requirements{animation:fadeInUp .5s ease}.tl-req-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.tl-req-stat-card{display:flex;align-items:center;gap:14px;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);box-shadow:0 4px 16px #0b0b0d0f;transition:all .3s ease}.tl-req-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0b0b0d1a}.tl-req-stat-icon{width:40px;height:40px;padding:8px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border-radius:10px;color:#0b0b0db3}.tl-req-stat-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.tl-req-stat-label{font-size:.85rem;color:#0b0b0d99;font-weight:600}.tl-req-list{display:flex;flex-direction:column;gap:20px}.tl-req-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;box-shadow:0 4px 16px #0b0b0d0f}.tl-req-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0b0b0d1f;border-color:#0b0b0d33}.tl-req-card.pending{border-left:4px solid rgba(255,179,0,.8)}.tl-req-card.overdue{border-left:4px solid rgba(220,38,38,.8)}.tl-req-card-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg,#f8f8f899,#f0f0f080);border-bottom:1px solid rgba(11,11,13,.08);gap:16px}.tl-req-header-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.tl-req-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:12px;color:#0b0b0db3;flex-shrink:0}.tl-req-header-info{flex:1;min-width:0}.tl-req-doc-id{font-family:Fira Code,monospace;font-size:.8rem;font-weight:700;color:#0b0b0d80;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tl-req-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-req-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#0b0b0d99;flex-wrap:wrap}.tl-req-project,.tl-req-client{display:flex;align-items:center;gap:4px;font-weight:600}.tl-req-separator{color:#0b0b0d4d}.tl-req-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap}.tl-req-overdue-badge,.tl-req-urgent-badge{padding:6px 12px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.tl-req-overdue-badge{background:linear-gradient(135deg,#dc26261a,#dc262626);border-color:#dc26264d;color:#dc2626e6;animation:pulse 2s infinite}.tl-req-urgent-badge{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border-color:#ffb3004d;color:#ff8c00e6}.tl-req-card-body{padding:28px;display:flex;flex-direction:column;gap:24px}.tl-req-description{font-size:.95rem;color:#0b0b0db3;line-height:1.6}.tl-req-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.tl-req-info-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.tl-req-info-item svg{color:#0b0b0d80;flex-shrink:0;margin-top:2px}.tl-req-info-label{font-size:.8rem;color:#0b0b0d99;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tl-req-info-value{font-size:.95rem;font-weight:700;color:var(--text-primary)}.tl-req-info-value.text-danger{color:#dc2626e6}.tl-req-info-value.text-warning{color:#ff8c00e6}.tl-req-info-hint{font-size:.8rem;color:#0b0b0d80;margin-top:2px}.tl-req-sections{padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.tl-req-sections-label{font-size:.85rem;font-weight:700;color:#0b0b0db3;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.tl-req-sections-list{display:flex;flex-wrap:wrap;gap:8px}.tl-req-section-badge{padding:6px 12px;background:#fffc;border:1px solid rgba(11,11,13,.1);border-radius:16px;font-size:.8rem;font-weight:600;color:#0b0b0dcc}.tl-req-decision{padding:16px 20px;border-radius:var(--radius-lg);border:1px solid}.tl-req-decision.approved{background:linear-gradient(135deg,#00c8530d,#00c85314);border-color:#00c8534d}.tl-req-decision.rejected{background:linear-gradient(135deg,#dc26260d,#dc262614);border-color:#dc26264d}.tl-req-decision-header{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;margin-bottom:8px}.tl-req-decision.approved .tl-req-decision-header{color:#00c853e6}.tl-req-decision.rejected .tl-req-decision-header{color:#dc2626e6}.tl-req-decision-notes{font-size:.9rem;color:#0b0b0db3;line-height:1.6;padding-left:28px}.tl-req-card-footer{display:flex;align-items:center;gap:10px;padding:16px 28px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border-top:1px solid rgba(11,11,13,.08);flex-wrap:wrap}.tl-req-details{display:flex;flex-direction:column;gap:24px}.tl-req-details-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tl-req-details-banner.banner-pending{background:linear-gradient(135deg,#ffb3001a,#ffb30026);border:2px solid rgba(255,179,0,.3);color:#ff8c00e6}.tl-req-details-banner.banner-approved{background:linear-gradient(135deg,#00c8531a,#00c85326);border:2px solid rgba(0,200,83,.3);color:#00c853e6}.tl-req-details-banner.banner-rejected{background:linear-gradient(135deg,#dc26261a,#dc262626);border:2px solid rgba(220,38,38,.3);color:#dc2626e6}.tl-req-details-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tl-req-details-doc-id{font-family:Fira Code,monospace;font-size:.9rem;font-weight:700;color:#0b0b0d80;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tl-req-details-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--text-primary)}.tl-req-details-section{padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-lg)}.tl-req-details-section-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.tl-req-details-description{font-size:.95rem;color:#0b0b0db3;line-height:1.6}.tl-req-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tl-req-detail-item{display:flex;flex-direction:column;gap:6px}.tl-req-detail-label{font-size:.85rem;color:#0b0b0d99;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tl-req-detail-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.tl-req-detail-hint{font-size:.8rem;color:#0b0b0d80}.tl-req-details-sections{display:flex;flex-direction:column;gap:12px}.tl-req-details-section-item{display:flex;align-items:center;gap:10px;padding:12px;background:#fffc;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:#0b0b0dcc}.tl-req-details-decision{padding:20px;border-radius:var(--radius-lg);border:1px solid}.tl-req-details-decision.approved{background:linear-gradient(135deg,#00c8530d,#00c85314);border-color:#00c8534d}.tl-req-details-decision.rejected{background:linear-gradient(135deg,#dc26260d,#dc262614);border-color:#dc26264d}.tl-req-details-decision-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:12px}.tl-req-details-decision.approved .tl-req-details-decision-title{color:#00c853e6}.tl-req-details-decision.rejected .tl-req-details-decision-title{color:#dc2626e6}.tl-req-details-decision-info{font-size:.95rem;color:#0b0b0db3;margin-bottom:12px}.tl-req-details-decision-notes{padding:16px;background:#fffc;border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.tl-req-details-notes-label{font-size:.85rem;font-weight:700;color:#0b0b0db3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.tl-req-details-notes-text{font-size:.95rem;color:#0b0b0dcc;line-height:1.6}.tl-req-details-actions{display:flex;gap:12px;padding:20px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-lg)}.tl-approval-form{display:flex;flex-direction:column;gap:24px}.tl-approval-doc-info{padding:16px;background:linear-gradient(135deg,#0b0b0d05,#0b0b0d0a);border:1px solid rgba(11,11,13,.08);border-radius:var(--radius-md)}.tl-approval-doc-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tl-approval-doc-meta{font-size:.9rem;color:#0b0b0d99}@media(max-width:1024px){.tl-req-stats{grid-template-columns:repeat(2,1fr)}.tl-req-details-grid{grid-template-columns:1fr}}@media(max-width:768px){.tl-req-stats{grid-template-columns:1fr}.tl-req-card-header{flex-direction:column;align-items:flex-start;gap:12px}.tl-req-header-right{width:100%;justify-content:space-between}.tl-req-info-grid{grid-template-columns:1fr}.tl-req-card-footer{flex-direction:column;align-items:stretch}.tl-req-card-footer .btn{width:100%;justify-content:center}.tl-req-details-actions{flex-direction:column}.tl-req-details-actions .btn{width:100%}}.tl-req-card-compact{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;box-shadow:0 2px 8px #0b0b0d0a}.tl-req-card-compact:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b0b0d1a;border-color:#0b0b0d33}.tl-req-card-compact.pending{border-left:4px solid rgba(255,179,0,.8)}.tl-req-card-compact-content{display:flex;align-items:center;gap:16px;padding:20px 24px}.tl-req-compact-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0b0b0d14,#0b0b0d1f);border:1px solid rgba(11,11,13,.15);border-radius:12px;color:#0b0b0db3;flex-shrink:0}.tl-req-compact-info{flex:1;min-width:0}.tl-req-compact-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tl-req-compact-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tl-req-compact-version{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#0b0b0d14;border:1px solid rgba(11,11,13,.15);border-radius:8px;font-size:.75rem;font-weight:700;color:#0b0b0db3;text-transform:uppercase;flex-shrink:0}.tl-req-compact-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#0b0b0d99;flex-wrap:wrap}.tl-req-compact-meta span{display:flex;align-items:center;gap:4px;font-weight:600}.tl-req-compact-actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:768px){.tl-req-card-compact-content{flex-direction:column;align-items:stretch}.tl-req-compact-actions{flex-direction:column;width:100%}.tl-req-compact-actions .btn{width:100%;justify-content:center}.tl-req-compact-header{flex-direction:column;align-items:flex-start}.tl-req-compact-title{white-space:normal}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s ease}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.right-1{right:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize-none{resize:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-pink-300{--tw-border-opacity: 1;border-color:rgb(249 168 212 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.border-purple-600{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.fill-white{fill:#fff}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pt-2{padding-top:.5rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ring-offset-2{--tw-ring-offset-width: 2px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}: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: 6px;--radius-lg: 8px;--radius-xl: 12px;--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}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}body:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:url(/assets/boehm-logo-BApUL5a1.png) center center no-repeat;background-size:contain;opacity:.03;pointer-events:none;z-index:0}#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}.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)}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.35rem}body:before{width:80%;height:80%;opacity:.02}}*{scroll-behavior:smooth}.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}.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}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-200:hover{--tw-bg-opacity: 1;background-color:rgb(251 207 232 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-200:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}