body{font-family:Arial,sans-serif;text-align:center;background-color:#f8f9fa;margin:0;padding:0}header{background-color:#333;color:#fff;padding:10px}.container{margin-top:50px}.btn,.badge,.bg-warning,.login-btn{display:inline-block;padding:5px 10px;font-size:13px;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;text-decoration:none;margin:10px}.btn:hover,.login-btn:hover{background-color:#0056b3}.hd-menu{text-decoration:none;color:#fff;margin:0 10px}table{width:100%;max-width:100%;margin:0 auto;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;table-layout:fixed}table th,table td{padding:8px 12px;text-align:center;border-bottom:1px solid #ddd;font-size:.95rem;word-wrap:break-word}table th{background:linear-gradient(135deg,#007bff,#0069d9);color:#fff;font-weight:700}table tr:hover{background-color:#f1f1f1}table td:first-child{font-weight:700}.d-flex{display:flex;justify-content:center;gap:10px}.d-flex a,.d-flex button{font-size:.9rem;padding:6px 12px}.d-flex a{background-color:#6c757d;color:#fff;text-decoration:none;border-radius:4px}.d-flex a:hover{background-color:#5a6268}.d-flex button{background-color:#007bff;color:#fff;border:none;border-radius:4px}.d-flex button:hover{background-color:#0056b3}.full-width-table{width:100%;margin:0 auto;border-collapse:collapse;background-color:#fff;box-shadow:none;border-radius:0}.full-width-table th,.full-width-table td{padding:2px;text-align:center;border-bottom:1px solid #ddd}.full-width-table th{background-color:#007bff;color:#fff;font-weight:700}.full-width-table tr:hover{background-color:#f1f1f1}.site-group{position:relative}.add-site,.remove-site{width:50px;position:absolute;right:35%;top:0;transform:scale(.8)}.site-group{margin-bottom:5px}.pagination{display:flex;list-style:none;padding:0;justify-content:center}.pagination li{margin:0 5px}.pagination li a,.pagination li span{display:block;padding:8px 12px;text-decoration:none;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;color:#007bff}.pagination li a:hover{background-color:#e9ecef}.pagination .disabled span{color:#6c757d;background-color:#fff;border-color:#ddd}.inactive-tr{background:red}.container{text-align:center;margin:20px}.card-container{display:flex;flex-wrap:wrap;justify-content:left;gap:20px;max-width:1200px;margin:10px auto}.card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:15px;width:calc(25% - 20px);text-align:left;box-sizing:border-box}.card h3{font-size:18px;margin:0;color:#333}.card p{font-size:14px;margin:5px 0;color:#666}.card_a{text-decoration:none}.card_a:hover{opacity:.6}.contact_area{text-align:left;line-height:2;width:20%;margin:0 auto}.contact_area form textarea{width:300px;height:200px;margin-top:10px}.info-flex{width:50%;margin:5% auto;text-align:left}.info-flex h3{border-bottom:dotted 1px gray}.info-flex p{padding:10px;font-size:16px}.info-sub{color:gray;line-height:.5;text-align:left;border-top:dotted 1px;border-bottom:dotted 1px}textarea.info-control{width:20%}.complete{margin:50px auto}.short-table{margin:0 20%}.bold{font-weight:700;border-bottom:solid 1px}.surf-box{display:flex;justify-content:center;gap:2rem;padding:1rem 0;background-color:#f3f4f6;border-radius:.5rem}.surf-box a{color:#2563eb;text-decoration:none;font-weight:600;transition:color .2s ease}.surf-box a:hover{color:#1e40af}@media (max-width: 768px){.btn{padding:12px 25px;font-size:18px}header{font-size:18px;padding:15px}.container{margin-top:30px}table{width:100%}table th,table td{padding:10px}}.remove-site{background-color:red!important;color:#fff!important;border:none!important}@media (max-width: 480px){body{font-size:14px}.btn{width:30%;padding:15px;font-size:20px}header{font-size:20px;padding:20px}.container{margin-top:20px}table{font-size:14px}table th,table td{padding:8px}.site-group{position:relative}.add-site,.remove-site{width:50px!important;height:50px;position:absolute;right:0%;top:1px;transform:scale(.4)}.btn{padding:12px 25px;font-size:16px;width:auto}.d-flex a,.d-flex button{font-size:1rem;padding:8px 16px}select#company_info.form_control{width:10px}.big-btn{width:60px!important;margin:20px auto}#craft_name,#company_info{width:90%;margin:0 auto}}@media (max-width: 768px){table{width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch}table th,table td{padding:10px;font-size:14px}}@media (max-width: 480px){table th,table td{padding:8px;font-size:12px}table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{width:40px;padding:2px;font-size:13px}.d-flex a,.d-flex button{font-size:1rem;padding:8px 4px}.attendance-item{border-bottom:solid 1px black;padding:20px 10px}.card{width:100%}.info-flex{width:85%;margin:10% auto;text-align:left}.info-flex h3{border-bottom:dotted 1px gray}.info-flex p{padding:5px;font-size:12px}.info-sub{color:gray;line-height:.5;text-align:left;border-top:dotted 1px;border-bottom:dotted 1px}.contact_area{text-align:left;line-height:2;width:80%;margin:0 auto}.contact_area form textarea{width:100%}.short-table{margin:0 1%}.short-table form select{width:100px}}@media (min-width: 769px){.mobile-none{display:none}}@media (max-width: 768px){.pc-none{display:none}}