:root{--bg:#f5f7fb;--line:#e4e8f0;--ink:#18243b;--muted:#65728a;--accent:#5b4de7;--rail:#131d32}body{font-size:14px}.shell{grid-template-columns:252px minmax(0,1fr)}main{max-width:1800px;width:100%;margin-inline:auto}.sidebar{padding:28px 18px}.nav button{border-radius:10px;padding:10px 13px}.nav button.active{background:#5b4de7;color:#fff;box-shadow:0 5px 18px #080b1840}.nav-group{margin-top:20px}.nav-search{margin-bottom:16px;color:#fff;background:#ffffff0c;border-color:#ffffff20}.nav-search::placeholder{color:#a9b6cf}.page-guide{font-size:13px;color:var(--muted);padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px}.card,.metric{border-radius:16px;box-shadow:0 4px 18px #243b5a05}.top{gap:20px;flex-wrap:wrap}.table-wrap{border:1px solid var(--line);padding:0;overflow:auto}table{width:100%}thead{background:#f8faff}th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:17px 20px}td{padding:17px 20px;vertical-align:top}tbody tr:hover{background:#fafbff}.record-cell{gap:12px}.record-avatar{border-radius:12px;background:#eeeaff;color:var(--accent);flex-shrink:0}.record-cell strong{font-size:15px}.technical-id{font-size:11px;color:var(--muted);margin:7px 0;max-width:100%;border:none}.technical-id summary{cursor:pointer;width:fit-content}.technical-id code{display:inline-block;direction:ltr;unicode-bidi:isolate;font-size:11px;overflow-wrap:anywhere;user-select:all;padding:5px 7px;background:#f3f5f9;border-radius:5px;margin-inline-end:6px}.technical-id button{min-height:26px;padding:2px 8px;font-size:11px}.property{gap:20px;padding:10px 0}.property strong{overflow-wrap:anywhere;text-align:end;max-width:70%}.record-section{border-radius:12px;padding:13px 16px;background:#fafbfe;margin:10px 0}.record-section summary{font-weight:650}.dialog{width:min(850px,94vw);max-height:88vh;border-radius:18px;padding:26px;box-shadow:0 24px 90px #10172d35}.dialog::backdrop{background:#10192d80;backdrop-filter:blur(3px)}.dialog header{position:sticky;top:-26px;background:white;padding:12px 0;z-index:2}.record-actions{position:sticky;bottom:-26px;background:white;border-top:1px solid var(--line);padding:16px 0;display:flex;flex-wrap:wrap;gap:8px}.choose-record{font-size:12px;min-height:34px;color:var(--accent);background:#f6f4ff;border-color:#e3defe}.selected-name{color:#187656;font-weight:650}.picker-dialog form{display:flex;gap:8px;margin:18px 0}.picker-results{display:grid;gap:8px;max-height:55vh;overflow:auto}.picker-result{text-align:start;display:grid;gap:4px;width:100%;padding:13px 16px}.picker-result small{font-weight:400;font-size:11px;overflow-wrap:anywhere}.workspace-toolbar{align-items:end;gap:12px}.workspace-toolbar .field{min-width:240px}.pager{padding:16px 0;display:flex;align-items:center;gap:10px}.pager span{margin-inline-end:auto;color:var(--muted)}.mobile-menu{display:none}.badge{border-radius:100px;font-size:12px}.empty{padding:48px 20px;text-align:center}.login{border-radius:22px}.skeleton{min-height:90px;border-radius:14px}.detail-tabs{display:flex;gap:8px;margin:16px 0}.detail-tabs button{border-radius:100px}.member-row{flex-wrap:wrap}.member-row .technical-id{margin-inline-start:auto}.actions{flex-wrap:wrap}.error{border-radius:12px;padding:16px;overflow-wrap:anywhere}button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #bbb5ff;outline-offset:3px}
@media(max-width:900px){.shell{display:block}.sidebar{display:none;position:static;height:auto;max-height:65vh}.menu-open .sidebar{display:block}.mobile-menu{display:inline-flex;margin-bottom:8px}main{padding:20px!important}.top h1{font-size:25px}.top .actions{gap:6px}.workspace-toolbar{flex-wrap:wrap}.workspace-toolbar .field{width:100%;min-width:0}.dialog{padding:20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-actions{position:static}.page-guide{font-size:12px}td,th{padding:13px}.property strong{max-width:65%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
