@font-face{font-family:Century Gothic;src:url(/fonts/CenturyGothic.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Century Gothic;src:url(/fonts/CenturyGothic-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{font-family:Century Gothic,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;font-family:Century Gothic,sans-serif;background-color:#fff}#root{height:100%}input{background-color:#fff;color:#000;border:1px solid #393939;padding:4px 8px;border-radius:4px;font-size:1rem;font-family:Century Gothic,sans-serif;box-shadow:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}textarea{background-color:#fff;color:#000;border:1px solid #393939;padding:4px 8px;border-radius:4px;font-size:1rem;font-family:Century Gothic,sans-serif}select,option{background-color:#fff;color:#000;border:1px solid #393939;font-size:1rem;font-family:Century Gothic,sans-serif}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#393939;background-color:#fff}a:hover{color:#fde100}button{background-color:#fff}}.navbar{display:flex;justify-content:space-between;align-items:flex-end;padding:1rem 1.5rem;height:90px;padding:0 20px;background-color:#fff;border-bottom:4px solid #FDE100}.navbar-left{display:flex;align-items:center;margin-right:40px}.logo{height:80px;width:auto}.navbar-tabs{display:flex;gap:3rem;align-items:flex-end}.tab{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff;background-color:#393939;padding:8px 16px;border-radius:2px 2px 0 0}.tab.active{background-color:#fde100;color:#000}a:hover{color:#fde100}.status{font-weight:700}.status.working{color:green}.status.vacation{color:orange}.status.fired{color:red}.status.in-progress{color:#007bff}.status.completed{color:green}.status.overdue{color:red}.page-container{display:flex;flex-direction:column;padding:2rem}.page-header{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.page-content,.page-content-60-40{display:flex;gap:2rem}.page-content-60-40>.left{width:60%}.page-content-60-40>.right{width:40%}.page-content-80-20{display:flex;gap:2rem}.page-content-80-20>.left{width:80%}.page-content-80-20>.right{width:20%;display:flex;flex-direction:column;gap:1rem}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.filter-row input,.filter-row select{min-width:160px}.section-divider{margin:2rem 0;border-top:1px solid #ccc}.card{border:1px solid #ddd;padding:1rem;margin-bottom:1rem;border-radius:4px;background-color:#fff}.buttons-right{display:flex;justify-content:flex-end;gap:1rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:Century Gothic,sans-serif;color:#fff;background-color:#393939;cursor:pointer;transition:border-color .25s}button:hover{color:#fde100}.button.yellow{background-color:#fde100;color:#000}.button.yellow:hover{background-color:#e5cb00;color:#fff}.button.red{background-color:#d9534f}.button.red:hover{color:#b0c4de;background-color:#c9302c}.button.green{background-color:#5cb85c}.button.green:hover{color:#b0c4de;background-color:#4cae4c}.button.blue{background-color:#5c5cb8}.button.blue:hover{color:#b0c4de;background-color:#4c4cae}.button.small{font-size:.8em;padding:.4em .8em}.button.large{font-size:1.2em;padding:.8em 1.6em}.button.outline{background-color:transparent;border:2px solid #393939;color:#393939}.button.outline:hover{background-color:#393939;color:#fff}