:root{--blue:#185fa5;--blue-light:#e6f1fb;--bg:#f7f8fa;--card:#fff;--border:#e3e6ec;--text:#1a1f2b;--muted:#6b7280;--success:#2e7d32;--danger:#c62828;--warning:#ef6c00;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:6px;padding:8px 14px;font-family:inherit;font-size:13px}button:hover:not(:disabled){background:#f0f2f5}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover:not(:disabled){background:#0f4778}button.danger{background:var(--danger);color:#fff;border-color:var(--danger)}button.danger:hover:not(:disabled){background:#8e1a1a}input,select,textarea{border:1px solid var(--border);background:#fff;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}.layout{min-height:100vh;display:flex}.sidebar{color:#cfd6e0;background:#1a263a;flex-shrink:0;width:220px;padding:20px 0}.sidebar h2{color:#fff;margin:0 0 24px;padding:0 20px;font-size:15px}.sidebar nav a{color:#cfd6e0;border-left:3px solid #0000;padding:10px 20px;font-size:14px;display:block}.sidebar nav a:hover{background:#ffffff0d;text-decoration:none}.sidebar nav a.active{color:#fff;border-left-color:var(--blue);background:#ffffff1a}.sidebar .userbox{color:#9ba4b3;border-top:1px solid #ffffff1a;margin-top:20px;padding:20px;font-size:12px}.sidebar .userbox button{width:100%;margin-top:8px}.main{flex:1;padding:24px 32px;overflow:auto}.main h1{margin:0 0 16px;font-size:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px 18px}.stat-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.stat-card .value{margin-top:6px;font-size:26px;font-weight:600}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#f3f5f9;font-size:11px;font-weight:500}tr:hover td{background:#fafbfd}.badge{border-radius:12px;padding:2px 9px;font-size:11px;font-weight:500;display:inline-block}.badge.submitted{color:var(--success);background:#e7f5e9}.badge.draft{color:var(--warning);background:#fdf3e3}.badge.admin{color:#5e35b1;background:#ebe1f5}.badge.rep{background:var(--blue-light);color:var(--blue)}.badge.inactive{color:#666;background:#f1f1f1}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{width:auto;min-width:200px}.toolbar .spacer{flex:1}.modal-backdrop{z-index:100;background:#0f141e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:440px;max-width:calc(100vw - 32px);padding:24px;box-shadow:0 20px 60px #0003}.modal h3{margin:0 0 16px;font-size:17px}.modal .row{margin-bottom:12px}.modal label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;display:block}.modal .actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.detail-grid .item{font-size:13px}.detail-grid .item .label{color:var(--muted);text-transform:uppercase;font-size:11px}.detail-grid .item .value{margin-top:2px}.section-title{border-bottom:1px solid var(--border);margin:24px 0 10px;padding-bottom:6px;font-size:14px;font-weight:600}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.photo-grid img{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:100%;height:140px}.login-wrap{background:linear-gradient(135deg,#185fa5 0%,#0f4778 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:10px;width:360px;padding:32px;box-shadow:0 12px 32px #0000002e}.login-card h2{margin:0 0 4px}.login-card p.sub{color:var(--muted);margin:0 0 20px;font-size:13px}.error{color:var(--danger);margin-top:8px;font-size:12px}.empty{text-align:center;color:var(--muted);padding:40px;font-size:14px}