@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,sans-serif;margin:0}.login-container{align-items:center;background:grey;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;max-width:440px;overflow:hidden;transition:all .3s ease;width:100%}.login-box:hover{box-shadow:0 15px 30px #0000001f;transform:translateY(-5px)}.login-header{background-color:#036;color:#fff;overflow:hidden;padding:32px 40px;position:relative;text-align:center}.login-header:after{background:#ffffff1a;bottom:-15px;height:80px;right:-15px;width:80px}.login-header:after,.login-header:before{border-radius:50%;content:"";position:absolute}.login-header:before{background:#ffffff0d;height:120px;left:-25px;top:-25px;width:120px}.login-header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0 0 12px;text-shadow:0 2px 4px #0000001a}.login-header p{font-size:1rem;font-weight:500;margin:0;opacity:.9}.login-body{padding:40px}.microsoft-login-btn{align-items:center;background-color:#2f2f2f;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s ease;width:100%}.microsoft-login-btn:after{background:linear-gradient(#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.microsoft-login-btn:hover{background-color:#3a3a3a;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.microsoft-login-btn:hover:after{opacity:1}.microsoft-login-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(1px)}.ms-logo{filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));height:22px;margin-right:12px;width:22px}.login-footer{border-top:1px solid #edf0f5;color:#8a94a6;font-size:.85rem;font-weight:500;padding:20px;text-align:center}.auth-error-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-error-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;max-width:540px;padding:32px;text-align:center;width:100%}.auth-error-box h2{color:#e53935;font-size:1.5rem;font-weight:600;margin-bottom:20px;margin-top:0}.error-message{background:#fff5f5;border-left:4px solid #e53935;border-radius:8px;color:#e53935;font-family:Courier New,monospace;font-size:.9rem;margin-bottom:24px;max-height:200px;overflow:auto;padding:16px;text-align:left;white-space:pre-wrap}.try-again-btn{background:#036;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.try-again-btn:hover{background:#004080;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.try-again-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(1px)}.auth-loading-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);display:flex;justify-content:center;min-height:100vh}.auth-loading-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000014;max-width:320px;padding:30px;text-align:center;width:100%}.spinner{animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite;border:4px solid #0033661a;border-radius:50%;border-top-color:#036;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-loading-box p{color:#036;font-size:1.1rem;font-weight:500;margin:0}@media (max-width:480px){.login-header{padding:25px}.login-header h1{font-size:1.4rem}.login-body{padding:25px}.microsoft-login-btn{font-size:1rem;padding:14px 20px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Roboto,sans-serif}.dashboard-container{margin:0 auto;max-width:100%;padding:0;width:100%}.dashboard-header{background-color:#0d47a1;box-shadow:0 2px 5px #0000001a;color:#fff;justify-content:space-between;padding:1rem 2rem}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.header-left h1{font-size:1.6rem;font-weight:500}.employee-count{background-color:#fff3;border-radius:4px;font-size:.9rem;padding:.2rem .5rem}.employee-count-display{color:#333;font-size:.9rem;font-weight:500;margin:10px 0;padding:.5rem;text-align:right}.header-right{gap:1rem}.header-right,.search-bar{align-items:center;display:flex}.search-bar{position:relative}.search-bar input{border:none;border-radius:4px;font-size:.9rem;padding:.5rem .5rem .5rem 2rem;width:300px}.search-icon{color:#666;left:.5rem;position:absolute}.user-profile{cursor:pointer;gap:.5rem;position:relative}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background-color:#f5f5f5;border-radius:50%;color:#0d47a1;font-weight:700;height:35px;justify-content:center;width:35px}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:500}.user-role{font-size:.8rem;opacity:.8}.user-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #0003;margin-top:.5rem;position:absolute;right:0;top:100%;width:150px;z-index:10}.dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;gap:.5rem;padding:.8rem}.dropdown-item:hover{background-color:#f5f5f5}.dashboard-content{padding:1.5rem}.filters-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-group{min-width:150px;position:relative}.filter-label{align-items:center;background-color:#f5f5f5;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding:.5rem 1rem}.filter-label i{font-size:.8rem;margin-left:.5rem}.filter-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #0003;left:0;margin-top:.2rem;max-height:300px;min-width:180px;overflow-y:auto;padding:.5rem;position:absolute;top:100%;width:100%;z-index:5}.filter-option{align-items:center;cursor:pointer;display:flex;font-size:.85rem;padding:.5rem}.filter-option input{margin-right:.5rem}.download-button,.reset-filters-button{align-items:center;background-color:#0d47a1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.reset-button{background-color:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease-in-out}.download-button:hover,.reset-filters-button:hover{opacity:.9}.employee-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:auto}.employee-table{border-collapse:collapse;font-size:.9rem;width:100%}.employee-table th{background-color:#f5f5f5;color:#444;font-weight:500;padding:.8rem;position:sticky;text-align:left;top:0;z-index:1}.employee-table td{border-bottom:1px solid #eee;padding:.8rem}.employee-table tr:hover{background-color:#f9f9f9}.client-cell,.project-cell{max-width:200px}.client-item,.project-item{line-height:1.2;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-item:last-child,.project-item:last-child{margin-bottom:0}.comment-button{align-items:center;background:none;border:none;color:#777;cursor:pointer;display:flex;font-size:1.1rem;height:30px;justify-content:center;position:relative;width:30px}.comment-button.has-comments{color:#0d47a1}.comment-count{align-items:center;background-color:#f44336;border-radius:50%;color:#fff;display:flex;font-size:.7rem;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.comment-tooltip{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0003;overflow:hidden;position:fixed;width:300px;z-index:100}.tooltip-header{background-color:#0d47a1;color:#fff;padding:.8rem}.tooltip-header h3{font-size:.9rem;font-weight:500}.tooltip-content{max-height:300px;overflow-y:auto;padding:.8rem}.tooltip-comment{border-bottom:1px solid #eee;margin-bottom:.8rem;padding-bottom:.8rem}.tooltip-comment:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tooltip-comment-text{font-size:.85rem;margin-bottom:.3rem}.tooltip-comment-meta{color:#777;display:flex;font-size:.75rem;justify-content:space-between}.tooltip-footer{background-color:#f5f5f5;color:#777;font-size:.75rem;padding:.5rem .8rem;text-align:center}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.comment-modal{background-color:#fff;border-radius:8px;box-shadow:0 2px 20px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden;width:600px}.modal-header{align-items:center;background-color:#0d47a1;color:#fff;display:flex;justify-content:space-between;padding:1rem}.modal-header h2{font-size:1.2rem;font-weight:500}.close-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;width:30px}.employee-details{background-color:#f5f5f5;padding:1rem}.detail-row{display:flex;margin-bottom:.5rem}.detail-row:last-child{margin-bottom:0}.detail-item{display:flex;flex:1 1;flex-direction:column}.detail-label{color:#777;font-size:.8rem;margin-bottom:.2rem}.detail-value{font-size:.9rem;font-weight:500}.comments-section{flex:1 1;max-height:300px;min-height:200px;overflow-y:auto;padding:1rem}.comments-section h3{color:#444;font-size:1rem;margin-bottom:1rem}.comments-list{display:flex;flex-direction:column;gap:.8rem}.comment-item{background-color:#f9f9f9;border-radius:6px;padding:.8rem}.comment-text{font-size:.9rem;margin-bottom:.5rem}.comment-meta{color:#777;display:flex;font-size:.75rem;justify-content:space-between}.no-comments{color:#777;font-style:italic;padding:1rem;text-align:center}.add-comment-section{background-color:#f5f5f5;border-top:1px solid #eee;padding:1rem}.add-comment-section textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;margin-bottom:.8rem;padding:.8rem;resize:vertical;width:100%}.add-comment-button{background-color:#0d47a1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1rem}.add-comment-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message,.loading-message{color:#666;padding:2rem;text-align:center}.error-message{color:#f44336}@media (max-width:1200px){.filter-group{min-width:120px}.search-bar input{width:200px}}@media (max-width:992px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.header-right{justify-content:space-between;width:100%}.search-bar input{width:100%}.filters-section{flex-direction:column;gap:.5rem}.filter-group{width:100%}}@media (max-width:768px){.employee-table td,.employee-table th{padding:.5rem}.employee-table{font-size:.8rem}}
/*# sourceMappingURL=main.4b5dde88.css.map*/