body{background-color:#f3f4f6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.container{box-shadow:0 4px 20px #0000001a;max-width:850px;padding:25px;width:90%}.title{color:#333}.sub-title{color:#222;font-size:20px;font-weight:600;margin-top:40px}.dashboard-container{max-width:1200px}.container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001f;margin:40px auto;max-width:400px;padding:40px 30px;position:relative}.title{color:#1f2937;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.top-bar{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.top-bar h2{color:#333;font-size:18px;margin:0}button{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:8px;box-shadow:0 4px 12px #38bdf866;color:#fff;font-size:15px;font-weight:600;padding:10px 18px;transition:all .25s ease}button:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:translateY(-1px)}button:disabled{background:#cbd5e1;box-shadow:none;color:#64748b;cursor:not-allowed;transform:none}.login-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:80px auto;max-width:350px;padding:40px;text-align:center}.login-container h2{color:#333;margin-bottom:24px}.login-form{display:flex;flex-direction:column;gap:15px}.login-form input{box-sizing:border-box;width:100%}.login-form button,input{width:100%}input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:15px;margin-bottom:10px;padding:12px 14px;transition:.2s}input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833;outline:none}.attendance-box{align-items:center;display:flex;flex-direction:column;gap:16px;width:100%}.webcam-view{background:#eee;border-radius:12px;box-shadow:0 4px 12px #0000001a}.mobile-input{font-size:16px;letter-spacing:1px;text-align:center}.instruction{color:#666;font-size:13px;line-height:1.4;margin-top:10px;text-align:center}.button-group{display:flex;gap:15px;justify-content:center;width:100%}.check-btn{flex:1 1;text-align:center}.check-btn.in{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e66}.check-btn.in:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.check-btn.out{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 12px #f43f5e66}.check-btn.out:hover{background:linear-gradient(135deg,#e11d48,#be123c)}table{font-size:14px;margin-top:10px}th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;text-align:left}td,th{padding:10px}td{border-bottom:1px solid #f1f5f9;color:#333}.admin-view{align-items:stretch}.admin-view h3{margin-bottom:20px;text-align:center}.link-btn{background:#0000;box-shadow:none;color:#64748b;font-size:14px;padding:5px 10px}.link-btn:hover{background:#f1f5f9;color:#ef4444;transform:none}h1{color:#333;margin-bottom:20px;text-align:center}h2{color:#555;margin-bottom:10px;margin-top:30px}input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:200px}button{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 15px;transition:.3s}button:nth-child(2){background-color:#4caf50;color:#fff}button:nth-child(3){background-color:#f44336;color:#fff}button:hover{opacity:.8}table{border-collapse:collapse;margin-top:20px;width:100%}td,th{border-bottom:1px solid #ddd;padding:12px;text-align:center}th{background-color:#4caf50;color:#fff}tr:nth-child(2n){background-color:#f2f2f2}tr:hover{background-color:#e6f7ff}td[colspan="5"]{color:#888;font-style:italic;padding:20px 0;text-align:center}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px 12px;width:250px}.month-nav{align-items:center;display:flex;font-size:16px;font-weight:700;gap:10px}.nav-btn{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:5px 12px}.nav-btn:hover{background:#555}.row-late td{background-color:#fcc!important}.row-on-time td{background-color:#d4edda!important}
/*# sourceMappingURL=main.020d3b96.css.map*/