:root{--ink:#18251f;--muted:#66736c;--paper:#fff;--bg:#f3f5f1;--brand:#165f46;--mint:#dceee6;--line:#dfe5e0;--accent:#eaa45f}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,.btn{border:0;border-radius:10px;background:var(--brand);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer;display:inline-block}button.ghost,.ghost{background:#eef2ee;color:var(--brand)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px;font:inherit;color:var(--ink)}textarea{min-height:85px;resize:vertical}label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#425249}.auth{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr}.auth-card{background:#fff;padding:clamp(36px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.auth-card h1{font-size:38px;margin:54px 0 8px}.auth-card p{color:var(--muted);margin:0 0 28px}.auth-card form{display:grid;gap:18px}.auth-card button{margin-top:8px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.auth-art{background:linear-gradient(135deg,rgba(12,71,50,.96),rgba(26,103,75,.9)),radial-gradient(circle at 70% 15%,#f2b16f,transparent 35%);display:flex;align-items:flex-end;padding:70px;color:#fff}.auth-art em{font:600 clamp(34px,5vw,68px)/1.02 Georgia,serif;max-width:720px;display:block}.auth-art p{opacity:.75;letter-spacing:.12em}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--brand);color:#fff;font:700 23px Georgia}.brand div{display:grid}.brand b{font-size:16px}.brand small{color:var(--muted);margin-top:2px}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column}.sidebar nav{display:grid;gap:6px;margin-top:48px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#536159;font-weight:650}.sidebar nav a.active,.sidebar nav a:hover{background:var(--mint);color:var(--brand)}.sidebar footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.sidebar footer div:nth-child(2){display:grid;min-width:0}.sidebar footer small{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.sidebar footer>a{font-size:12px;color:var(--muted)}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f0d3af;font-weight:800}.content{padding:38px clamp(28px,5vw,72px)}.content>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.content>header small{color:var(--muted)}.content h1{font:600 34px Georgia,serif;margin:5px 0}.role{font-size:11px;letter-spacing:.13em;background:var(--mint);color:var(--brand);padding:7px 10px;border-radius:99px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metrics article,.panel,.quick a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}.metrics article{display:grid}.metrics small{color:var(--muted);font-weight:650}.metrics strong{font:600 32px Georgia,serif;margin:20px 0 8px}.metrics span{font-size:12px;color:var(--muted)}.panel{margin-top:20px}.panel h2{margin:0 0 5px;font:600 24px Georgia,serif}.panel p{color:var(--muted)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.steps b{background:var(--bg);border-radius:12px;padding:18px;color:var(--brand)}.steps span{display:block;color:var(--muted);font-size:12px;margin-top:10px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick a{display:grid;gap:10px}.quick a:first-child{background:var(--brand);color:#fff}.quick span{font-size:12px;opacity:.7}.notice{padding:13px 16px;background:#fff3df;border:1px solid #f3d5a5;border-radius:10px;margin:0 0 20px}.grid-form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.grid-form button{align-self:end}.narrow{max-width:720px}.narrow form{display:grid;gap:18px;margin-top:24px}.two,.three{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.three{grid-template-columns:repeat(3,1fr)}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:11px;border-bottom:1px solid var(--line)}td{padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px}.inline{display:flex;gap:6px}.inline button{padding:7px 10px;font-size:11px}.table-scroll{overflow:auto}.table-scroll table{min-width:1250px}.table-scroll td input{width:86px;padding:8px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.paper{background:#e8ece8;padding:40px}.payslip{max-width:850px;margin:auto;background:#fff;border-radius:8px;padding:52px;box-shadow:0 18px 55px #15291c22}.payslip>p{color:var(--muted);max-width:600px}.slip-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid var(--line);padding:24px 0;margin:30px 0}.slip-meta div{display:grid;gap:4px}.slip-meta small,.net small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.slip-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.slip-grid section{border:1px solid var(--line);border-radius:12px;padding:20px}.slip-grid h3{font-size:13px;color:var(--brand);text-transform:uppercase}.slip-grid p{display:flex;justify-content:space-between}.slip-grid .total{border-top:1px solid var(--line);padding-top:14px}.net{margin-top:24px;background:var(--brand);color:#fff;border-radius:14px;padding:22px;display:flex;justify-content:space-between;align-items:center}.net small{color:#cfe6dc}.net strong{font:600 30px Georgia}.fine{text-align:center;font-size:11px;margin-top:24px!important}.payslip .brand>span{background:var(--brand)}@media(max-width:850px){.auth{grid-template-columns:1fr}.auth-art{display:none}.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.sidebar nav{margin-top:18px;display:flex;overflow:auto}.sidebar footer{display:none}.content{padding:24px 16px}.metrics,.quick,.steps,.grid-form{grid-template-columns:1fr}.two,.three,.slip-grid{grid-template-columns:1fr}.paper{padding:0}.payslip{padding:24px;border-radius:0}.panel-head{align-items:flex-start;flex-direction:column}}@media print{.paper{padding:0;background:#fff}.payslip{box-shadow:none}.payslip button{display:none}}