*{box-sizing:border-box}body{color:#17263e;background:#f4f6fa;margin:0;font:16px system-ui,-apple-system,sans-serif}button,input,select{font:inherit;border:1px solid #d9e1eb;border-radius:10px;max-width:100%;min-height:48px;padding:10px 14px}button{cursor:pointer;color:#243a57;background:#fff}button:hover:not(:disabled){background:#edf3ff}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #8bb2ff}button.primary,nav a.active{color:#fff;background:#225ee9}button.danger{color:#b52536}input,select{background:#fff;width:100%;min-width:0}header{background:#fff;border-bottom:1px solid #e1e6ee;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:4px 20px;display:flex}header strong{font-size:18px}.head-actions{gap:6px;display:flex}.head-actions button{min-height:40px;padding:6px 10px;font-size:14px}.layout{grid-template-columns:190px minmax(0,1fr);max-width:1400px;margin:auto;display:grid}nav{flex-direction:column;gap:12px;padding:24px 16px;display:flex}nav a{color:#243a57;border-radius:10px;padding:14px 18px;text-decoration:none}main{width:100%;min-width:0;max-width:1100px;margin:auto;padding:28px}h1{margin:0 0 8px;font-size:26px}h2{font-size:20px}.toolbar,.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{margin:22px 0}.toolbar>input,.toolbar>.picker{flex:1;min-width:160px}.toolbar select{width:150px}.card{background:#fff;border:1px solid #e1e7ef;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;padding:20px;display:flex}.record{min-width:0}.code{overflow-wrap:anywhere;font-size:20px;font-weight:700}.tag{color:#255abd;overflow-wrap:anywhere;background:#eef3ff;border-radius:7px;margin-top:8px;padding:7px 10px;display:inline-block}.muted,small{color:#65768c}.muted{margin-top:6px}.login{background:#fff;border-radius:18px;max-width:430px;margin:45px auto;padding:30px}.login button{width:100%;margin-top:20px}label{margin:18px 0 8px;display:block}.error{color:#b52536;overflow-wrap:anywhere;margin:12px 0}.success{color:#12673d;background:#eaf8ee;border-radius:8px;padding:12px}.empty{text-align:center;color:#65768c;padding:50px}.hint{color:#65768c;margin-top:20px;font-size:14px;line-height:1.6}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex}.pager span{font-size:14px}.editor{max-width:760px;margin:auto}.editor-topbar{z-index:12;background:#f4f6fa;border-bottom:1px solid #dce3ed;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding:8px 0;display:flex;position:sticky;top:0}.editor-topbar h1{margin:0;font-size:22px}.editor-topbar .actions{flex-wrap:nowrap}.edit-card{background:#fff;border:1px solid #e1e7ef;border-radius:14px;padding:24px}.edit-card>label:first-child{margin-top:0}input[readonly]{color:#627187;background:#eef1f5}.notice{background:#edf3ff;border-radius:8px;padding:12px;font-size:14px}.tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.members{overscroll-behavior:contain;max-height:160px;overflow:auto}.selection-tag{color:#255abd;background:#eef3ff;border:1px solid #d5e1ff;border-radius:10px;align-items:center;gap:8px;max-width:100%;padding-left:12px;display:inline-flex}.selection-tag span{overflow-wrap:anywhere;min-width:0}.selection-tag button{color:#255abd;background:0 0;border:0;flex-shrink:0;min-width:48px;min-height:48px;padding:4px;font-size:24px}.picker-popup{z-index:100;overscroll-behavior:contain;background:#fff;border:1px solid #cbd7e8;border-radius:12px;padding:6px;overflow:auto;box-shadow:0 12px 30px #17263e30}.picker-popup button{text-align:left;overflow-wrap:anywhere;border:0;width:100%}.picker-popup button[aria-selected=true]{background:#edf3ff}.picker-popup small{margin-top:4px;display:block}.picker-popup p{margin:0;padding:8px}dialog{border:0;border-radius:18px;width:min(600px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0;box-shadow:0 20px 60px #15233f35}dialog::backdrop{background:#17263e66}.dialog-head{z-index:2;background:#fff;border-bottom:1px solid #e1e7ef;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex;position:sticky;top:0}.dialog-head h2{margin:0}.dialog-head button{min-width:48px}.dialog-body{overflow-wrap:anywhere;padding:4px 20px 20px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.import-rows{background:#f4f6fa;max-height:190px;padding:8px;font-size:14px;overflow:auto}@media (width<=700px){header{min-height:50px;padding:5px 12px}header strong{font-size:16px}.head-actions button{padding:5px 7px;font-size:12px}.layout{display:block}.layout>nav,.desktop-only{display:none}main{padding:20px 16px 24px}.card{flex-direction:column;align-items:flex-start;padding:16px}.card .actions{width:100%}.card .actions button{flex:1}.toolbar>input,.toolbar>.picker{order:2;min-width:100%}.toolbar select{width:100%}.code{font-size:22px}.login{margin:20px auto;padding:22px}.edit-card{padding:16px}.editor-topbar h1{font-size:20px}.editor-topbar button{padding:8px 12px}.dialog-head,.dialog-body{padding-left:16px;padding-right:16px}.dialog-actions button{flex:1;padding:8px}.pager{gap:8px}}header,.head-actions,.editor-topbar,.editor-topbar .actions{flex-wrap:wrap}.editor-topbar h1{overflow-wrap:anywhere}.edit-card,.dialog-actions button{min-width:0}