.modules-system{width:100%;max-width:960px;margin:0 auto;padding:clamp(16px,3vw,32px);color:var(--ops-ink,#292742)}
.modules-system h1{font-size:clamp(25px,4vw,34px);font-weight:700;margin:0 0 8px}.modules-system header p{margin:0 0 20px;line-height:1.5;color:var(--ops-muted,#69675f)}
.modules-system-tools{display:flex;gap:10px;margin-bottom:14px}.modules-system-tools input{min-width:0;flex:1}.modules-system input,.modules-system select,.modules-system-footer button,.modules-system p button{border:1px solid var(--ops-line,#dad5c5);border-radius:12px;min-height:44px;padding:10px 14px;background:var(--ops-surface,#fffdf7);color:inherit;font:inherit}
.modules-system-list{border:1px solid var(--ops-line,#dad5c5);border-radius:18px;background:var(--ops-surface,#fffdf7);overflow:hidden}
.modules-system-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-height:64px}.modules-system-row+.modules-system-row{border-top:1px solid var(--ops-line,#dad5c5)}.modules-system-row>div{min-width:0}.modules-system-row strong{font-size:15px;overflow-wrap:anywhere}.modules-system-row small{display:block;color:var(--ops-muted,#69675f);font-size:12px;line-height:1.4;margin-top:3px}
.modules-system [role=switch]{flex:none;position:relative;width:54px;height:44px;border:0;background:transparent;padding:8px 0;cursor:pointer}.modules-system [role=switch]:before{content:'';position:absolute;inset:8px 0;background:var(--ops-line,#d6d1c5);border-radius:16px}.modules-system [role=switch] span{display:block;position:relative;height:22px;width:22px;margin-left:3px;background:var(--ops-surface,#fff);border-radius:50%;transition:transform .12s}.modules-system [role=switch][aria-checked=true]:before{background:var(--ops-gold,#bba253)}.modules-system [role=switch][aria-checked=true] span{transform:translateX(26px)}.modules-system [role=switch]:disabled{opacity:.5;cursor:wait}.modules-system-core{font-size:12px;color:var(--ops-muted,#69675f);flex:none}
.modules-system details{font-size:13px;color:var(--ops-muted,#69675f);max-width:650px}.modules-system summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.modules-system details p{line-height:1.5;margin:0 0 6px}
.modules-system-footer{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:14px 0;background:var(--ops-surface,#fffdf7);border-top:1px solid var(--ops-line,#dad5c5);margin-top:14px}.modules-system-footer>span{flex:1;font-size:13px}.modules-system-footer .modules-system-save{background:var(--ops-ink,#292742);color:var(--ops-surface,#fffdf7)}.modules-system button:disabled{opacity:.55}.modules-system button:focus-visible,.modules-system input:focus-visible,.modules-system select:focus-visible{outline:3px solid var(--ops-gold,#bba253);outline-offset:3px}.modules-system-warning{background:var(--ops-wash,#f6efda);border-radius:12px;padding:12px;line-height:1.45}.modules-system-warning p{margin:0}.modules-system-notice{padding:24px}.modules-system-notice h1{font-size:24px;font-weight:700}.modules-system-notice a{text-decoration:underline;display:inline-block;padding:12px 0}.modules-system-update{font-size:13px;padding:8px 16px;color:var(--ops-ink,#292742);background:var(--ops-wash,#f6efda)}
@media(max-width:480px){.modules-system-tools{flex-wrap:wrap}.modules-system-tools input{width:100%;flex-basis:100%}.modules-system-footer{flex-wrap:wrap;padding-right:56px}.modules-system-footer>span{flex-basis:100%}.modules-system-footer button{flex:1}.modules-system-row{gap:10px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.modules-system [role=switch] span{transition:none}}