/* finesse · register=product · A=slate blue · B=compact system sans · C=sidebar and table · D=CSS feedback · E=flat panels · SOUL=4 SPECTACLE=1 DENSITY=8 */
:root{color:#273549;background:#eef1f5;font:13px Arial,"Microsoft YaHei",sans-serif;--blue:#1673c9;--line:#e6ebf1;--paper:#fefeff}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{min-height:100dvh;display:grid;grid-template-columns:164px minmax(0,1fr)}a{color:#075da5}button,input,select{font:inherit;outline-offset:3px}button{white-space:nowrap;cursor:pointer;color:inherit;background:var(--paper);border:1px solid #dbe2eb;border-radius:4px;min-height:36px;padding:0 12px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #1875cd}input,select{border:1px solid #ccd6e3;border-radius:4px;background:var(--paper);color:inherit;min-height:36px;padding:0 10px;width:100%;min-width:0}.side{background:#2e4054;color:#e1e8f1;min-height:100dvh}.side h1{font-size:14px;margin:0;height:54px;display:flex;align-items:center;padding:0 13px;gap:7px;white-space:nowrap}.side h1 span{font-size:23px;color:#64d6bd}.side summary{cursor:pointer;padding:14px 10px;white-space:nowrap}.side details{border-bottom:1px solid #ffffff12}.side details button{display:block;width:100%;text-align:left;padding-left:33px;border:0;border-radius:0;background:#26384b;color:#d9e2ed;min-height:42px}.side button[aria-current=page]{color:#8dc8ff;background:#192b3d}.shell header{min-height:53px;padding:0 19px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.shell header a{white-space:nowrap}.tabbar{display:flex;gap:5px;background:var(--paper);padding:7px 14px;border-bottom:1px solid #dce3ed;align-items:center;overflow:auto}.tabbar span{padding:0 9px;white-space:nowrap}.tabbar button{min-height:30px}.tabbar button[aria-current=page],.primary{background:var(--blue);color:var(--paper);border-color:var(--blue)}main{margin:12px;background:var(--paper);padding:12px;min-height:calc(100dvh - 112px)}.demo{color:#526982;background:#eef5fd;border-radius:4px;padding:9px 12px;margin-bottom:12px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.filters label{display:flex;align-items:center;white-space:nowrap;gap:8px}.filters input{width:184px}.add{color:#1164aa;border-color:#b8dbff;background:#edf6ff}.table-scroll{overflow:auto;margin-top:10px}.table-scroll:focus-visible{outline:2px solid #1875cd}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:center}th,td{padding:9px 12px;border-bottom:1px solid var(--line)}th{background:#f4f6fa;color:#475970;height:40px;font-weight:600}td{height:47px}td img{display:block;margin:auto;width:40px;height:40px;object-fit:cover;border-radius:5px}.edit{color:#0966b3;border-color:transparent;background:none}.edit:hover{background:#edf6ff}.empty{color:#506275;padding:24px}#footer{display:flex;gap:9px;justify-content:flex-end;align-items:center;padding:15px 0;color:#536478}#footer button{min-width:36px}dialog{width:min(450px,calc(100% - 24px));border:0;border-radius:9px;padding:22px;color:inherit;background:var(--paper)}dialog::backdrop{background:#1c314e8c}dialog h2{margin:0 0 18px}#fields{display:grid;gap:9px;max-height:60dvh;overflow:auto;padding:3px}#fields label{display:grid;gap:4px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}@media(max-width:660px){body{display:block}.side{min-height:auto}.side nav{display:flex;overflow:auto}.side nav details{min-width:116px}.side h1{height:38px}.side summary{padding:10px 6px}.side details button{padding-left:12px}.filters input{width:135px}main{margin:7px}.shell header{padding:0 9px}}