:root{--bg:#d4d0c8;--face:#ece9d8;--panel:#f0f0f0;--text:#000;--muted:#555;--title-from:#0a246a;--title-to:#3a6ea5;--title-text:#fff;--border-light:#fff;--border-dark:gray;--border-darker:#404040;--error:#c00000;--input-bg:#fff;color:var(--text);font-family:Meiryo UI,MS UI Gothic,Yu Gothic UI,system-ui,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#2b2b2b;--face:#3a3a3a;--panel:#333;--text:#eee;--muted:#aaa;--border-light:#5a5a5a;--border-dark:#1e1e1e;--border-darker:#111;--input-bg:#222;--error:#ff7b7b}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.page{padding:16px}.muted{color:var(--muted)}.error{color:var(--error);margin:4px 0}.win{background:var(--panel);border:2px solid;border-color:var(--border-light) var(--border-darker) var(--border-darker) var(--border-light);width:100%;box-shadow:1px 1px 0 var(--border-dark);margin:0 auto}.win-title{background:linear-gradient(90deg, var(--title-from), var(--title-to));color:var(--title-text);justify-content:space-between;align-items:center;padding:4px 8px;font-weight:700;display:flex}.win-close{min-width:0;padding:0 6px;font-weight:700;line-height:1.2}.win-body{padding:12px}button{font:inherit;color:var(--text);background:var(--face);border:2px solid;border-color:var(--border-light) var(--border-darker) var(--border-darker) var(--border-light);cursor:pointer;min-width:96px;padding:6px 10px}button:active{border-color:var(--border-darker) var(--border-light) var(--border-light) var(--border-darker)}button:disabled{color:var(--muted);cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px dotted var(--text);outline-offset:2px}input,select,textarea{font:inherit;color:var(--text);background:var(--input-bg);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);padding:4px 6px}.form-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;display:grid}.span2{grid-column:1/-1}.actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.groupbox{border:1px solid var(--border-dark);box-shadow:1px 1px 0 var(--border-light) inset, 1px 1px 0 var(--border-light);margin:0;padding:8px 10px 10px}.groupbox legend{padding:0 4px}.menu-head{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.menu-groups{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.menu-buttons{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.menu-buttons button{min-width:0}.grid-wrap{border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);background:var(--input-bg);overflow:auto}.grid{border-collapse:collapse;width:100%;font-size:13px}.grid th{background:var(--face);border:1px solid var(--border-dark);white-space:nowrap;padding:3px 6px;font-weight:400;position:sticky;top:0}.grid td{border:1px solid var(--border-light);border-right-color:var(--border-dark);white-space:nowrap;padding:2px 6px}.grid tbody tr{cursor:default}.grid tbody tr:nth-child(2n){background:color-mix(in srgb, var(--face) 40%, transparent)}.grid tbody tr.selected{color:#fff;background:#316ac5}.grid-empty{text-align:center;padding:16px}.field-label{white-space:nowrap;text-align:right}.field-input{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.field-input>input,.field-input>select,.field-input>textarea{min-width:0}.req{color:var(--error);margin-left:2px}.num{text-align:right}.check{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.info{color:#006400;margin:4px 0}.form-cols{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.toolbar .spacer{flex:1}textarea{resize:vertical;width:100%}@media (width<=600px){.form-grid{grid-template-columns:1fr}.field-label{text-align:left}}.small{font-size:12px}.badge{border:1px solid var(--border-dark);background:var(--face);margin-left:8px;padding:1px 6px;font-size:12px}.kouza-combo{flex-wrap:wrap;align-items:center;gap:4px 6px;display:inline-flex}.m-page{background:var(--panel);max-width:960px;min-height:100vh;margin:0 auto}.m-header{background:var(--face);border-bottom:1px solid var(--border-dark);justify-content:center;align-items:center;min-height:44px;padding:6px 8px;display:flex;position:relative}.m-header h1{text-align:center;margin:0 72px;font-size:16px;font-weight:700}.m-back{border-radius:4px;min-width:0;padding:4px 10px;position:absolute;left:6px}.m-content{padding:12px}.m-footer{text-align:center;background:var(--face);border-top:1px solid var(--border-dark);padding:8px 12px;font-size:12px}.m-list{border:1px solid var(--border-dark);border-radius:6px;margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.m-list li{border-top:1px solid var(--border-dark);background:var(--input-bg)}.m-list li:first-child{border-top:0}.m-list li.m-divider{background:var(--face);padding:6px 12px;font-size:13px;font-weight:700}.m-list li a{color:inherit;padding:10px 28px 10px 12px;text-decoration:none;display:block;position:relative}.m-list li a:after{content:"›";color:var(--muted);font-size:20px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.m-list h3{margin:0 0 4px;font-size:15px}.m-list p{color:var(--muted);margin:0;font-size:12px}.m-list h6{margin:2px 12px;font-size:13px;font-weight:400}.m-list .m-item{padding:6px 0}.m-list .m-divider a{margin-left:8px;padding:0;display:inline}.m-list .m-divider a:after{content:none}.m-search{border-radius:16px;width:100%;margin-bottom:8px;padding:6px 12px}.m-table-wrap{overflow-x:auto}.m-table{border-collapse:collapse;width:100%;font-size:13px}.m-table th{border-bottom:2px solid var(--border-dark);white-space:nowrap;padding:6px}.m-table td{border-bottom:1px solid var(--border-dark);white-space:nowrap;padding:6px}.m-table tbody tr:nth-child(odd){background:color-mix(in srgb, var(--face) 60%, transparent)}.m-table u{cursor:pointer}.m-table a{color:inherit}.m-center{justify-content:center;margin-bottom:8px;display:flex}.m-center .m-table{width:auto;min-width:50%}.m-field{grid-template-columns:1fr;gap:4px;margin-bottom:10px;display:grid}.m-field input,.m-field select,.m-field textarea{width:100%}@media (width>=640px){.m-field{grid-template-columns:160px 1fr;align-items:center}}.m-buttons{gap:8px;margin-top:8px;display:grid}.m-buttons button{width:100%}.m-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.m-links a,.m-links button{font-size:12px}.m-red{color:#e00}
