@media(max-width:768px){.page-main{padding-left:16px!important;padding-right:16px!important}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:100;animation:fadeIn .15s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:520px;background:#fff;box-shadow:-4px 0 32px #0000001f;display:flex;flex-direction:column;z-index:101;animation:slideIn .2s ease;overflow:hidden}@media(max-width:768px){.drawer{width:100%}}.drawer-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:1;flex-shrink:0}.drawer-avatar{width:44px;height:44px;border-radius:50%;background:#e67e22;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-client-info{flex:1;min-width:0}.drawer-client-name{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-client-meta{font-size:12px;color:#888;margin-top:2px}.drawer-badges{display:flex;gap:6px;align-items:center}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;white-space:nowrap}.badge-orange{background:#fdebd0;color:#e67e22}.badge-green{background:#d5f5e3;color:#1e8449}.badge-red{background:#fadbd8;color:#c0392b}.badge-gray{background:#f0f0f0;color:#555}.drawer-close{background:none;border:none;cursor:pointer;font-size:20px;color:#888;padding:4px;line-height:1;flex-shrink:0}.drawer-close:hover{color:#333}.drawer-body{flex:1;overflow-y:auto;padding:24px}.drawer-section{margin-bottom:28px;background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden}.drawer-section-title{font-size:13px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.05em;padding:14px 16px 12px;border-bottom:1px solid #eee;background:#fafafa}.drawer-section-body{padding:16px}.skeleton{background:#f0f0f0;border-radius:4px;animation:pulse 1.2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.onb-card{border:1px solid #e5e7eb;border-radius:10px;background:#fff;margin-bottom:8px}.onb-header{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-wrap:wrap}.onb-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.onb-meta{display:flex;gap:6px;font-size:12px;color:#6b7280;margin-top:2px;font-family:ui-monospace,monospace;flex-wrap:wrap}.onb-chevron{font-size:20px;color:#9ca3af;transition:transform .2s ease;line-height:1;flex-shrink:0}.onb-body{padding:8px 16px 14px;border-top:1px solid #f3f4f6}@media(max-width:768px){.onb-header{padding:10px 12px;gap:10px}.onb-body{padding:8px 10px 12px}.onb-meta{font-size:11px}}