body{background:#f5f5f5;margin:0;font-family:Arial,Helvetica,sans-serif}header{text-align:center;color:#fff;background:#1976d2;padding:30px}.card{background:#fff;border-radius:10px;width:350px;margin:20px auto;padding:20px;box-shadow:0 2px 10px #0003}.form-card{background:#fff;border-radius:12px;width:500px;margin:40px auto;padding:30px;box-shadow:0 5px 15px #00000026}.form-card h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:18px}.form-group label{margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group select{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px;font-size:15px}.form-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#66bb6a);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 6px 15px #4caf5040}.form-card button:hover{background:linear-gradient(135deg,#43a047,#4caf50);transform:translateY(-2px);box-shadow:0 10px 20px #4caf5059}.form-card button:active{transform:scale(.98)}.header{text-align:center;color:#fff;background:#1976d2;padding:30px}.top-header{color:#fff;background:linear-gradient(135deg,#0f9d58,#087f3c);width:100%;padding:20px 40px;box-shadow:0 3px 12px #00000026}.logo-section h2{margin:0;font-size:28px;font-weight:700}.logo-section p{opacity:.9;margin-top:6px;font-size:14px}.navbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:15px 40px;display:flex;box-shadow:0 2px 10px #0000000d}.navbar-left{align-items:center;gap:10px;margin-left:350px;display:flex}.navbar-left a{color:#555;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.navbar-left a:hover{color:#0f9d58;background:#e8f5e9}.active-link{background:#0f9d58;color:#fff!important}.navbar-right{align-items:center;gap:18px;display:flex}.user-info{color:#444;align-items:center;gap:8px;font-weight:600;display:flex}.user-info svg{color:#0f9d58}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.logout-btn:hover{background:#dc2626}@media (width<=1000px){.navbar{flex-direction:column;gap:18px;padding:20px}.navbar-left{flex-wrap:wrap;justify-content:center}}@media (width<=600px){.top-header{text-align:center;padding:20px}.logo-section h2{font-size:22px}.navbar-left{gap:8px}.navbar-left a{padding:8px 12px;font-size:14px}.logout-btn{padding:8px 12px}}*{box-sizing:border-box}.auth-container{background:linear-gradient(135deg,#0f9d58,#43a047,#66bb6a);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:430px;padding:40px;animation:.5s fadeIn;box-shadow:0 15px 40px #00000026}.auth-logo{color:#fff;background:#0f9d58;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 20px;display:flex}.auth-card h1{text-align:center;color:#0f9d58;margin:0;font-size:30px}.subtitle{text-align:center;color:#777;margin-top:5px;margin-bottom:25px}.auth-card h2{text-align:center;margin-bottom:10px}.description{text-align:center;color:#666;margin-bottom:25px;font-size:15px;line-height:1.5}.input-group{border:1px solid #ddd;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:12px 15px;transition:all .3s;display:flex}.input-group:focus-within{border-color:#0f9d58;box-shadow:0 0 0 3px #0f9d5826}.input-group svg{color:#0f9d58}.input-group input{border:none;outline:none;flex:1;font-size:15px}.auth-button{color:#fff;cursor:pointer;background:#0f9d58;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.auth-button:hover{background:#087f3c;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;background:#94d3ab;transform:none}.switch-auth{text-align:center;color:#666;margin-top:25px}.switch-auth a{color:#0f9d58;margin-left:6px;font-weight:700;text-decoration:none}.switch-auth a:hover{text-decoration:underline}.error-box{color:#c62828;white-space:pre-line;background:#ffebee;border-radius:10px;margin-bottom:20px;padding:12px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-card{padding:30px 25px}.auth-card h1{font-size:26px}}.dashboard{max-width:1200px;margin:40px auto;padding:20px}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#4caf50,#81c784);border-radius:18px;padding:50px 30px;box-shadow:0 8px 25px #00000026}.hero h1{margin:0;font-size:40px}.hero p{opacity:.95;margin-top:15px;font-size:18px}.stat-container{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:18px;padding:30px;transition:all .3s;box-shadow:0 6px 15px #00000014}.stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px #00000026}.stat-card svg{color:#4caf50}.stat-card h2{color:#2f4632;margin:15px 0 5px;font-size:36px}.stat-card p{color:#777;margin:0}.menu-container{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:45px;display:grid}.menu-card{color:#2f4632;text-align:center;background:#fff;border-radius:18px;padding:30px 20px;text-decoration:none;transition:all .3s;box-shadow:0 6px 15px #00000014}.menu-card:hover{color:#fff;background:#4caf50;transform:translateY(-8px)}.menu-card svg{color:#4caf50;margin-bottom:15px;transition:all .3s}.menu-card:hover svg{color:#fff}.menu-card h3{margin-bottom:10px}.menu-card p{opacity:.85;font-size:14px}@media (width<=992px){.stat-container,.menu-container{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stat-container,.menu-container{grid-template-columns:1fr}.hero h1{font-size:30px}}.table-page{width:90%;margin:10px auto 40px}.page-title{text-align:center;color:#2f4632;margin:20px 0;font-size:48px}.table-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #00000014}table{border-collapse:collapse;width:100%}thead{color:#fff;background:#4caf50}thead th{padding:18px;font-size:15px}tbody td{text-align:center;border-bottom:1px solid #eee;padding:16px}tbody tr:nth-child(2n){background:#f8fff8}tbody tr:hover{background:#eaf7ea}.badge{border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.dot{background:#fff;border-radius:50%;width:10px;height:10px}.waiting{color:#c28b00;background:#fff4cc}.waiting .dot{background:#ffc107}.confirmed{color:#2e7d32;background:#e8f5e9}.confirmed .dot{background:#4caf50}.finished{color:#1565c0;background:#e3f2fd}.finished .dot{background:#2196f3}.detail-btn{color:#fff;background:#4caf50;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.detail-btn:hover{background:#388e3c;transform:translateY(-2px)}@media (width<=768px){.table-card{overflow:auto}table{min-width:800px}}.search-box{background:#fff;border-radius:12px;align-items:center;gap:10px;width:320px;padding:12px 18px;display:flex;box-shadow:0 5px 15px #00000014}.search-box input{background:0 0;border:none;outline:none;width:100%;font-size:15px}.filter-box{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-box label{color:#2f4632;font-weight:600}.filter-box select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 15px}.action-group{justify-content:center;gap:10px;display:flex}.delete-btn{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .3s;display:inline-flex}.delete-btn:hover{background:#c62828;transform:translateY(-2px)}.edit-btn{color:#fff;background:#fb8c00;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.edit-btn:hover{background:#ef6c00;transform:translateY(-2px)}.table-toolbar{justify-content:flex-end;margin-bottom:8px;display:flex}.toolbar-group{justify-content:flex-end;align-items:center;gap:18px;display:flex}.search-box{background:#fff;border-radius:12px;align-items:center;gap:10px;width:360px;height:54px;padding:0 18px;display:flex;box-shadow:0 5px 15px #00000014}.search-box input{border:none;outline:none;width:100%;font-size:15px}.search-box svg{color:#4caf50}.filter-box{align-items:center;gap:8px;display:flex}.filter-box label{color:#2f4632;font-size:17px;font-weight:600}.filter-box select{border:1px solid #ddd;border-radius:10px;padding:10px 15px;font-size:15px}.page-header{text-align:center;margin-bottom:25px}.page-title{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.total-data{text-align:center;color:#666;margin-bottom:25px;font-size:18px}.detail-container{max-width:700px;margin:50px auto;padding:20px}.detail-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 8px 25px #00000014}.detail-card h1{text-align:center;color:#2f4632;margin-bottom:35px}.detail-item{align-items:flex-start;gap:18px;margin-bottom:25px;display:flex}.detail-item svg{color:#4caf50;margin-top:3px}.detail-item label{color:#777;font-weight:700}.detail-item p{color:#2f4632;margin-top:6px;font-size:17px}.detail-card hr{border:none;border-top:1px solid #ddd;margin:30px 0}.detail-card h2{color:#2f4632;align-items:center;gap:10px;display:flex}.detail-card h2 svg{color:#4caf50}.facility-item{border-bottom:1px solid #eee;padding:12px 0}.empty{color:#999;font-style:italic}.back-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:12px;width:100%;margin-top:35px;padding:15px;font-size:16px;transition:all .3s}.back-btn:hover{background:#388e3c}.loading{text-align:center;margin-top:80px}.page-title{text-align:center;color:#2f4632;margin:30px 0}.page-container{max-width:1200px;margin:auto;padding:20px}