:root{--d:#061a16;--g:#0d3028;--gold:#c9a45f;--txt:#f4eee2;--muted:#93a69f}*{box-sizing:border-box}body{margin:0;background:#08211b;color:var(--txt);font-family:Arial,sans-serif}main{max-width:1100px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:12px;padding:10px 4vw;background:var(--d);border-bottom:1px solid #c9a45f44}header img{width:80px;height:58px;object-fit:contain}header form{margin-left:auto}h1,h2{font-family:Georgia,serif;font-weight:500}.card{background:linear-gradient(145deg,#0e3028,#09241e);border:1px solid #c9a45f44;border-radius:17px;padding:22px;margin:16px 0}.login{max-width:430px;margin:8vh auto;text-align:center}.login img{width:180px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;text-align:left;color:var(--muted);font-size:11px;margin:13px 0}input,select{width:100%;padding:11px;border:1px solid #39574f;background:#071f1a;color:white;border-radius:8px;margin-top:5px}button{padding:11px 15px;border-radius:8px;border:1px solid var(--gold);background:var(--gold);color:#071d18;font-weight:bold}small,p{color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px;border-bottom:1px solid #ffffff12;font-size:12px}.person{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #ffffff12}.person span{display:flex;flex-direction:column}.eye{position:relative}.eye button{position:absolute;right:3px;bottom:3px;background:transparent;border:0;color:var(--gold)}@media(max-width:700px){main{padding:14px}.grid{grid-template-columns:1fr}.card{overflow:auto}.person{grid-template-columns:1fr}.person input{margin:0}table{min-width:650px}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs a,.language-bar button{color:var(--txt);background:#0e3028;border:1px solid #c9a45f55;border-radius:8px;padding:10px 13px;text-decoration:none}.language-bar{display:flex;gap:7px;flex-wrap:wrap}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{min-height:90px;border:1px solid #ffffff16;border-radius:8px;padding:8px}.day.worked{border-color:var(--gold);background:#12382e}.day b{color:var(--gold)}.day small{display:block;margin-top:7px;font-size:9px}.absence-form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end}@media(max-width:700px){.calendar{min-width:650px}.absence-form{grid-template-columns:1fr 1fr}.absence-form button{grid-column:1/-1}}
@media(max-width:700px){body{padding-bottom:72px}main{padding:12px}.login{margin:18px auto;padding:22px 18px}.login img{width:150px}header{position:sticky;top:0;z-index:20;padding:7px 12px}header img{width:62px;height:46px}h1{font-size:27px}h2{font-size:21px}.card{padding:16px;border-radius:14px;margin:12px 0;overflow:visible}input,select,button{min-height:48px;font-size:16px}.grid{grid-template-columns:1fr;gap:8px}.tabs{position:fixed;z-index:30;left:0;right:0;bottom:0;height:66px;margin:0;padding:7px 6px;background:var(--d);border-top:1px solid #c9a45f55;display:flex;flex-wrap:nowrap;justify-content:space-around}.tabs a{min-width:0;flex:1;padding:8px 3px;border:0;text-align:center;font-size:10px}.language-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.language-bar button{padding:7px 3px;min-height:42px;font-size:11px}.language-bar button:last-child{grid-column:1/-1}.calendar{min-width:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.day{min-height:58px;padding:5px;border-radius:6px;overflow:hidden}.day b{font-size:12px}.day small{font-size:7px;line-height:1.2;word-break:break-word}.absence-form{grid-template-columns:1fr}.absence-form button{grid-column:auto}.person{grid-template-columns:1fr;gap:6px}.person input{margin:0}table{min-width:620px}.card:has(table){overflow-x:auto;-webkit-overflow-scrolling:touch}.eye button{min-height:40px}.top{align-items:flex-start}}
.filters{display:flex;gap:10px;align-items:end}.filters label{min-width:190px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.metrics div{background:#0d3028;border:1px solid #c9a45f44;border-radius:12px;padding:16px;display:flex;flex-direction:column}.metrics b{font:24px Georgia;color:var(--gold)}@media(max-width:700px){.filters{display:grid;grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:13px}}