:root{--bg:#05070b;--panel:#0a1015;--panel2:#0d151b;--line:#283522;--green:#caff45;--cyan:#58e7ff;--text:#eef4f5;--muted:#718078;--danger:#ff5577}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#caff450c,transparent 25%),var(--bg);color:var(--text);font:14px/1.55 Inter,system-ui,"Microsoft YaHei"}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:62px 62px}.login:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #caff4520;border-radius:50%;box-shadow:0 0 100px #caff4514;animation:halo 5s ease-in-out infinite}.login form{width:min(470px,92vw);padding:46px;position:relative;z-index:2;border:1px solid #40502f;border-radius:22px;background:#080d10e8;backdrop-filter:blur(20px);box-shadow:0 40px 120px #000}.login form:before{content:"T";width:52px;height:52px;display:grid;place-items:center;margin-bottom:28px;border-radius:12px;background:var(--green);color:#080a0b;font-size:28px;font-weight:900;box-shadow:0 0 35px #caff4535}.login h1{margin:0;font-size:35px;letter-spacing:.02em}.login p{margin:7px 0 25px;color:var(--muted)}.login input,.card input{width:100%;margin:11px 0 0;padding:14px;border:1px solid #2c3925;border-radius:9px;background:#05090c;color:#fff;outline:none}.login input:focus,.card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #caff4510}.login button,.card button,header button,.toolbar button,.wideCard>button{padding:12px 19px;border:0;border-radius:8px;background:var(--green);color:#080a0b;font-weight:800;cursor:pointer}.login button{width:100%;margin-top:16px}.login em{display:block;min-height:22px;margin-top:12px;color:var(--danger);text-align:center}main{min-height:100vh}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;border-bottom:1px solid #202b1d;background:#070b0ed9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}header h1{margin:0;font-size:22px;letter-spacing:.03em}header h1:before{content:"T";display:inline-grid;place-items:center;width:34px;height:34px;margin-right:12px;border-radius:8px;background:var(--green);color:#080a0b;font-weight:900}header span{display:block;margin:3px 0 0 47px;color:var(--muted);font-size:11px}header button{background:#101710;color:#aeb8af;border:1px solid #334228}nav{display:flex;gap:7px;padding:15px 3.5vw;border-bottom:1px solid #1e291b;background:#070b0e;overflow-x:auto;white-space:nowrap;position:sticky;top:88px;z-index:9}nav button{padding:10px 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#77837b;cursor:pointer}nav button:hover{color:#fff;background:#101710}nav button.active{color:#090c0d;border-color:var(--green);background:var(--green);font-weight:800;box-shadow:0 0 24px #caff4524}main>section{padding:30px 3.5vw 55px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat{min-height:125px;padding:22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0d151b,#080d11);color:#7c8980;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.stat b{display:block;margin-bottom:8px;color:var(--green);font-size:30px}.toolbar,.sectionHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0}.toolbar input{flex:1;padding:12px;border:1px solid var(--line);border-radius:8px;background:#080d11;color:#fff}.table{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}table{width:100%;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid #202a1d;text-align:left;white-space:nowrap}th{color:#869187;background:#0d1514;font-size:11px;letter-spacing:.06em}tbody tr:hover{background:#caff4505}td b{color:#f1f7f2}.muted{color:var(--muted);font-size:12px}.small{padding:7px 10px;border:1px solid #3a4a2d;border-radius:7px;background:#121a12;color:#d5ded6;cursor:pointer}.small:hover{border-color:var(--green);color:var(--green)}.danger{border-color:#6d2939!important;background:#3a121d!important;color:#ff91a7!important}select{padding:7px;border:1px solid var(--line);border-radius:6px;background:#080d11;color:#fff}.card,.wideCard{margin:auto;padding:32px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0d151b,#080d11);box-shadow:0 30px 80px #0006}.card{width:min(580px,94vw)}.card h2,.wideCard h2{margin-top:0}.card label,.wideCard label{display:block;margin-top:15px;color:#8f9a91}.card input,.wideCard input,.wideCard textarea,.wideCard select{width:100%;margin-top:6px;padding:12px;border:1px solid #2d3b26;border-radius:8px;background:#05090c;color:#fff;outline:none}.qr{display:flex;gap:18px;align-items:center;margin:20px 0;color:var(--muted)}.qr img{width:120px;height:120px;object-fit:contain;border-radius:10px;background:#fff}.card b,.wideCard>b{display:block;margin-top:12px;color:var(--green)}dialog{width:min(760px,94vw);max-height:80vh;color:var(--text);border:1px solid #435530;border-radius:16px;background:#091014}.dialogHead{display:flex;justify-content:space-between}.dialogHead button{border:0;background:none;color:#fff;font-size:24px}.employee{display:grid;grid-template-columns:80px 1fr 1fr 100px;gap:8px;padding:12px;border-bottom:1px solid var(--line)}@keyframes halo{50%{transform:scale(1.08);opacity:.55}}@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}header{padding:0 18px}main>section{padding:24px 18px 45px}nav{padding-inline:18px}}@media(max-width:560px){.stats{grid-template-columns:1fr}.login form{padding:30px}header span{display:none}header h1{font-size:17px}}