:root{--accent: #28a745;--accent-strong: #218838;--bg: #ffffff;--bg-layer: #ffffff;--bg-subtle: #f5faf7;--bg-input: #ffffff;--border: #dce8e2;--border-soft: #edf3f0;--text: #17211c;--text-strong: #07110d;--muted: #64756d;--muted-strong: #4f6259;--error: #b4422d;--success: #12694d;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--accent: #37c889;--accent-strong: #218838;--bg: #101612;--bg-layer: #151d18;--bg-subtle: #111a15;--bg-input: #0c120f;--border: #26352d;--border-soft: #1f2b25;--text: #e7f0eb;--text-strong: #f5fbf8;--muted: #96a79f;--muted-strong: #b0c0b9;--error: #ff9f87;--success: #8ee6c3}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0,0,0,0)}.topbar{align-items:center;background:#218838;border-bottom:1px solid #218838;display:flex;gap:18px;justify-content:space-between;padding:16px clamp(18px,4vw,48px)}.brand{align-items:center;display:flex;color:#fff;font-size:19px;font-weight:700;letter-spacing:0}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.nav a,.nav button,.button,.theme-button,.danger-button{align-items:center;background:var(--bg-layer);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;min-height:36px;padding:7px 12px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.topbar .nav a,.topbar .nav button,.topbar .theme-button{background:transparent;border-color:#ffffff57;color:#fff;border-radius:6px}.topbar .theme-button span{color:#fff}.topbar .nav a:hover,.topbar .nav button:hover,.topbar .theme-button:hover{background:#ffffff1f;border-color:#fff;color:#fff}.nav button,.button,.theme-button,.danger-button{border-radius:6px}.button{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;min-height:32px;padding:5px 10px;font-weight:600}.theme-button span{color:var(--text);display:inline;font-size:14px;margin:0}.page{margin:0;max-width:none;padding:24px clamp(14px,3vw,42px) 42px;width:100%}.page-header{align-items:end;display:flex;gap:24px;justify-content:space-between;margin-bottom:22px}.page-header h1{font-size:clamp(28px,5vw,58px);line-height:1;margin:0}.page-header p{color:var(--muted-strong);line-height:1.6;margin:10px 0 0;max-width:680px}.panel{background:var(--bg-layer);border:1px solid var(--border);padding:16px}.filters{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.field{display:grid;gap:7px}.field label{color:var(--muted);font-size:12px}.field input,.login-box input,.field textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text-strong);min-height:40px;outline:none;padding:9px 10px;width:100%}.field input:focus,.login-box input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{line-height:1.5;min-height:180px;resize:vertical}.form-panel{display:grid;gap:16px;max-width:820px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.captcha-field{max-width:260px}.table-wrap{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;min-width:1280px;width:100%}th,td{border-bottom:1px solid var(--border-soft);padding:10px 9px;text-align:left;vertical-align:top}th{background:#050505;color:#fff;font-size:12px;position:sticky;top:0;white-space:nowrap}td{color:var(--text);font-size:13px}.sort-button{background:transparent;border:0;color:var(--accent);cursor:pointer;display:inline-flex;gap:5px;padding:0}th .sort-button{color:#fff}tbody tr:hover td{background:var(--bg-subtle)}.sort-button:hover,.nav a:hover,.nav button:hover,.button:hover,.theme-button:hover{border-color:var(--accent);color:var(--accent-strong)}.button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.button:focus,.theme-button:focus,.danger-button:focus,.nav a:focus,.nav button:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent);outline:none}.danger-button{background:#fff;border-color:var(--error);color:var(--error);min-height:30px;padding:5px 8px}.danger-button:hover{background:var(--error);border-color:var(--error);color:#fff}.muted{color:var(--muted)}.status-line{align-items:center;color:var(--muted-strong);display:flex;gap:10px;justify-content:space-between;margin-top:14px}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}.pagination button,.pagination-gap{align-items:center;background:var(--bg-layer);border:1px solid var(--border);border-radius:6px;color:var(--text);display:inline-flex;font-size:14px;justify-content:center;min-height:32px;min-width:34px;padding:5px 10px}.pagination button{cursor:pointer}.pagination button:hover:not(:disabled),.pagination button.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination button:disabled{background:var(--bg-subtle);color:var(--muted);cursor:not-allowed;opacity:.55}.pagination-gap{color:var(--muted)}.upload-zone{align-items:center;border:1px dashed color-mix(in srgb,var(--accent) 68%,transparent);display:grid;gap:16px;justify-items:start;margin-top:12px;padding:26px}#admin-records{margin-top:18px}.login-box{margin:70px auto;max-width:420px}.login-box h1{margin-top:0}.error{color:var(--error);font-size:14px}.success{color:var(--success);font-size:14px}.alert{border:1px solid transparent;border-radius:6px;font-size:14px;line-height:1.45;margin:0;padding:10px 12px}.alert-success{background:#d1e7dd;border-color:#badbcc;color:#0f5132}.alert-danger{background:#f8d7da;border-color:#f5c2c7;color:#842029}@media (max-width: 900px){.filters,.page-header,.form-grid{grid-template-columns:1fr}.filters{display:grid}.page-header{align-items:start;display:grid}}@media (max-width: 640px){.page{padding:12px 8px 28px}.panel{padding:10px}}