*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#0d1715;color:#f5f7f6;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:28px 42px;background:linear-gradient(135deg,#132521,#1b332d);border-bottom:1px solid #29443c}h1{margin:0;font-size:34px}header p{margin:5px 0 0;color:#a9bbb5}.clock{text-align:right}.clock b{font-size:34px;display:block}.clock span{color:#a9bbb5}.grid{padding:34px 42px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.emp{min-height:180px;border:1px solid #315148;border-radius:24px;background:#172924;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:22px;cursor:pointer;box-shadow:0 10px 30px #0003}.emp:active{transform:scale(.98)}.avatar{width:74px;height:74px;border-radius:50%;background:#d8e4df;color:#173029;display:grid;place-items:center;font-size:34px;font-weight:700}.emp small{font-size:13px;color:#a9bbb5}.notice{margin:0 42px 32px;padding:18px 22px;border-radius:18px;background:#14241f;border:1px solid #29443c;display:flex;gap:12px;flex-direction:column;color:#becdc8}.notice b{color:white}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px}.hidden{display:none!important}.panel{width:min(760px,96vw);max-height:92vh;overflow:auto;background:#f7faf8;color:#15231f;border-radius:28px;padding:30px;position:relative}.close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:34px}.panel h2{font-size:30px;margin-top:0}.panel input{width:100%;height:64px;border:1px solid #ccd8d4;border-radius:16px;font-size:30px;text-align:center}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.keys button,.action{min-height:64px;border:0;border-radius:16px;font-size:22px;font-weight:700;background:#1d4438;color:#fff}.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:18px;border-radius:18px;background:#edf3f0}.action{width:100%;margin-top:18px;background:#176c4f}.secondary{background:#8a6524}.timeline{margin-top:18px;padding:0}.timeline li{list-style:none;padding:10px 0;border-bottom:1px solid #d8e1dd}.adminbox{max-width:800px;margin:70px auto;padding:40px;background:#172924;border-radius:24px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr);padding:20px}.emp{min-height:150px}header{padding:22px}.notice{margin:0 20px 24px}}
.employee-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.avatar.big{width:84px;height:84px;font-size:36px}.employee-head h3{margin:0;font-size:28px}.employee-head p{margin:6px 0 0;color:#607069}.current-action{margin-top:18px}.primary-action{min-height:82px;font-size:26px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.small-action{min-height:52px;border:1px solid #b8c8c1;border-radius:14px;background:#eef4f1;color:#26483e;font-size:17px;font-weight:700}.link-action{width:100%;margin-top:14px;border:0;background:transparent;color:#176c4f;font-size:16px;text-decoration:underline}.attention{border:1px solid #d9c78d;background:#fff9e8}.success-mark{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#dff3e9;color:#176c4f;font-size:44px;font-weight:800}.success-text{text-align:center;font-size:20px;line-height:1.5}