@import "https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--hka-blue:#00b2bf;--hka-blue-dark:#007d87;--dark-grey:#253642;--light-grey:#ededed;--muted:#61717b;--border:#dce2e5;--surface:#fff;--background:#f5f7f8;--success:#287a42;--danger:#a52d2d;color:var(--dark-grey);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;font-family:Libre Franklin,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--background);min-height:100vh;margin:0}a{color:var(--hka-blue-dark);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--dark-grey)}button,input,select,textarea{font:inherit}button,.button{color:#fff;background:var(--dark-grey);cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}button:hover,.button:hover{color:#fff;background:#344c5b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #f37043}.button-primary{background:var(--hka-blue-dark)}.button-primary:hover{background:#00636c}.button-quiet{min-height:36px;color:var(--dark-grey);border-color:var(--border);background:0 0}.button-quiet:hover{color:var(--dark-grey);background:var(--light-grey)}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:76px;padding:.7rem clamp(1rem,4vw,3rem);display:flex}.brand{color:var(--dark-grey);align-items:center;gap:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{width:106px;height:auto;display:block}.brand span{border-left:1px solid var(--border);padding-left:1rem;font-family:Montserrat,Arial,sans-serif}.topbar-actions{align-items:center;gap:1rem;display:flex}.signed-in{color:var(--muted);font-size:.9rem}.page-shell{width:min(1180px,100% - 2rem);min-height:calc(100vh - 134px);margin:0 auto;padding:clamp(1.5rem,4vw,3.25rem) 0}.site-footer{color:var(--muted);text-align:center;padding:1.25rem 2rem;font-size:.85rem}h1,h2,h3{color:var(--dark-grey);margin-top:0;font-family:Montserrat,Arial,sans-serif;line-height:1.2}h1{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem)}h2{font-size:1.35rem}p{line-height:1.65}.eyebrow{color:var(--hka-blue-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .6rem;font-size:.76rem;font-weight:700}.muted{color:var(--muted)}.hero{max-width:760px;margin-bottom:2.4rem}.hero p{max-width:650px;color:var(--muted);font-size:1.05rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin:2.5rem 0 1rem;display:flex}.section-heading h2{margin:0}.card-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem;display:grid}.card,.panel{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:1.35rem;box-shadow:0 2px 8px #2536420a}.card{min-height:168px;transition:transform .12s,box-shadow .12s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25364217}.card h2,.card h3{margin-bottom:.6rem}.card p{color:var(--muted);margin:0}.form-stack{gap:1rem;display:grid}.field{gap:.4rem;display:grid}.field label{font-size:.9rem;font-weight:600}.field input,.field select,.field textarea,.password-output{width:100%;min-height:44px;color:var(--dark-grey);background:#fff;border:1px solid #aebbc2;border-radius:6px;padding:.65rem .75rem}.field textarea{resize:vertical;min-height:90px}.login-panel{width:min(520px,100%);margin:3rem auto}.login-panel .form-stack{margin-top:1.5rem}.divider{color:var(--muted);align-items:center;gap:.8rem;margin:.35rem 0;font-size:.82rem;display:flex}.divider:before,.divider:after{background:var(--border);content:"";flex:1;height:1px}.notice{border-left:4px solid var(--hka-blue);background:#e7f7f8;border-radius:4px;margin:1rem 0;padding:.9rem 1rem}.notice-error{border-color:var(--danger);background:#fff1f1}.status{color:var(--success);background:#e8f5eb;border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border);vertical-align:top;padding:.8rem 1rem}th{background:#f4f7f8;font-size:.82rem}tr:last-child td{border-bottom:0}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.tool-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:1rem;display:grid}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.checkbox-row{align-items:center;gap:.6rem;min-height:40px;display:flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--hka-blue-dark)}.password-output{overflow-wrap:anywhere;min-height:52px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.05rem}.empty-state{color:var(--muted);text-align:center;background:#fff;border:1px dashed #aebbc2;border-radius:8px;padding:2rem}.tree-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.tree-row{border:1px solid var(--border);background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.tree-row small{color:var(--muted)}.admin-nav{flex-wrap:wrap;gap:.55rem;margin:1.25rem 0 2rem;display:flex}.admin-nav a{border:1px solid var(--border);background:#fff;border-radius:6px;padding:.5rem .75rem;text-decoration:none}@media (max-width:760px){.tool-layout{grid-template-columns:1fr}.signed-in{display:none}.brand img{width:88px}}