.login { max-width:420px; display:grid; gap:12px; }
.login[hidden] { display:none; }
.toolbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.sample { margin-bottom:16px; }
.sample-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.sample-actions { display:flex; gap:8px; flex-wrap:wrap; }
.diff { width:100%; border-collapse:collapse; margin-top:14px; }
.diff th,.diff td { padding:8px; border-bottom:1px solid var(--line); text-align:left; }
.changed { background:#fff2d7; }
.sample-image { display:block; max-width:100%; max-height:520px; object-fit:contain; margin-top:14px; border-radius:10px; }
.badge { border-radius:999px; background:var(--pale); padding:4px 9px; font-size:12px; font-weight:700; }
.badge.approved { background:#d8f1e4; color:#0f6844; }
.badge.rejected { background:#ffe1dc; color:var(--danger); }
.admin-message { padding:11px 14px; background:#d8f1e4; color:#0f6844; border-radius:9px; font-weight:700; }
.category-admin { margin-bottom:22px; }
.archive-review { margin-bottom:22px; }
.archive-toolbar { display:grid;grid-template-columns:1.2fr 1fr 1.4fr auto;gap:9px; }
.archive-summary { display:flex;flex-wrap:wrap;gap:10px;margin:14px 0; }
.archive-summary span { padding:7px 10px;background:var(--pale);border-radius:999px;font-size:13px;font-weight:700; }
.archive-row { display:grid;grid-template-columns:90px minmax(220px,1.5fr) minmax(150px,1fr) minmax(130px,.8fr);gap:12px;align-items:start;padding:12px 0;border-top:1px solid var(--line); }
.archive-row small {display:block;color:var(--muted)}
.archive-actions {grid-column:1/-1;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.archive-actions button{padding:7px 9px;font-size:12px}
.archive-image-modal {width:min(1050px,calc(100vw - 28px));max-height:92vh;border:0;border-radius:14px;padding:20px;box-shadow:0 18px 70px #10251c55}
.archive-image-modal::backdrop{background:#10251c99}.archive-image-modal .modal-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px}.archive-image-modal h2{margin:0}.archive-image-modal img{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:14px auto 0;border:1px solid var(--line);border-radius:9px;background:#f5f6f4}
.archive-duplicate {border:1px solid var(--line);border-radius:10px;margin:10px 0;background:#fbfcfb;overflow:hidden}
.archive-duplicate summary {cursor:pointer;padding:13px 15px;background:#eef5f1;font-weight:800;list-style-position:inside}
.archive-duplicate > div {padding:0 14px}.archive-duplicate .archive-row:last-child{padding-bottom:14px}
.archive-pager {display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}
.user-admin { margin-bottom:22px; }
.user-admin form { display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr auto;gap:9px; }
.user-row { display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(150px,1fr) auto auto auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line); }
.user-row small {display:block;color:var(--muted)}
.user-row select {min-width:155px}
.category-admin form { display:grid; grid-template-columns:1fr 1.5fr 110px auto; gap:9px; }
.category-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }
.category-row small { color:var(--muted); }
@media(max-width:900px){.user-admin form,.user-row,.archive-toolbar,.archive-row{grid-template-columns:1fr}.category-admin form{grid-template-columns:1fr}.category-row{align-items:flex-start;flex-direction:column}}
.settings-group{margin-bottom:18px}.setting-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(220px,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #e4e9e6}.setting-row small{display:block;color:#60706a;margin-top:3px}.setting-row input,.setting-row select{width:100%}@media(max-width:760px){.setting-row{grid-template-columns:1fr}}
.permission-admin{margin-bottom:22px}.permission-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.permission-legend{padding:6px 10px;border-radius:999px;background:var(--pale);color:var(--green);font-size:12px;font-weight:750;white-space:nowrap}.permission-group{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.permission-group h3,.user-permission-list h3{margin:0 0 8px;color:var(--green);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.permission-row{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(120px,.35fr));gap:12px;align-items:center;padding:10px;border-radius:8px}.permission-row:nth-child(even){background:#f7f9f8}.permission-row small,.user-permission-row small{display:block;color:var(--muted)}.permission-check{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}.permission-check input{width:auto}.permission-modal{width:min(760px,calc(100vw - 28px));max-height:88vh;border:0;border-radius:16px;padding:22px;box-shadow:0 20px 70px #10251c55}.permission-modal::backdrop{background:#10251c99}.permission-modal .modal-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:13px}.permission-modal h2{margin:0}.user-permission-list{max-height:56vh;overflow:auto}.user-permission-row{display:grid;grid-template-columns:1fr 210px;gap:18px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}.modal-actions{display:flex;justify-content:flex-end;margin-top:16px}@media(max-width:900px){.permission-row{grid-template-columns:1fr}.user-permission-row{grid-template-columns:1fr}.permission-heading{display:block}}