*{box-sizing:border-box}:root{--g:#AE6C13;--t:#fff9f2;--m:#d8c9bb}body{margin:0;background:linear-gradient(135deg,#1b1b1b,#302319,#1d1d1d);color:var(--t);font-family:Arial,sans-serif}main{max-width:1100px;margin:auto;padding:20px}.hero{text-align:center;padding:35px 0}.hero h1,header h1{letter-spacing:2px;margin:0}.hero span,header span{color:#d6a05a}.card{background:#302c28;border:1px solid #ae6c1366;border-radius:18px;padding:20px;margin-bottom:18px}.kiosk{max-width:480px;margin:auto;text-align:center}input,select,button{width:100%;padding:16px;border-radius:12px;border:1px solid #76552e;background:#211f1e;color:white;font-size:18px}button,.btn{background:linear-gradient(135deg,var(--g),#87500f);font-weight:bold;border:0}.big{font-size:24px;padding:23px;margin-top:12px}.stop{background:linear-gradient(135deg,#8d3434,#b3453c)}a{color:#d6a05a}.btn{display:inline-block;color:white;text-decoration:none;padding:12px;border-radius:10px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.action{text-align:center}.action p,p{color:var(--m)}.row{display:flex;gap:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.metrics div{background:#3a332d;padding:13px;border-radius:10px;color:var(--m)}.metrics b{display:block;color:white;font-size:21px}.table{overflow:auto}table{width:100%;min-width:650px;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #ffffff18;text-align:left}th{color:#d6a05a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}label{color:var(--m)}label input,label select{margin-top:5px}.error{color:#ff8d8d}@media(max-width:650px){main{padding:12px}.metrics,.grid{grid-template-columns:1fr}.row{display:grid}.big{font-size:22px}}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tabs form{margin:0}.btn.active{outline:2px solid #f1c27a}.secondary{background:#4b4540}.dept h2{border-bottom:1px solid #ffffff18;padding-bottom:12px}.dept h2 small{font-size:13px;color:var(--m);float:right}.employee{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff18}.employee:last-child{border:0}.employee p{margin:4px 0}.employee span{display:block;margin:4px}.actions{display:flex;gap:7px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.actions form{margin:0}.actions button,.actions .btn{width:auto}.danger{background:linear-gradient(135deg,#8d3434,#b3453c)}.ok{background:linear-gradient(135deg,#356747,#4d815e)}.small{padding:8px;font-size:13px}.top{margin-top:18px}.six{grid-template-columns:repeat(6,1fr)}.confirm{font-size:34px;font-weight:bold;color:#d6a05a;margin:18px}.table .btn{white-space:nowrap}@media(max-width:850px){.employee{grid-template-columns:1fr 1fr}.six{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.employee,.six{grid-template-columns:1fr}.actions{justify-content:flex-start}}

.calendar-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.calendar-form label{min-width:230px}.calendar-form input[type=date]{margin-top:7px}.department-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.deptbtn{display:inline-block;text-decoration:none;color:var(--t);background:#37322e;border:1px solid #ffffff20;padding:12px 16px;border-radius:10px;font-weight:700}.deptbtn.selected{background:linear-gradient(135deg,#8c5812,#b8791e);border-color:#d49a45}details.dept{padding:0;overflow:hidden}details.dept summary{list-style:none;cursor:pointer;padding:17px 18px;font-size:18px;font-weight:800;display:flex;gap:10px;justify-content:space-between;background:#2d2926}details.dept summary::-webkit-details-marker{display:none}details.dept summary:before{content:"▶";font-size:12px;color:#d6a05a}details.dept[open] summary:before{content:"▼"}.deptbody{padding:0 18px 10px}.dept summary small{font-size:13px;color:var(--m);font-weight:600;margin-left:auto}@media(max-width:650px){.calendar-form{align-items:stretch;flex-direction:column}.department-tabs{display:grid;grid-template-columns:1fr 1fr}.deptbtn{text-align:center}}