#management,.mg-dialog{--mg-bg:#111a29;--mg-line:#334155;--mg-muted:#b7c4d6;--mg-accent:#edc786;color:#edf2f9;line-height:1.55;font-family:inherit}
#management{max-width:1500px;margin:auto;padding:16px;box-sizing:border-box}
#management *, .mg-dialog *{box-sizing:border-box}
#management h2,.mg-dialog h2{font-size:clamp(1.35rem,2vw,2rem);margin:.2em 0}
#management h3,.mg-dialog h3{margin:1.7em 0 .7em;font-size:1.1rem}
#management p,.mg-dialog p{color:var(--mg-muted)}
.mg-heading,.mg-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.mg-eyebrow{letter-spacing:.13em;font-size:.75rem;color:var(--mg-accent)!important}
.mg-filters,.mg-form{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:18px 0}
#management label,.mg-dialog label{display:flex;flex-direction:column;gap:6px;min-width:160px;flex:1;font-size:.85rem;color:var(--mg-muted)}
#management input,#management select,.mg-dialog input,.mg-dialog select{width:100%;min-width:0;background:#0b1220;color:#f1f5f9;border:1px solid var(--mg-line);border-radius:8px;padding:11px;font:inherit}
#management button,.mg-dialog button{background:#223149;color:#f1f5f9;border:1px solid #41516b;border-radius:8px;min-height:42px;padding:9px 13px;cursor:pointer;font:inherit;font-size:.85rem}
#management button:hover,.mg-dialog button:hover{background:#314460}
#management button:disabled,.mg-dialog button:disabled{opacity:.6;cursor:wait}
#management :focus-visible,.mg-dialog :focus-visible{outline:3px solid var(--mg-accent);outline-offset:3px}
.mg-tabs{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px}
.mg-tabs button{white-space:nowrap}
.mg-tabs [aria-current=page]{background:var(--mg-accent)!important;color:#152137!important;border-color:var(--mg-accent)!important}
.mg-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:14px;margin:18px 0}
.mg-card{background:var(--mg-bg);border:1px solid var(--mg-line);border-radius:12px;padding:18px;min-width:0}
.mg-card p{margin:0 0 9px;font-size:.85rem}.mg-card strong{display:block;font-size:1.65rem;overflow-wrap:anywhere}.mg-card small{display:block;color:var(--mg-muted);margin-top:10px;font-size:.77rem}
.mg-banner{background:#2a251d;border:1px solid #7e673c;border-radius:10px;padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.mg-banner span{flex:1;min-width:180px;color:#e2d5bf}
.mg-badge{display:inline-block;padding:3px 8px;margin:3px 2px;background:#422f20;color:#f4d299;border-radius:6px;font-size:.75rem}.mg-ok{background:#143b32;color:#a6e0c7}
.mg-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--mg-line);border-radius:10px;margin:12px 0}
#management table,.mg-dialog table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:540px}
#management th,#management td,.mg-dialog th,.mg-dialog td{padding:12px;text-align:left;border-bottom:1px solid var(--mg-line);vertical-align:top}
#management th,.mg-dialog th{background:#182438;white-space:nowrap}#management td button,.mg-dialog td button{margin:4px 5px 2px 0}
.mg-notice:empty{display:none}.mg-notice{padding:12px 0}.mg-error{color:#ffb0b0!important}
.mg-empty{padding:20px;border:1px dashed var(--mg-line);border-radius:8px}
#management details,.mg-dialog details{border:1px solid var(--mg-line);border-radius:10px;padding:14px;margin:12px 0;background:var(--mg-bg)}
#management summary,.mg-dialog summary{cursor:pointer;color:var(--mg-accent);font-weight:600}
.mg-dialog{width:min(1060px,calc(100vw - 24px));max-height:90vh;overflow-y:auto;padding:24px;border:1px solid #4b5f7c;border-radius:16px;background:#0d1522;box-shadow:0 24px 70px #0009;margin:auto}
.mg-dialog::backdrop{background:#000a}.mg-dialog-header{position:sticky;top:-24px;background:#0d1522;padding:12px 0;z-index:1}.mg-dialog-header h2{overflow-wrap:anywhere}
.mg-form-message{flex-basis:100%;margin:0}.mg-checkbox{flex-direction:row!important;align-items:center;min-width:240px!important}.mg-checkbox input{width:20px!important;flex:none}
@media(max-width:600px){#management{padding:8px}.mg-heading{align-items:flex-start}.mg-heading>button{flex-shrink:0}.mg-filters label{min-width:120px}.mg-cards{grid-template-columns:1fr}.mg-dialog{padding:14px}.mg-dialog-header{top:-14px}.mg-form label{min-width:100%;flex-basis:100%}.mg-banner span{min-width:100%}.mg-card strong{font-size:1.5rem}}