:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#17202a;background:#f4f6f8}*{box-sizing:border-box}body{margin:0}header{height:68px;background:#fff;border-bottom:1px solid #e2e7eb;display:flex;align-items:center;padding:0 5%;gap:34px}.brand{font-size:20px;font-weight:800;letter-spacing:-.2px}.brand span{color:#13795b}nav{display:flex;gap:8px;flex:1}nav a,.logout{padding:9px 13px;color:#59636d;text-decoration:none;border-radius:6px;font-size:14px}nav a.active,nav a:hover{background:#e8f5ef;color:#0b6b4f}.logout{color:#9a3030}main{max-width:1180px;margin:0 auto;padding:46px 5% 80px}.hero{margin-bottom:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#13795b;margin:0 0 10px}h1{font-size:32px;line-height:1.15;margin:0 0 8px;letter-spacing:0}h2{font-size:18px;margin:0 0 5px}.muted{color:#6c7680}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.card,.table-wrap{background:#fff;border:1px solid #e2e7eb;border-radius:8px;padding:22px}.card strong{display:block;font-size:28px;margin:12px 0 4px}.card small{color:#77818a}.wide{margin-top:18px}.card-head,.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button,button{border:0;border-radius:6px;background:#13795b;color:#fff;padding:10px 14px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}.button.secondary,button.secondary{background:#e8f5ef;color:#0b6b4f}.danger{background:#fff0f0;color:#a92828;padding:6px 9px;font-size:12px}.inline{display:flex;gap:8px;align-items:center;margin:0}input{border:1px solid #ccd4da;border-radius:6px;padding:10px 11px;font:inherit;max-width:260px;background:#fff}.breadcrumbs{display:flex;gap:8px;align-items:center;margin:12px 0;color:#71808a;font-size:14px}.breadcrumbs a,table a{color:#0b6b4f;text-decoration:none}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #edf0f2;white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:#74808a;background:#fafbfc}tr:last-child td{border-bottom:0}.success,.error{padding:12px 15px;border-radius:6px;margin-bottom:18px;font-size:14px}.success{background:#e8f5ef;color:#0b6b4f}.error{background:#fff0f0;color:#a92828}.login{min-height:100vh;display:grid;place-items:center;background:#f4f6f8}.login-box{background:#fff;width:min(390px,90vw);padding:34px;border:1px solid #e2e7eb;border-radius:8px;box-shadow:0 12px 35px #17202a12}.login-box label{display:block;font-size:13px;font-weight:700;margin:17px 0}.login-box input{display:block;width:100%;max-width:none;margin-top:7px}.login-box button{width:100%;margin-top:8px}.settings-form{max-width:520px;display:grid;gap:15px}.settings-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.settings-form input{max-width:none}.create-db-form{max-width:900px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700}.form-grid input{max-width:none}@media(max-width:760px){header{padding:0 4%;gap:10px}header nav{gap:0}nav a{padding:8px;font-size:13px}main{padding:30px 4%}.grid,.form-grid{grid-template-columns:1fr}.page-head{display:block}.page-head .actions{margin-top:18px}.inline{flex-wrap:wrap}}