:root{--bg:#f6f7fb;--panel:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--green:#15803d;--amber:#b45309;--red:#b91c1c}*{box-sizing:border-box}body{margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--blue);text-decoration:none}.top{height:64px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.brand{font-weight:900;font-size:18px}.wrap{max-width:1180px;margin:0 auto;padding:22px}.grid{display:grid;gap:16px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}h1,h2,h3{margin:0 0 10px}p{margin:5px 0;color:var(--muted)}label{display:block;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase;margin:10px 0 5px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}button,.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer;display:inline-block}.primary{background:var(--blue);color:#fff}.ghost{background:#eef2f7;color:#0f172a}.danger{background:#fee2e2;color:var(--red)}.success{background:#dcfce7;color:#166534}.warn{background:#fff7ed;color:#9a3412}.bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:8px 10px;border-radius:9px;color:#cbd5e1}.nav a.active,.nav a:hover{background:#fff;color:#0f172a}.status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900}.status.approved{background:#dcfce7;color:#166534}.status.pending{background:#ffedd5;color:#9a3412}.status.rejected,.status.inactive{background:#fee2e2;color:#991b1b}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{font-size:11px;color:#64748b}.camera{min-height:300px;background:#0b1220;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:#cbd5e1}.camera video,.camera img{width:100%;height:300px;object-fit:cover}.mark{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:8px;font-weight:900}.mark.p{background:#dcfce7;color:#166534}.mark.l{background:#ffedd5;color:#9a3412}.mark.a{background:#fee2e2;color:#991b1b}.mark.off{background:#e2e8f0;color:#475569;padding:0 6px}.notice{padding:12px;border-radius:10px;background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;margin:10px 0}.error{padding:12px;border-radius:10px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;margin:10px 0}.ok{padding:12px;border-radius:10px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;margin:10px 0}.small{font-size:12px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.day{min-height:78px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.day button{padding:4px 6px;font-size:10px}.day.off{background:#f8fafc}.day.today{outline:2px solid #60a5fa;outline-offset:-2px}.photo{width:90px;height:110px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}@media(max-width:800px){.grid2,.grid3{grid-template-columns:1fr}.wrap{padding:14px}.table{font-size:12px}.calendar{font-size:11px}.day{min-height:64px}}
.lang{display:flex;gap:4px;background:#111c33;border-radius:9px;padding:3px}.lang button{border:0;background:transparent;color:#cbd5e1;padding:6px 8px;border-radius:7px;font-size:11px}.lang button.active{background:#fff;color:#0f172a}@media(max-width:650px){.top{height:auto;min-height:64px;align-items:flex-start;padding:10px;gap:8px}.top>.bar{align-items:flex-end;justify-content:flex-end}.nav{justify-content:flex-end}.nav a{font-size:11px;padding:6px}.lang button{padding:5px 6px}}