*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f6f7f9;color:#1a1a1a}.app{display:grid;grid-template-columns:340px 1fr;height:100vh}.sidebar{border-right:1px solid #e3e6ea;overflow-y:auto;background:#fff}.main{overflow-y:auto;padding:24px}.item{padding:14px 16px;border-bottom:1px solid #eef0f3;cursor:pointer;display:flex;gap:12px;align-items:center}.item:hover{background:#f0f4ff}.item.active{background:#e7efff}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#e3e6ea}.card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:20px;margin-bottom:16px}.btn{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-right:8px}.btn.approve{background:#22a06b;color:#fff}.btn.reject{background:#e5484d;color:#fff}.btn.clarify{background:#f5a623;color:#fff}.btn.ghost{background:#eef0f3;color:#1a1a1a}.field{margin:6px 0}.label{color:#6b7280;font-size:13px}.doc{max-width:320px;border-radius:8px;border:1px solid #e3e6ea}input,textarea{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px}.login{max-width:420px;margin:80px auto}