:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:6px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{background-color:#333}button:disabled{opacity:.6;cursor:not-allowed}input{padding:.6em;border-radius:4px;border:1px solid #ccc;font-size:1em}.card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.error{color:#d32f2f;background:#ffebee;padding:.75rem;border-radius:4px;margin-bottom:1rem}.success{color:#2e7d32;background:#e8f5e9;padding:.75rem;border-radius:4px;margin-bottom:1rem}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-card h1{margin:0 0 .5rem;text-align:center;color:#333}.login-card p{text-align:center;color:#666;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#444}.form-group input{width:100%}.dashboard{padding:1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem}.dashboard-header h1{margin:0;color:#333}.header-info{display:flex;align-items:center;gap:1rem}.ws-status{font-size:.85rem;padding:.25rem .5rem;border-radius:4px}.ws-status.connected{background:#e8f5e9;color:#2e7d32}.ws-status.disconnected{background:#ffebee;color:#c62828}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.clock-status p{margin:.25rem 0}.late{color:#d32f2f;font-weight:700}.clock-actions{display:flex;gap:.5rem;margin-top:1rem}.clock-actions button:first-child{background-color:#2e7d32}.clock-actions button:last-child{background-color:#c62828}.break-actions{display:flex;gap:.5rem;margin-bottom:1rem}.break-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin:.25rem 0;border-radius:4px;background:#f5f5f5}.break-item.active{background:#fff3e0;border-left:3px solid #ff9800}.break-item.pending{background:#e3f2fd;border-left:3px solid #2196f3}.schedule-list{list-style:none;padding:0;margin:0}.schedule-list li{padding:.5rem;border-bottom:1px solid #eee}.coordinator-tools .tool-links{display:flex;flex-direction:column;gap:.5rem}.tool-links a,.link-button{display:inline-block;padding:.5rem;background:#e3f2fd;color:#1565c0;text-decoration:none;border-radius:4px;text-align:center}.tool-links a:hover,.link-button:hover{background:#bbdefb}@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:.5rem}}.app{max-width:1200px;margin:0 auto;padding:1rem}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#555}