:root{--border:#d8dce1;--text:#1f2937;--muted:#6b7280;--accent:#2563eb;--bg:#f7f8fa}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.top-nav{border-bottom:1px solid var(--border);background:#fff;gap:1.5rem;padding:1rem 2rem;display:flex}.top-nav a{color:var(--text);font-weight:500;text-decoration:none}.card,.auth-card{border:1px solid var(--border);background:#fff;border-radius:8px;max-width:640px;margin:2rem auto;padding:2rem}.auth-card{max-width:400px}label{margin-bottom:1rem;font-size:.9rem;font-weight:500;display:block}input,select,textarea{border:1px solid var(--border);border-radius:6px;width:100%;margin-top:.35rem;padding:.5rem;font-family:inherit;font-size:.95rem;display:block}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.95rem}button:disabled{opacity:.6;cursor:not-allowed}.link-button{color:var(--accent);background:0 0;padding:0}.error{color:#dc2626;font-size:.9rem}.muted{color:var(--muted);font-size:.85rem}.request-item{border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1rem}.request-header{justify-content:space-between;align-items:center;display:flex}.status{text-transform:capitalize;background:#e5e7eb;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.status-open{color:#1e40af;background:#dbeafe}.status-assigned{color:#3730a3;background:#e0e7ff}.status-in-progress{color:#92400e;background:#fef3c7}.status-pending-employee{color:#9d174d;background:#fce7f3}.status-resolved{color:#065f46;background:#d1fae5}.status-closed{color:#374151;background:#e5e7eb}.status-cancelled{color:#991b1b;background:#fee2e2}.comments{margin:1rem 0}.comment{border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem}.comment-employee{background:#eff6ff}.comment-admin{background:#f0fdf4}.comment p{margin:.25rem 0 0}.reply-box textarea{margin-bottom:.5rem}.admin-layout{grid-template-columns:320px 1fr;height:calc(100vh - 60px);display:grid}.admin-sidebar{border-right:1px solid var(--border);background:#fff;padding:1rem;overflow-y:auto}.admin-header{justify-content:space-between;align-items:center;display:flex}.request-list{padding:0;list-style:none}.request-list li{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.request-list li.selected{background:var(--bg)}.admin-detail{padding:2rem;overflow-y:auto}
