@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&family=Spectral:wght@400;600;700&display=swap";
:root{--bg:#f7f2ec;--bg-2:#f3f7f0;--ink:#1f1a14;--muted:#6b6259;--accent:#2f6f5e;--accent-2:#f0a500;--accent-3:#1c3f5c;--card:#ffffffdb;--stroke:#1f1a141f;--shadow:0 18px 45px #1014141f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background:radial-gradient(1200px 600px at 10% 0%,#fef6e8 0%,transparent 60%),radial-gradient(900px 600px at 90% 10%,#e6f4ef 0%,transparent 55%),linear-gradient(180deg,var(--bg)0%,var(--bg-2)100%);font-family:"Source Sans 3",Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}main{justify-content:center;min-height:100vh;display:flex}.container{width:min(1200px,92vw);padding:36px 0 80px}.section-block{margin-top:28px}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section-header h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:18px}.section-header p{color:var(--muted);font-size:13px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.logo-group{align-items:center;gap:16px;display:flex}.logo-card{border:1px solid var(--stroke);background:#ffffffe6;border-radius:16px;place-items:center;padding:10px 16px;display:grid}.logo-card img{width:auto;height:42px;display:block}.topbar h1{font-family:Spectral,serif;font-size:clamp(20px,2.4vw,32px)}.topbar p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;margin-bottom:32px;display:grid}@media (max-width:900px){.hero{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.brand-card,.panel{background:var(--card);border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:24px}.brand-card h1{margin-bottom:12px;font-family:Spectral,serif;font-size:clamp(28px,3vw,40px)}.brand-card p{color:var(--muted);line-height:1.6}.badge{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;background:#2f6f5e1a;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button{cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-weight:600;transition:transform .2s,box-shadow .2s}.button.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #2f6f5e4d}.button.secondary{color:#7a4a00;background:#f0a5002e}.button:hover{transform:translateY(-2px)}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title h2{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:20px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--stroke);vertical-align:top;padding:12px 10px}.table tbody tr:hover{background:#2f6f5e0f}.table th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.table-responsive{width:100%;overflow-x:auto}.summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px;display:grid}.summary-card{border:1px solid var(--stroke);background:#fffc;border-radius:16px;padding:12px}.summary-card span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px;display:block}.summary-card strong{margin-top:4px;font-size:20px;display:block}.status{align-items:center;gap:6px;font-weight:600;display:inline-flex}.status span{border-radius:50%;width:10px;height:10px;display:inline-block}.status.present span{background:#29a36b}.status.absent span{background:#d94f4f}.field{gap:6px;margin-bottom:12px;display:grid}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.field input,.field textarea,.field select{border:1px solid var(--stroke);background:#ffffffe6;border-radius:12px;padding:10px 12px}.field textarea{resize:vertical;min-height:90px}.table td textarea,.table td select,.table td input[type=text]{width:100%}.toggle{align-items:center;gap:8px;font-weight:600;display:inline-flex}.toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.details{font-size:13px}.details summary{cursor:pointer;color:var(--accent-3);font-weight:600}.details-body{color:var(--muted);gap:4px;margin-top:6px;display:grid}@media (max-width:720px){.container{padding:24px 0 60px}.table thead{display:none}.table,.table tbody,.table tr,.table td{width:100%;display:block}.table tr{border:1px solid var(--stroke);background:#ffffffe6;border-radius:18px;margin-bottom:12px;padding:12px}.table td{border:none;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}.table td.cell-full{flex-direction:column;align-items:flex-start}.table td.cell-full:before{margin-bottom:6px}}.helper{color:var(--muted);margin-top:6px;font-size:12px}.pill{color:var(--accent);background:#2f6f5e1f;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.panel header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel header h3{font-size:18px}.split{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.fade-in{animation:.6s both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
