:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.login-modal{background-color:#1e1e1e;padding:40px 50px;border-radius:12px;text-align:center;width:90%;max-width:450px;box-shadow:0 10px 25px #00000080;border:1px solid #333;color:#fff}.login-modal h2{margin-top:0;font-size:1.8rem;color:#fff}.login-modal p{color:#ffffffb3;margin-bottom:30px}.discord-login-button{background-color:#5865f2;color:#fff;border:none;border-radius:8px;padding:15px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:15px;transition:background-color .2s}.discord-login-button:hover{background-color:#4752c4}.discord-icon{font-size:1.5rem}.welcome-input{display:flex;gap:10px}.welcome-input input{flex-grow:1;padding:15px;border-radius:8px;border:1px solid #555;background-color:#333;color:#fff;font-size:1.1rem}.autofill-container{position:relative;width:100%;max-width:400px;display:flex;flex-direction:column}.autofill-container label{font-weight:500;margin-bottom:8px;color:#6c757d}.autofill-container input{padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%}.suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 5px 5px;list-style:none;margin:0;padding:0;z-index:10;max-height:150px;overflow-y:auto}.suggestions-list li{padding:10px 15px;cursor:pointer;transition:background-color .2s}.suggestions-list li:hover{background-color:#f0f2f5}@media (prefers-color-scheme: dark){.autofill-container input{background-color:#2a2a2a;border-color:#555;color:#fff}.suggestions-list{background-color:#2a2a2a;border-color:#555}.suggestions-list li:hover{background-color:#333}}.input-with-button{display:flex;width:100%}.input-with-button input{flex-grow:1;border-radius:5px 0 0 5px;border-right:none}.input-with-button button{padding:10px 15px;border:1px solid #007bff;border-radius:0 5px 5px 0;background-color:#007bff;color:#fff;cursor:pointer;font-size:1rem}.input-with-button button:hover{background-color:#0056b3}.input-with-button button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.redeem-list{list-style-type:none;padding:0;margin-top:20px}.redeem-list li{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #f0f2f5;transition:background-color .2s}.redeem-list li:hover{background-color:#f8f9fa}.redeem-list .item-name{font-weight:500;flex:2}.redeem-list .item-points{color:#28a745;font-weight:700;flex:1;text-align:center}.redeem-button{background-color:#28a745;color:#fff;border:none;border-radius:5px;padding:8px 15px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.redeem-button:hover{background-color:#218838}@media (prefers-color-scheme: dark){.input-with-button button{border-color:#58a6ff;background-color:#58a6ff}.input-with-button button:hover{background-color:#3e8eff}.redeem-list li{border-bottom-color:#333}.redeem-list li:hover{background-color:#2a2a2a}.redeem-list .item-points{color:#30c44c}}.redeem-button.disabled{background-color:#dc3545;cursor:not-allowed;color:#fff}.redeem-button.disabled:hover{background-color:#c82333}.form-group{margin-bottom:20px}.form-group label{font-weight:700;margin-bottom:10px}.form-group input{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%}.button-group{display:flex;gap:15px}.add-points-button,.remove-points-button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:8px}.add-points-button{background-color:#28a745;color:#fff}.add-points-button:hover{background-color:#218838}.remove-points-button{background-color:#dc3545;color:#fff}.remove-points-button:hover{background-color:#c82333}.manager-tab .form-group{margin-bottom:20px}.manager-tab input{width:calc(100% - 20px);padding:10px;border-radius:5px;border:1px solid #ccc}.manager-tab button{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.manager-tab button:disabled{background-color:#ccc;cursor:not-allowed}.employees-list-section{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.employees-list{list-style-type:none;padding:0;margin:0}.employees-list li{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr;gap:15px;align-items:center;padding:12px 10px;border-bottom:1px solid #f0f2f5;font-size:.95rem}.employees-list .list-header{font-weight:700;color:#6c757d;text-transform:uppercase;border-bottom:2px solid #dee2e6;padding-bottom:10px}.employees-list li:not(.list-header):hover{background-color:#f8f9fa}.employees-list span{word-break:break-word}@media (prefers-color-scheme: dark){.employees-list-section{border-top-color:#333}.employees-list li:not(.list-header):hover{background-color:#2a2a2a}.employees-list .list-header{color:#fff9;border-bottom-color:#444}.minecraft-name-display{color:#58a6ff}.minecraft-name-display:hover{color:#3e8eff}.minecraft-name-display.no-minecraft-name,.minecraft-name-display .edit-icon{color:#fff9}.edit-input-group input{background-color:#2a2a2a;border-color:#555;color:#fff}.edit-input-group .save-button{background-color:#30c44c}.edit-input-group .save-button:hover{background-color:#28a745}.edit-input-group .cancel-button{background-color:#f85149}.edit-input-group .cancel-button:hover{background-color:#dc3545}.no-users{color:#fff9}}.employees-list-section,.earnings-list-section,.absences-list-section{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.employees-list,.earnings-list,.absences-list{list-style-type:none;padding:0;margin:0}.employees-list li,.earnings-list li,.absences-list li{display:grid;align-items:center;padding:12px 10px;border-bottom:1px solid #f0f2f5;font-size:.95rem}.employees-list .list-header,.earnings-list .list-header,.absences-list .list-header{font-weight:700;color:#6c757d;text-transform:uppercase;border-bottom:2px solid #dee2e6;padding-bottom:10px}.employees-list li:not(.list-header):hover,.earnings-list li:not(.list-header):hover,.absences-list li:not(.list-header):hover{background-color:#f8f9fa}.employees-list span,.earnings-list span,.absences-list span{word-break:break-word}.employees-list li{grid-template-columns:2fr 2fr 1.5fr 1fr;gap:15px}.minecraft-name-display{display:flex;align-items:center;gap:8px;cursor:pointer;color:#007bff;transition:color .2s}.minecraft-name-display:hover{color:#0056b3}.minecraft-name-display.no-minecraft-name{font-style:italic;color:#6c757d}.minecraft-name-display .edit-icon{font-size:.8em;color:#6c757d}.edit-input-group{display:flex;gap:5px;align-items:center}.edit-input-group input{flex-grow:1;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:.9rem}.edit-input-group button{padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center}.edit-input-group .save-button{background-color:#28a745;color:#fff}.edit-input-group .save-button:hover{background-color:#218838}.edit-input-group .cancel-button{background-color:#dc3545;color:#fff}.edit-input-group .cancel-button:hover{background-color:#c82333}.no-users{text-align:center;color:#6c757d;padding:20px;grid-column:1 / -1}.earnings-list li{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr 1.2fr;gap:10px}.earnings-list .currency-value{font-weight:500;text-align:right;color:#343a40}.earnings-list .total-cell{font-weight:700;text-align:right;color:#28a745}.earnings-list .grand-total{font-size:1.1rem;background-color:#e9f5ff;padding:5px 10px;border-radius:5px}.earnings-list .list-footer{font-weight:700;border-top:2px solid #dee2e6;padding-top:15px;margin-top:15px;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr 1.2fr;gap:10px;display:grid;align-items:center}.earnings-list .list-footer span:first-child{grid-column:span 2;text-align:left}.earnings-list .no-data{text-align:center;color:#6c757d;padding:20px;grid-column:1 / -1}.times-list-section{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.week-selector-container{margin-bottom:20px;display:flex;align-items:center;gap:10px;max-width:400px}.week-selector-container label{font-weight:500;color:#495057;display:flex;align-items:center;gap:5px}.week-picker-input{padding:8px;border:1px solid #ced4da;border-radius:5px;font-size:1rem}.times-list{list-style-type:none;padding:0;margin:0}.times-list li{display:grid;grid-template-columns:2fr 2fr 1fr;gap:15px;align-items:center;padding:12px 10px;border-bottom:1px solid #f0f2f5;font-size:.95rem}.times-list .list-header{font-weight:700;color:#6c757d;text-transform:uppercase;border-bottom:2px solid #dee2e6;padding-bottom:10px}.times-list li:not(.list-header):hover{background-color:#f8f9fa}.times-list .no-data{text-align:center;color:#6c757d;padding:20px;grid-column:1 / -1}@media (prefers-color-scheme: dark){.employees-list-section,.earnings-list-section,.times-list-section,.absences-list-section{border-top-color:#333}.employees-list li:not(.list-header):hover,.earnings-list li:not(.list-header):hover,.times-list li:not(.list-header):hover,.absences-list li:not(.list-header):hover{background-color:#2a2a2a}.employees-list .list-header,.earnings-list .list-header,.times-list .list-header,.absences-list .list-header{color:#fff9;border-bottom-color:#444}.minecraft-name-display{color:#58a6ff}.minecraft-name-display:hover{color:#3e8eff}.minecraft-name-display.no-minecraft-name,.minecraft-name-display .edit-icon{color:#fff9}.edit-input-group input{background-color:#2a2a2a;border-color:#555;color:#fff}.edit-input-group .save-button{background-color:#30c44c}.edit-input-group .save-button:hover{background-color:#28a745}.edit-input-group .cancel-button{background-color:#f85149}.edit-input-group .cancel-button:hover{background-color:#dc3545}.no-users,.earnings-list .no-data,.times-list .no-data,.absences-list .no-data{color:#fff9}.earnings-list .currency-value{color:#fff}.earnings-list .total-cell{color:#30c44c}.earnings-list .grand-total{background-color:#58a6ff1a}.earnings-list .list-footer{border-top-color:#444}.week-selector-container label{color:#fffc}.week-picker-input{background-color:#2a2a2a;border-color:#555;color:#fff;color-scheme:dark}.absences-list li{grid-template-columns:1.5fr 1.2fr 1.2fr 2fr;gap:15px}.absences-list .no-data{text-align:center;color:#6c757d;padding:20px;grid-column:1 / -1}.app-detail-section-box{white-space:pre-wrap;background-color:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px;color:#333}.app-detail-section-box{background-color:#2a2a2a;color:#ffffffde}.view-button{background:#007bff;color:#fff;border:none;border-radius:5px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background-color .2s;font-size:.9rem}.view-button:hover{background:#0056b3}.view-button{background:#58a6ff}.view-button:hover{background:#3e8eff}.react-datetime-picker,.react-calendar,.react-clock{box-sizing:border-box}.react-datetime-picker{width:100%}.react-datetime-picker__wrapper{display:flex;flex-grow:1;border:1px solid #ccc;border-radius:5px;background-color:#fff;padding:5px;height:auto}.react-datetime-picker__wrapper{background-color:#2a2a2a;border-color:#555}.react-datetime-picker__inputGroup{display:flex;flex-wrap:nowrap;align-items:center;flex-grow:1;padding:0;margin:0;border:none;overflow:hidden}.react-datetime-picker__inputGroup__input{min-width:.54em!important;max-width:2.1em!important;box-sizing:content-box;height:1.1em;padding:0 1px;border:none;background:none;font-family:inherit;font-size:1rem;text-align:center;color:#333!important;outline:none;line-height:normal;vertical-align:middle}.react-datetime-picker__inputGroup__divider{padding:0 2px;color:#333!important}.react-datetime-picker__inputGroup__input,.react-datetime-picker__inputGroup__divider{color:#fff!important}.react-datetime-picker__inputGroup__input::placeholder{color:#6c757d;opacity:1}.react-datetime-picker__inputGroup__leadingZero{color:#6c757d}.react-datetime-picker__inputGroup__leadingZero{color:#fff9}.react-datetime-picker__button{background:none;border:none;padding:0 5px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6c757d}.react-datetime-picker__button:enabled:hover,.react-datetime-picker__button:enabled:focus{color:#007bff}.react-calendar{width:350px;max-width:100%;background-color:#fff;border:1px solid #ccc;border-radius:8px;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;box-shadow:0 4px 12px #0000001a}.react-calendar{background-color:#1e1e1e;border-color:#333;color:#fff}.react-calendar__navigation button{color:#fff}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#2a2a2a}.react-calendar__tile{color:#fff}.react-calendar__month-view__weekdays__weekday{color:#6c757d}.react-calendar__tile--now{background:#007bff!important;color:#fff!important}.react-calendar__tile--active{background-color:#0056b3!important;color:#fff!important}.react-calendar__tile:disabled{background-color:#2a2a2a;color:#6c757d}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#333}.react-calendar__navigation button{min-width:44px;background:none;font-size:1.2em;color:#333}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;font-size:.8em;color:#333}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#f0f2f5;color:#007bff}.react-calendar__tile--active{background:#007bff;color:#fff}.react-clock__face{border-color:#333}.react-clock__hand__body,.react-clock__mark__body{background-color:#333}.react-clock__face{border-color:#bbb}.react-clock__hand__body,.react-clock__mark__body{background-color:#bbb}.back-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;margin-bottom:20px;display:flex;align-items:center;gap:5px;padding:0}.bonus-details-section .earnings-list li{grid-template-columns:3fr 1fr}.back-button{color:#58a6ff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f2f5;color:#333}.app-container{display:flex;min-height:100vh}.sidebar{display:flex;flex-direction:column;width:260px;background-color:#fff;box-shadow:2px 0 5px #0000000d;padding:20px;flex-shrink:0;transition:transform .3s ease-in-out}.logo{text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f0f2f5}.logo h1{color:#333;margin:0;font-size:1.8rem}.company-selector-wrapper{position:relative;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f0f2f5}.company-selector{width:100%;padding:10px;border-radius:8px;border:1px solid #e9ecef;background-color:#f8f9fa;font-size:1rem;font-weight:500;color:#343a40;cursor:pointer}.company-selector-button{width:100%;padding:12px 15px;border-radius:8px;border:1px solid #e9ecef;background-color:#f8f9fa;font-size:1rem;font-weight:600;color:#343a40;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background-color .2s,border-color .2s}.company-selector-button:hover{background-color:#e9ecef}.company-selector-button .company-info{display:flex;align-items:center;gap:10px}.company-selector-button .caret-icon{transition:transform .2s ease-in-out}.company-selector-button .caret-icon.open{transform:rotate(180deg)}.company-selector-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;padding:5px;max-height:200px;overflow-y:auto}.company-selector-item{width:100%;background:none;border:none;padding:10px 15px;text-align:left;font-size:1rem;font-weight:500;color:#343a40;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .2s}.company-selector-item:hover{background-color:#f0f2f5}.sidebar-nav{display:flex;flex-direction:column;gap:10px;flex-grow:1}.sidebar-nav a{background:none;border:none;padding:15px 20px;cursor:pointer;font-size:1rem;color:#b0b0b0;transition:color .2s,background-color .2s;text-align:left;border-radius:8px;display:flex;align-items:center;gap:15px;text-decoration:none}.sidebar-nav a.active{background-color:#007bff;color:#fff;font-weight:700;box-shadow:0 2px 5px #007bff33}.sidebar-nav a:not(.active):hover,.sidebar-nav a:focus{color:#007bff;background-color:#e9f5ff}.user-profile{text-align:center;padding-top:20px;border-top:1px solid #f0f2f5}.user-profile span{font-weight:700}.dashboard-content{flex-grow:1;padding:40px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.card{background-color:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 4px 12px #00000014;width:100%;max-width:800px;border:1px solid #e9ecef;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.card h2{margin-top:0;color:#343a40;border-bottom:2px solid #f0f2f5;padding-bottom:15px;margin-bottom:25px;font-size:1.5rem;font-weight:600}.clock-status{margin:30px 0;font-size:1.2rem}.status-in{color:#28a745;font-weight:700}.status-uit{color:#dc3545;font-weight:700}.clock-button{width:100%;padding:20px;font-size:1.5rem;font-weight:700;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .3s,transform .2s ease}.clock-in:hover{background-color:#218838}.clock-out:hover{background-color:#c82333}.clock-button:hover{transform:scale(1.02)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.stat-item{background-color:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.stat-item h4{margin-top:0;margin-bottom:10px;color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase}.stat-item p{margin:0;font-size:1.75rem;font-weight:600;color:#343a40}.total-earnings p{color:#28a745}.radio-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0}.radio-controls button{background:#eee;border:none;border-radius:50%;width:60px;height:60px;font-size:1.5rem;cursor:pointer;transition:background-color .2s}.radio-controls button:hover{background-color:#ddd}.radio-controls .play-button{background-color:tomato;color:#fff;width:80px;height:80px;font-size:2rem}.radio-controls .play-button:hover{background-color:#e5533d}.volume-control{display:flex;align-items:center;justify-content:center;gap:15px}.volume-control input[type=range]{width:50%}.manager-only .manager-header{display:flex;justify-content:space-between;align-items:center}.manager-only .manager-header span{background-color:#ffc107;color:#333;padding:5px 10px;border-radius:5px;font-size:.9rem;font-weight:700}.bonus-input{display:flex;align-items:center;margin:25px 0}.bonus-input label{font-weight:700;margin-right:15px}.bonus-input input{padding:10px;border:1px solid #ccc;font-size:1rem;width:150px;border-radius:5px 0 0 5px;border-right:none}.bonus-input input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40;position:relative;z-index:2}.bonus-input button{padding:10px 20px;border:1px solid #007bff;border-radius:0 5px 5px 0;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s;font-weight:500}.bonus-input button:hover{background-color:#0056b3}.chart-container{position:relative;height:350px}.stats-grid .large-chart{grid-column:span 2;height:300px}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:700;color:#343a40}body{background-color:#121212;color:#ffffffde}.sidebar,.card{background-color:#1e1e1e;border-color:#333;box-shadow:0 4px 12px #0000004d}.logo,.user-profile,.company-selector-wrapper{border-color:#333}.logo h1,.card h2,.chart-center-text{color:#fff}.company-selector-button{background-color:#2a2a2a;border-color:#555;color:#fff}.company-selector-button:hover{background-color:#333}.company-selector-dropdown{background-color:#2a2a2a;border-color:#555}.company-selector-item{color:#fff}.company-selector-item:hover{background-color:#333}.sidebar-nav a{color:#ffffffb3}.sidebar-nav a:hover,.sidebar-nav a:focus{color:#58a6ff;background-color:#58a6ff1a}.sidebar-nav a.active{background-color:#58a6ff;color:#fff;box-shadow:0 2px 5px #58a6ff4d}.stat-item{background-color:#2a2a2a;border-color:#444}.stat-item h4{color:#fff9}.stat-item p{color:#fff}.total-earnings p,.status-in{color:#30c44c}.status-uit{color:#f85149}.clock-in{background-color:#28a745}.clock-in:hover{background-color:#30c44c}.clock-out{background-color:#dc3545}.clock-out:hover{background-color:#f85149}.radio-controls button{background:#333;color:#fff}.radio-controls button:hover{background:#444}.bonus-input input{background-color:#2a2a2a;border-color:#555;color:#fff}.bonus-input input:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff40}.current-bonus{background-color:#58a6ff1a;border-left:5px solid #58a6ff}.chart-container text,.chart-container .chart-center-text{fill:#fff!important}.chartjs-render-monitor{color:#fff}.timer-display{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center;margin:30px 0;border:1px solid #e9ecef}.timer-display h3{margin:0 0 10px;color:#6c757d;font-weight:500;text-transform:uppercase;font-size:.9rem}.timer-display p{margin:0;font-size:3rem;font-weight:700;color:#343a40;font-family:Courier New,Courier,monospace}.timer-display{background-color:#2a2a2a;border-color:#444}.timer-display h3{color:#fff9}.timer-display p{color:#fff}.activity-history{margin-top:40px;border-top:1px solid #e9ecef;padding-top:30px}.activity-history h4{margin-top:0;margin-bottom:20px;font-size:1.1rem;color:#6c757d}.activity-history ul{list-style-type:none;padding:0;margin:0}.activity-history li{display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr;gap:10px;align-items:center;padding:15px;border-radius:8px;transition:background-color .2s;font-size:.95rem}.history-date{font-weight:500;color:#343a40;white-space:nowrap}.history-time{color:#6c757d;white-space:nowrap}.history-duration{font-weight:700;font-family:Courier New,Courier,monospace;background-color:#e9f5ff;color:#007bff;padding:5px 8px;border-radius:5px;font-size:.85rem;text-align:center;white-space:nowrap}.history-bonus{font-weight:700;color:#28a745;background-color:#e9f5ff;padding:5px 8px;border-radius:5px;font-size:.85rem;text-align:center;white-space:nowrap}@media (max-width: 768px){.activity-history li{grid-template-columns:1fr;gap:5px;padding:10px;border:1px solid #f0f2f5;margin-bottom:10px}.activity-history li:not(:last-child){border-bottom:none}.history-date,.history-time,.history-duration,.history-bonus{width:100%;text-align:left;padding:2px 0}.history-duration,.history-bonus{text-align:left;font-size:.9rem;padding:3px 5px;background-color:transparent;color:inherit;border-radius:0}.history-bonus{color:#28a745}.activity-history li{border:1px solid #333}.history-duration,.history-bonus{background-color:transparent;color:#ffffffde}.history-bonus{color:#30c44c}}.activity-history li:not(:last-child){border-bottom:1px solid #f0f2f5}.activity-history li:hover{background-color:#f8f9fa}.history-date{font-weight:500;color:#343a40}.history-time{color:#6c757d}.history-duration{font-weight:700;font-family:Courier New,Courier,monospace;background-color:#e9f5ff;color:#007bff;padding:5px 10px;border-radius:5px;font-size:.9rem}.no-history{color:#6c757d;text-align:center;padding:20px}.activity-history{border-top-color:#333}.activity-history li:hover{background-color:#2a2a2a}.activity-history li:not(:last-child){border-bottom-color:#2a2a2a}.history-date{color:#fff}.history-time,.no-history{color:#fff9}.history-duration{background-color:#58a6ff1a;color:#58a6ff}.settings-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e9ecef}.goal-input{display:flex;align-items:center;gap:10px}.goal-input label{font-weight:500}.goal-input input{padding:8px;border:1px solid #ccc;border-radius:5px;width:80px}.goal-input button{padding:8px 15px}.settings-section{border-bottom-color:#333}.stats-grid.expanded-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.stats-grid.expanded-layout .weekly-progress{grid-column:span 2}@media (min-width: 1200px){.stats-grid.expanded-layout .weekly-progress{grid-column:span 2}}.stats-grid.expanded-layout .large-chart{grid-column:1 / -1;height:300px}.stat-item.text-display p.positive-value{color:#28a745}.stat-item.text-display p.positive-value{color:#30c44c}.stat-item.text-display{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.stat-item.text-display p{font-size:3rem;font-weight:700;font-family:Courier New,Courier,monospace;color:#343a40;margin-top:10px}.stats-grid .large-chart{grid-column:1 / -1;height:300px}.stat-item.text-display p{color:#fff}.goal-input-group{display:flex;align-items:center;gap:20px}html,body,#root{margin:0;padding:0;height:100%;width:100%}.root-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.notification-banner{background-color:#e53e3e;color:#fff;padding:12px;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;flex-shrink:0}.app-container{display:flex;flex-grow:1}.bonus-unit-selector{display:flex;background-color:#f0f2f5;border-radius:8px;padding:5px;margin:25px 0;width:fit-content}.bonus-unit-selector button{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:.9rem;font-weight:500;color:#6c757d;border-radius:6px;transition:background-color .2s,color .2s}.bonus-unit-selector button.active{background-color:#fff;color:#007bff;box-shadow:0 2px 4px #0000000d}.bonus-unit-selector{background-color:#2a2a2a}.bonus-unit-selector button{color:#fff9}.bonus-unit-selector button.active{background-color:#333;color:#58a6ff}.sales-section{margin-top:30px;border-top:1px solid #e9ecef;padding-top:30px}.sale-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group input,.form-group select{padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.price-display .price-value{font-size:2rem;font-weight:700;color:#28a745}.sales-section{border-top-color:#333}.form-group input,.form-group select{background-color:#2a2a2a;border-color:#555;color:#fff}.sales-list{list-style-type:none;padding:0;margin:0;font-size:.95rem}.sales-list li{display:flex;justify-content:space-between;align-items:center;padding:15px 10px}.sales-list li:not(.sales-list-header){border-bottom:1px solid #f0f2f5}.sales-list li:not(.sales-list-header):hover{background-color:#f8f9fa}.sales-list-header{font-weight:700;color:#6c757d;font-size:.9rem;text-transform:uppercase;border-bottom:2px solid #dee2e6}.sales-list li{display:grid;grid-template-columns:3fr 3fr 1.5fr 2fr .8fr;gap:10px;align-items:center;padding:15px 10px}.col-item{text-align:left;padding-left:0}.col-aantal{text-align:center;color:#6c757d}.col-prijs{text-align:right;font-weight:700;color:#28a745}.col-actions{text-align:center}.sales-list li:not(.sales-list-header){border-bottom-color:#333}.sales-list li:not(.sales-list-header):hover{background-color:#2a2a2a}.sales-list-header{color:#fff9;border-bottom-color:#444}.col-prijs{color:#30c44c}.col-aantal{color:#fff9}.form-notification{padding:15px;border-radius:8px;color:#fff;font-weight:500;margin-bottom:20px;text-align:center;animation:fadeIn .5s ease-out}.form-notification.success{background-color:#28a745}.form-notification.error{background-color:#dc3545}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.global-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px 25px;border-radius:8px;color:#fff;font-weight:500;display:flex;align-items:center;gap:15px;z-index:2000;box-shadow:0 4px 12px #00000026;animation:slideInDown .5s ease-out}.global-notification.success{background-color:#28a745}.global-notification.error{background-color:#dc3545}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{position:fixed;top:0;left:0;height:100vh;width:250px;z-index:100;transform:translate(-100%);box-shadow:4px 0 10px #0000001a}.sidebar.open{transform:translate(0)}.dashboard-content{padding:20px;width:100%}.card{padding:20px;border-radius:8px}.card h2{font-size:1.3rem;padding-bottom:10px;margin-bottom:15px}.clock-button{font-size:1.2rem;padding:15px}.stats-grid{grid-template-columns:1fr;gap:15px}.stats-grid.expanded-layout .weekly-progress,.stats-grid.expanded-layout .large-chart{grid-column:span 1}.stat-item p{font-size:2.2rem}.goal-input-group{flex-direction:column;gap:15px}.goal-input input{width:100%}.bonus-unit-selector{flex-direction:column;width:100%;margin:15px 0;padding:0}.bonus-unit-selector button{border-radius:0;padding:12px}.bonus-unit-selector button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.bonus-unit-selector button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.bonus-input{flex-direction:column;align-items:stretch;margin:15px 0}.bonus-input label{margin-bottom:8px;margin-right:0}.bonus-input input{width:auto;border-radius:5px;border-right:1px solid #ccc}.bonus-input button{border-radius:5px;margin-top:10px}.sale-form-grid{grid-template-columns:1fr;gap:15px}.sales-list li,.employees-list li,.earnings-list li{flex-direction:column;align-items:flex-start;padding:10px;gap:5px;border:1px solid #f0f2f5;margin-bottom:10px;border-radius:8px}.sales-list li:not(.sales-list-header),.employees-list li:not(.list-header),.earnings-list li:not(.list-header){border-bottom:none}.sales-list-header,.employees-list .list-header,.earnings-list .list-header{display:none}.col-klant,.col-item,.col-aantal,.col-prijs,.employees-list li span,.earnings-list li span{width:100%;text-align:left!important;padding:0!important}.history-date,.history-time,.history-duration{width:100%;text-align:left}@media (prefers-color-scheme: dark) and (max-width: 768px){.sidebar{background-color:#1e1e1e;box-shadow:4px 0 10px #0006}.bonus-unit-selector{background-color:#2a2a2a}.bonus-unit-selector button{color:#fff9}.bonus-unit-selector button.active{background-color:#333}.sales-list li,.employees-list li,.earnings-list li{border:1px solid #333}.sales-list li:hover,.employees-list li:hover,.earnings-list li:hover{background-color:#2a2a2a}}}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:90;display:none}.sidebar-overlay.active{display:block}.hamburger-menu{display:none;position:fixed;top:20px;left:20px;background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:8px;font-size:1.5rem;cursor:pointer;z-index:101;box-shadow:0 2px 5px #0003}@media (max-width: 768px){.hamburger-menu{display:block}}.hamburger-menu{background-color:#58a6ff}.hamburger-menu:hover{background-color:#3e8eff}.bonus-live-display{font-size:1.5rem!important;font-weight:700;color:#28a745!important;margin-top:15px!important;font-family:Roboto,sans-serif!important}.activity-history .history-details{display:flex;flex-direction:column;flex-grow:1}.activity-history .history-bonus{font-weight:700;color:#28a745;background-color:#e9f5ff;padding:5px 10px;border-radius:5px;font-size:.9rem;margin-left:10px;flex-shrink:0}.bonus-live-display,.activity-history .history-bonus{color:#30c44c!important}.activity-history .history-bonus{background-color:#30c44c1a}.discord-message-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.discord-message-popup{background-color:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;text-align:center;position:relative;z-index:1001}.discord-message-popup h3{margin-top:0;color:#343a40;font-size:1.5rem;margin-bottom:15px}.discord-message-popup p{color:#6c757d;margin-bottom:25px}.discord-message-popup textarea{width:calc(100% - 20px);padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;font-size:1rem;resize:vertical;font-family:inherit}.discord-message-popup .popup-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.discord-message-popup .popup-button{padding:12px 20px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s,opacity .2s;display:flex;align-items:center;gap:8px;justify-content:center}.discord-message-popup .popup-button:disabled{opacity:.6;cursor:not-allowed}.discord-message-popup .generate-ai-button{background-color:#17a2b8;color:#fff}.discord-message-popup .generate-ai-button:hover:not(:disabled){background-color:#138496}.discord-message-popup .send-button{background-color:#28a745;color:#fff}.discord-message-popup .send-button:hover:not(:disabled){background-color:#218838}.discord-message-popup .cancel-button{background-color:#6c757d;color:#fff}.discord-message-popup .cancel-button:hover:not(:disabled){background-color:#5a6268}.discord-message-popup{background-color:#1e1e1e;color:#ffffffde;border:1px solid #333}.discord-message-popup h3{color:#fff}.discord-message-popup p{color:#ffffffb3}.discord-message-popup textarea{background-color:#2a2a2a;border-color:#555;color:#fff}.discord-message-popup .generate-ai-button{background-color:#1a99b8}.discord-message-popup .generate-ai-button:hover:not(:disabled){background-color:#157e95}.discord-message-popup .send-button{background-color:#30c44c}.discord-message-popup .send-button:hover:not(:disabled){background-color:#28a745}.discord-message-popup .cancel-button{background-color:#5a6268}.discord-message-popup .cancel-button:hover:not(:disabled){background-color:#495057}.stock-editor .edit-input-group{display:flex;align-items:center;gap:5px}.stock-editor .edit-input-group input{width:80px;padding:8px;border:1px solid #007bff;border-radius:5px;text-align:center}.stock-editor .edit-input-group button{padding:8px 10px;font-size:1rem}.missed-clock-section{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.missed-clock-button{background:none;border:1px solid #6c757d;color:#6c757d;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.missed-clock-button:hover{background-color:#6c757d;color:#fff}.missed-clock-section{border-top-color:#333}.missed-clock-button{border-color:#888;color:#888}.missed-clock-button:hover{background-color:#888;color:#121212}.new-inspection-section,.recent-inspections-section{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{font-weight:500;margin-bottom:8px;color:#6c757d;display:flex;align-items:center;gap:8px}.form-group input{padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:100%;box-sizing:border-box}.recent-inspections-section .employees-list li{grid-template-columns:2fr 2fr 2fr;gap:15px}.new-inspection-section,.recent-inspections-section{border-top-color:#333}.form-group label{color:#ffffffb3}.form-group input{background-color:#2a2a2a;border-color:#555;color:#fff}body{font-family:Roboto,sans-serif}.app-container{display:flex}h2{font-size:20px}.loading-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#1a1a1a;color:#fff;flex-direction:column}.loading-screen p{margin:0 0 20px}.loading-dots{display:flex;gap:10px}.loading-dot{width:15px;height:15px;background-color:#007bff;border-radius:50%;animation:pulse 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-screen{background-color:#121212}.loading-dot{background-color:#58a6ff}.new-limit-section,.active-limits-section{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.limit-form-grid{display:grid;grid-template-columns:3fr 1fr 1.5fr;gap:20px;align-items:flex-end}.set-limit-button{background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;height:fit-content}.set-limit-button:hover{background-color:#0056b3}.limits-list{list-style-type:none;padding:0;margin:0}.limits-list li{display:grid;grid-template-columns:3fr 2fr 1fr;gap:15px;align-items:center;padding:12px 10px;border-bottom:1px solid #f0f2f5}.limits-list .list-header{font-weight:700;color:#6c757d;text-transform:uppercase;border-bottom:2px solid #dee2e6;padding-bottom:10px}.remove-limit-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.2rem}.no-limits{text-align:center;padding:20px;color:#6c757d;grid-column:1 / -1}.new-limit-section,.active-limits-section{border-top-color:#333}.limits-list li{border-bottom-color:#333}.limits-list .list-header{color:#fff9;border-bottom-color:#444}.no-limits{color:#fff9}.verification-list{margin-top:2rem}.list-header,.list-item{display:grid;grid-template-columns:2fr 2fr 1fr;gap:1rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.list-header{font-weight:700;color:var(--text-muted);font-size:.9rem;text-transform:uppercase}.user-info{display:flex;align-items:center;gap:1rem}.user-info img{border-radius:4px}.action-buttons{display:flex;gap:.5rem;justify-content:flex-end}.action-buttons button{border:none;color:#fff;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:opacity .3s ease}.action-buttons button:hover{opacity:.8}.approve-btn{background-color:var(--success-color, #28a745)}.deny-btn{background-color:var(--error-color, #dc3545)}.no-requests{text-align:center;padding:2rem;color:var(--text-muted)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup-content{background-color:var(--surface-color);padding:2rem;border-radius:12px;text-align:center;max-width:400px;border:1px solid var(--border-color)}.popup-content h3{font-family:"Exo 2",sans-serif;margin-top:0}.popup-content p{color:var(--text-muted)}.code-display{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:var(--bg-color);padding:1rem;border-radius:8px;margin:1.5rem 0}.code-display span{font-family:monospace;font-size:2.5rem;letter-spacing:5px;color:var(--primary-color)}.code-display button{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.close-popup-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer}.popup-content{background-color:var(--surface-color);padding:2rem;border-radius:12px;text-align:center;max-width:400px;border:1px solid var(--border-color);width:fit-content}.code-display{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:var(--bg-color);padding:1rem;border-radius:8px;margin:1.5rem 0;display:block}.code-display span,.code-display button{display:inline-block}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:100;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity .3s ease}.popup-content{background-color:var(--surface-color);padding:2rem;border-radius:12px;text-align:center;max-width:400px;border:1px solid var(--border-color);width:fit-content;transform:scale(1);transition:transform .3s ease}.popup-overlay.hidden{opacity:0;pointer-events:none}.popup-overlay.hidden .popup-content{transform:scale(.95)}.code-display{display:flex;justify-content:center;align-items:center;gap:1rem;background-color:var(--bg-color);padding:1rem;border-radius:8px;margin:1.5rem 0;width:100%}.code-display span{font-family:monospace;font-size:2.5rem;letter-spacing:5px;color:var(--primary-color);-webkit-user-select:none;user-select:none}}