.staff-duty-scheduler{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;padding:20px;width:100%}.staff-duty-scheduler h1{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.dropzone{background-color:#fafafa;border:2px dashed #ccc;border-radius:6px;cursor:pointer;margin-bottom:20px;padding:30px;text-align:center;transition:border-color .3s ease-in-out}.dropzone.active{border-color:#007bff}.add-staff{display:flex;justify-content:center;margin-bottom:30px}.add-staff input{border:1px solid #ccc;border-radius:4px;margin-right:10px;padding:10px;width:600px}.controls{flex-direction:column;margin-bottom:20px}.controls,.controls>div{align-items:center;display:flex}.controls>div{margin-bottom:15px}.controls label{color:#333;display:inline-block;font-size:16px;font-weight:500;margin-bottom:5px;margin-right:15px;min-width:120px}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:focus{outline:2px solid #007bff;outline-offset:2px}.controls button:nth-child(5){margin-right:12px}.schedule table{border-collapse:collapse;margin-top:20px;width:100%}.schedule td,.schedule th{border:1px solid #ddd;font-size:14px;padding:12px;text-align:left}.schedule th{background-color:#f2f2f2;font-size:15px;font-weight:700}.schedule td{background-color:#fff}.schedule tr:nth-child(2n){background-color:#f9f9f9}input:focus,select:focus{outline:2px solid #007bff;outline-offset:2px}input,select{background-color:#fff;border:1px solid #ccc;border-radius:4px;min-height:38px;padding:8px 12px}input[aria-invalid=true],select[aria-invalid=true]{border-color:#dc3545}:focus-visible{outline:2px solid #007bff;outline-offset:2px}@media (forced-colors:active){.dropzone{border:2px dashed CanvasText}button{border:1px solid CanvasText}}.navbar{background:#444950;border-bottom:3px solid #16a34a;box-shadow:0 2px 8px #00000026;color:#f1f1f1;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.5rem 2rem}.nav-brand{background:#22223b;border:2px solid #16a34a;border-radius:8px;color:#f1f1f1;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-right:2rem;padding:.4rem 1.2rem;text-shadow:0 2px 8px #0003;transition:background .2s,color .2s,border .2s}.nav-brand:focus,.nav-brand:hover{background:#16a34a;border-color:#f1f1f1;color:#1a1a2e}.nav-menu{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:#5a5f6a;border-radius:6px;display:flex;margin:0 .2rem;padding:.1rem .2rem;transition:background .2s}.nav-item.active,.nav-link-btn{background:none}.nav-link-btn{border:none;border-radius:6px;box-shadow:none;color:#f1f1f1;cursor:pointer;font:inherit;font-size:1rem;font-weight:400;opacity:1;outline:none;padding:.3rem 1rem;transition:background .2s,color .2s,border .2s}.nav-link-btn:focus,.nav-link-btn:hover{background:#5a5f6a;border:1.5px solid #16a34a;color:#f1f1f1}.nav-item.active .nav-link,.nav-item.active .nav-link-btn{background:#16a34a;border:2px solid #f1f1f1;color:#23234b;font-weight:700;text-decoration:underline}.App{font-family:Arial,sans-serif;margin:0 auto;max-width:2200px;min-height:100vh;padding:10px;text-align:center}.main-content{padding-top:0}nav ul{background-color:#f8f9fa;border-radius:5px;list-style-type:none;margin-bottom:20px;padding:0}nav ul li{display:inline-block;margin:10px}nav ul li a{color:#007bff;font-weight:700;text-decoration:none;transition:color .3s ease}nav ul li a:hover{color:#0056b3}h2{color:#343a40;margin-bottom:20px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (max-width:600px){.App{padding:10px}}