.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.topnav{display:flex;align-items:center;gap:16px;font-size:.92rem}.topnav a,.topnav span{color:var(--ink);text-decoration:none}.topnav form{margin:0}.link-button{width:auto;margin:0;padding:0;background:none;color:var(--blue);font-weight:600}.wide{max-width:95%}.table-card{padding:32px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:26px}.page-head h1{font-size:clamp(2rem,4vw,2.7rem)}.btn{display:inline-block;width:auto;padding:11px 17px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:650}.btn.secondary{background:#e8f0f4;color:var(--blue-dark)}.alert{padding:12px 16px;margin-bottom:20px;border-radius:9px}.alert.success{background:#def5e9;color:#185e3b}.field-error{margin:-12px 0 15px;color:#a62020;font-size:.88rem}.check{display:flex;align-items:center;gap:8px;margin:8px 0 16px}.check input{width:auto;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 24px}.span-2{grid-column:span 2}.input-prefix{display:flex;align-items:center;border:1px solid #bbc3cc;border-radius:7px;overflow:hidden;margin:7px 0 18px}.input-prefix span{padding:12px;background:#edf2f5;color:var(--muted)}.input-prefix input{border:0;margin:0}.filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr)) auto;gap:10px;align-items:center;margin-bottom:22px}.filters input,.filters select,.filters button{margin:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f5f8fa;color:#526474;font-size:.77rem;letter-spacing:.04em;text-transform:uppercase}.truncate{display:block;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td small{display:block;margin-top:5px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:7px;min-width:230px}.actions form{margin:0}.actions button,.copy-btn{width:auto;margin:0;padding:5px 8px;background:#edf3f6;color:var(--blue-dark);font-size:.78rem}.actions .danger{color:#9d1e1e;background:#faeaea}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.bg-green-lt{background:#dff6e9}.bg-orange-lt{background:#fff0d6}.badge,.badge *,.bg-blue-lt,.bg-green-lt,.bg-orange-lt,.bg-primary-lt,.bg-secondary-lt,.bg-success-lt,.bg-warning-lt,.bg-danger-lt,.bg-azure-lt{color:#000!important}.empty{text-align:center;padding:36px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:28px 0}.stats div{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.stats span{display:block;color:var(--muted);font-size:.78rem}.stats strong{display:block;margin-top:7px;font-size:1.35rem}.detail-url{max-width:700px}.chart{display:flex;align-items:flex-end;gap:5px;height:230px;padding:20px;border:1px solid var(--line);border-radius:12px}.bar-wrap{display:flex;flex:1;height:100%;min-width:10px;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{width:80%;min-height:4px;border-radius:4px 4px 0 0;background:linear-gradient(#1789b5,#0b5d8c)}.bar-wrap small{font-size:.62rem;color:var(--muted);writing-mode:vertical-rl}.role-form{min-width:200px}.role-form .check{margin:3px 0}@media(max-width:850px){.site-header{align-items:flex-start}.topnav{flex-wrap:wrap;justify-content:flex-end}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:span 2}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}@media(max-width:560px){.site-header{display:block}.topnav{margin-top:18px;justify-content:flex-start}.wide{max-width:100%}.table-card{padding:20px 12px}.page-head{display:block}.page-head .btn{margin-top:12px}.filters{display:block}.filters>*{margin-bottom:9px!important}.stats{grid-template-columns:1fr 1fr}}