:root{font-family:Arial,Helvetica,sans-serif;color:#061733;background:#f4f7fb}body{margin:0}.wrap{max-width:1320px;margin:0 auto;padding:24px}h1{font-size:36px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.card,.panel{background:white;border:1px solid #dbe3ef;border-radius:18px;padding:22px;margin:18px 0}.card span{display:block;color:#5b6b82}.card strong{font-size:38px}form{margin:18px 0;display:grid;gap:10px;max-width:520px}input{font-size:16px}button{border:0;border-radius:12px;padding:13px 18px;font-weight:700;cursor:pointer;width:max-content}.primary,button{background:#2563eb;color:white}table{width:100%;border-collapse:collapse;margin:10px 0 24px}th,td{text-align:left;padding:10px;border-bottom:1px solid #dbe3ef;vertical-align:top}th{background:#f8fafc}small{color:#607089}li{margin:10px 0}.path{font-size:.9rem;color:#526174;max-width:360px;word-break:break-word}.hint{color:#666;font-size:.95rem}.card.warn{border-color:#f0c36d}.card.danger{border-color:#f87171}.card.review{border-color:#93c5fd}.card.ok{border-color:#86efac}.attention{border-color:#f0c36d}h3{margin-top:24px}
.buttonlink{display:inline-block;margin-right:10px;margin-top:6px;background:#0f766e;color:white;text-decoration:none;border-radius:12px;padding:11px 14px;font-weight:700}.warnbox{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;padding:12px}.okbox{background:#ecfdf5;border:1px solid #86efac;border-radius:12px;padding:12px}
.detailgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.detailgrid>div{background:#f7f7fb;border:1px solid #e6e6ef;border-radius:10px;padding:10px}form{display:inline}td form button{padding:6px 10px;font-size:12px}
.filters { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.filters input[type="search"] { min-width: 340px; flex: 1; }
.filters input, .filters select { padding: 10px; border: 1px solid #ccd3dd; border-radius: 8px; background: white; }
.primarylink { font-weight: 700; }
.editform{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.editform input{width:100%;padding:8px;border:1px solid #ccd;border-radius:8px}.editform .check{display:flex;gap:8px;align-items:center}.editform .check input{width:auto}.path{word-break:break-all}

.narrow { max-width: 520px; }
.loginbox { margin-top: 10vh; }
.loginbox input { width: 100%; max-width: 420px; }

.alert{padding:10px 12px;border-radius:8px;margin:10px 0}.alert.bad{background:#ffe8e8}.alert.good{background:#e8ffe8}.narrow{max-width:720px}