.mtea21-app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1120px;margin:24px auto;padding:18px;background:linear-gradient(135deg,#f6f7ff,#eefcff);border-radius:24px;color:#172033}
.mtea21-login-card{max-width:430px;margin:25px auto;background:#fff;padding:32px;border-radius:26px;text-align:center;box-shadow:0 20px 55px rgba(15,23,42,.12);border:1px solid #e8ebf2}
.mtea21-logo{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:auto;border-radius:22px;background:linear-gradient(135deg,#6d28d9,#0891b2);font-size:38px;box-shadow:0 12px 25px rgba(109,40,217,.25)}
.mtea21-kicker{margin-top:18px;font-size:12px;letter-spacing:2px;font-weight:900;color:#6d28d9}.mtea21-login-card h2{margin:6px 0;font-size:28px}.mtea21-login-card p{color:#667085;margin-bottom:22px}
.mtea21-login-form{display:grid;gap:12px}.mtea21-login-form input{width:100%;padding:14px;border:1px solid #d8dce5;border-radius:12px;font-size:15px;outline:none}.mtea21-login-form input:focus{border-color:#6d28d9;box-shadow:0 0 0 3px rgba(109,40,217,.1)}
.mtea21-login-form button{border:0;border-radius:12px;padding:14px;background:linear-gradient(90deg,#6d28d9,#0891b2);color:#fff;font-weight:900;cursor:pointer}.mtea21-login-card small{display:block;margin-top:18px;color:#667085;line-height:1.5}
.mtea21-header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:17px 20px;box-shadow:0 8px 25px rgba(15,23,42,.07)}.mtea21-brand{font-weight:950;letter-spacing:1.5px;color:#6d28d9}.mtea21-sub{font-size:12px;color:#667085;margin-top:2px}.mtea21-logout{border:0;border-radius:11px;padding:10px 14px;background:#111827;color:#fff;font-weight:800;cursor:pointer}
.mtea21-profile{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.mtea21-profile>div{background:#fff;border-radius:999px;padding:9px 12px;box-shadow:0 5px 16px rgba(15,23,42,.06);font-size:13px}.mtea21-profile span{margin-right:5px}
.mtea21-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.mtea21-stat{background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.07);border-top:4px solid #6d28d9}.mtea21-stat:nth-child(2){border-top-color:#16a34a}.mtea21-stat:nth-child(3){border-top-color:#dc2626}.mtea21-stat:nth-child(4){border-top-color:#f97316}.mtea21-leave-stat b{color:#dc2626}.mtea21-stat b{font-size:27px;display:block}.mtea21-stat span{font-size:12px;color:#667085}
.mtea21-month{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-weight:900;font-size:20px}.mtea21-note{font-size:11px;font-weight:600;color:#667085}
.mtea21-table-wrap{background:#fff;border-radius:19px;overflow:auto;box-shadow:0 9px 28px rgba(15,23,42,.07)}.mtea21-table{width:100%;min-width:720px;border-collapse:collapse}.mtea21-table th{padding:12px;background:linear-gradient(90deg,#6d28d9,#0891b2);color:#fff;text-align:left;font-size:13px}.mtea21-table td{padding:11px;border-bottom:1px solid #edf0f4;font-size:13px}.mtea21-table tr:nth-child(even){background:#fafbff}
.mtea21-action{border:0;border-radius:9px;padding:7px 11px;color:#fff;font-weight:850;cursor:pointer}.mtea21-in{background:#16a34a}.mtea21-out{background:#f97316}.mtea21-action:disabled{background:#cbd5e1}.mtea21-present{color:#15803d;font-weight:850}.mtea21-absent{color:#dc2626;font-weight:850}.mtea21-leave{color:#b45309;font-weight:900}.mtea21-upcoming{color:#64748b;font-weight:800}.mtea21-message{margin-top:12px;font-size:13px;font-weight:750}
@media(max-width:650px){.mtea21-app{padding:10px;border-radius:16px}.mtea21-header{padding:14px}.mtea21-summary{grid-template-columns:1fr 1fr}.mtea21-stat:nth-child(3),.mtea21-stat:nth-child(4){grid-column:auto}.mtea21-month{font-size:18px}.mtea21-note{display:none}}

.mtea21-gps-box{margin:14px 0;padding:14px;border:1px solid #dfe5ef;border-radius:15px;background:linear-gradient(135deg,#f7fbff,#f8f5ff);text-align:left}.mtea21-gps-status{font-weight:850;color:#475467;margin-bottom:10px}.mtea21-gps-status.is-ok{color:#15803d}.mtea21-gps-btn{width:100%;border:1px solid #c7d2fe;border-radius:11px;padding:12px;background:#fff;color:#3730a3;font-weight:900;cursor:pointer}.mtea21-gps-btn:active{transform:scale(.99)}.mtea21-gps-coords{font-size:11px;color:#667085;margin-top:9px;word-break:break-all}

.mtea21-gps-check{margin-top:9px;padding:9px 10px;border-radius:9px;background:#eef6ff;color:#344054;font-size:11px;line-height:1.45}.mtea21-gps-check strong{color:#4338ca}