@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--accent-blue: #3b82f6;--accent-red: #ef4444;--accent-green: #22c55e;--accent-purple: #818cf8;--accent-yellow: #eab308;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.modern-table-container{height:100vh;width:100vw;overflow:hidden;position:relative;background:radial-gradient(circle at top right,rgba(59,130,246,.1),transparent),radial-gradient(circle at bottom left,rgba(239,68,68,.1),transparent)}.dashboard-header{position:sticky;top:0;left:0;z-index:100;background:#0f172ad1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.logo-section h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.logo-section span{color:var(--accent-blue)}.date-display{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;margin-right:2rem}.full-date{font-size:1rem;font-weight:600;color:var(--text-primary)}.day-name{font-size:.7rem;font-weight:800;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.1em}.main-grid{display:grid;min-width:fit-content}.grid-header{position:sticky;top:0;z-index:100;background:var(--bg-secondary)!important;padding:1rem;border-right:1px solid var(--border-color);border-bottom:2px solid var(--border-color);text-align:center;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;color:#fff!important;min-height:80px}.grid-header.date-col{left:0;z-index:110;background:var(--bg-primary)!important}.grid-header.employee-name{color:#fff!important;min-width:220px;background-color:var(--bg-secondary)!important}.employee-actions{position:absolute;top:5px;right:5px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.grid-header.employee-name:hover .employee-actions{opacity:1}.action-icon{cursor:pointer;padding:4px;border-radius:4px;background:#0000004d;color:var(--text-secondary)}.action-icon:hover{color:#fff}.action-icon.delete:hover{background:var(--accent-red)}.employee-badge{font-size:.75rem;padding:.25rem .6rem;border-radius:20px;background:var(--accent-blue);color:#fff}.grid-cell{padding:1rem;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:.875rem;transition:all .2s ease;position:relative}.grid-cell:not(.date-label):not(.ac-row){cursor:pointer}.grid-cell:hover:not(.date-label):not(.ac-row){background:#ffffff0d}.cell-edit-overlay{position:absolute;inset:0;background:#3b82f633;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.grid-cell:hover .cell-edit-overlay{opacity:1}.grid-cell.date-label{position:sticky;left:0;z-index:45;background-color:var(--bg-primary)!important;font-weight:700;font-size:1.125rem;color:var(--text-secondary);border-right:2px solid var(--border-color)}.grid-cell.ac-row{background:#94a3b81a;min-height:50px;font-weight:600;color:var(--accent-blue)}.cell-red{background:#ef44441a!important;border-left:4px solid var(--accent-red)}.cell-green{background:#22c55e1a!important;border-left:4px solid var(--accent-green)}.cell-blue{background:#3b82f61a!important;border-left:4px solid var(--accent-blue)}.cell-gray{background:#94a3b826!important;border-left:4px solid var(--text-secondary)}.role-text{font-weight:500;color:var(--text-primary);font-size:.8rem}.value-text{font-size:1.25rem;font-weight:700}.empty-cell{opacity:.3}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);padding:2rem;border-radius:16px;width:100%;max-width:450px;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080}.modal-content h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-primary)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:#0f172a80;color:#fff;outline:none;font-family:inherit}.form-group input:focus,.form-group select:focus{border-color:var(--accent-blue)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn{padding:.6rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:.5rem}.btn-primary{background:var(--accent-blue);color:#fff}.btn-danger{background:var(--accent-red);color:#fff}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.warning-box{background:#eab30826;border:1px solid var(--accent-yellow);color:var(--accent-yellow);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;display:flex;align-items:center;gap:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}