*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,sans-serif;font-size:14px;color:#23303d;background:#f2f5f8}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:13px;padding:6px 8px;border:1px solid #c3ced8;border-radius:4px;background:#fff;color:#23303d}input:focus,select:focus,textarea:focus{outline:2px solid #8ec2f0;outline-offset:-1px;border-color:#e0554f}.layout{display:flex;flex-direction:column;height:100%}.header-bar{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;background:#c8332e;color:#fff;flex-shrink:0}.app-title{color:#fff;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}.header-table-name{padding:2px 10px;background:#ffffff26;border-radius:4px;font-size:13px}.header-spacer,.toolbar-spacer{flex:1}.header-user{font-size:13px;display:flex;align-items:center;gap:6px}.role-badge{font-size:11px;padding:1px 6px;background:#fff3;border-radius:8px}.layout-body{display:flex;flex:1;min-height:0}.sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid #dde4ea;overflow-y:auto;padding:8px 0}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 14px;color:#23303d;text-decoration:none;border-left:3px solid transparent}.nav-item:hover{background:#fdf3f2}.nav-item.active{background:#fbe9e7;border-left-color:#c8332e}.nav-item.active .nav-table-title{font-weight:700}.nav-table-icon{font-size:18px;line-height:1;width:22px;text-align:center;flex-shrink:0}.nav-table-texts{display:flex;flex-direction:column;min-width:0}.nav-table-title{display:block;font-size:14px;line-height:1.25;color:#23303d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-table-name{display:block;font-size:9px;line-height:1.2;color:#9aa7b3;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-table-icon{margin-right:6px}.header-table-sub{margin-left:8px;font-size:10px;color:#9aa7b3;font-weight:400}.sidebar-section{padding:12px 16px 4px;font-size:11px;color:#7a8894;border-top:1px solid #eef1f4;margin-top:8px}.sidebar-empty,.sidebar-error{padding:8px 16px;font-size:12px;color:#7a8894}.sidebar-error{color:#8b1a1a}.main-content{flex:1;overflow:auto;padding:16px 20px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.page-header h2{margin:0;font-size:18px}.page-header-actions{display:flex;align-items:center;gap:8px}.btn{padding:6px 14px;border:1px solid #b8c4cf;border-radius:4px;background:#fff;color:#23303d;cursor:pointer;font-size:13px;white-space:nowrap}.btn:hover:not(:disabled){background:#fdf3f2}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:#c8332e;border-color:#c8332e;color:#fff}.btn-primary:hover:not(:disabled){background:#a8281f}.btn-danger{color:#8b1a1a;border-color:#d4a5a0}.btn-danger:hover:not(:disabled){background:#f5e0de}.btn-ghost{background:transparent;border-color:transparent}.header-bar .btn-ghost{color:#fff}.header-bar .btn-ghost:hover{background:#ffffff26}.btn-small{padding:2px 8px;font-size:12px}.btn-block{width:100%}.panel{background:#fff;border:1px solid #dde4ea;border-radius:6px;padding:14px 16px;margin-bottom:14px}.panel h3{margin:0 0 10px;font-size:15px}.panel h4{margin:14px 0 8px;font-size:13px}.panel-danger{border-color:#e5b8b2}.alert{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;margin-bottom:10px;font-size:13px}.alert-error{background:#fdeceb;border:1px solid #eab7b1;color:#8b1a1a}.alert-ok{background:#eaf7ee;border:1px solid #b4dfc0;color:#1e7b3c}.alert-close{margin-left:auto;border:none;background:none;cursor:pointer;font-size:14px;color:inherit}.field{display:block;margin-bottom:10px}.field-label{display:block;font-size:12px;color:#5b6a77;margin-bottom:3px}.field input[type=text],.field input[type=password],.field input[type=search],.field select{width:100%;max-width:420px}.field-wide{flex:1}.field-inline{display:inline-flex;align-items:center;gap:6px;font-size:13px}.form-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}.form-row .field{margin-bottom:10px}.radio-label{display:block;margin:4px 0;font-size:13px}.hint{font-size:12px;color:#7a8894}.loading{color:#7a8894}.search-box{width:220px}.list-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dde4ea;border-radius:6px;overflow:hidden}.list-table th,.list-table td{text-align:left;padding:8px 12px;border-bottom:1px solid #eef1f4;font-size:13px}.list-table th{background:#f6f9fb;color:#5b6a77;font-weight:600}.list-table tr:hover td{background:#fbfdff}.list-table .num{text-align:right;width:70px}.table-link{color:#c8332e;font-weight:600;text-decoration:none}.table-link:hover{text-decoration:underline}.desc-cell{color:#7a8894}.empty-cell{text-align:center;color:#7a8894;padding:20px!important}.row-revoked td{color:#a7b1ba;text-decoration:line-through}.me-badge{margin-left:6px;font-size:11px;padding:1px 6px;background:#fbe9e7;color:#c8332e;border-radius:8px}.login-page{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fbedeb,#fdf6f5)}.login-box{width:340px;background:#fff;border:1px solid #dde4ea;border-radius:8px;padding:28px;box-shadow:0 4px 16px #2b579a1a}.login-title{margin:0 0 4px;font-size:20px;color:#c8332e;text-align:center}.login-sub{margin:0 0 16px;text-align:center;color:#7a8894;font-size:13px}.table-tabs{display:flex;gap:2px;margin-bottom:12px;border-bottom:2px solid #dde4ea}.tab{padding:7px 16px;color:#5b6a77;text-decoration:none;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;margin-bottom:-2px;font-size:13px}.tab:hover{background:#fdf3f2}.tab.active{background:#fff;color:#c8332e;font-weight:700;border-color:#dde4ea;border-bottom:2px solid #fff}.page-grid{display:flex;flex-direction:column;height:100%}.grid-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.grid-info{font-size:12px;color:#5b6a77;white-space:nowrap}.unsaved-badge{margin-left:8px;padding:2px 8px;background:#fff3cd;border:1px solid #e6cf87;color:#8a6d1a;border-radius:8px;font-size:11px}.grid-wrap{flex:1;min-height:0;overflow:auto;border:1px solid #c9d4de;border-radius:4px;background:#fff}.grid{border-collapse:separate;border-spacing:0;table-layout:auto;min-width:100%}.grid th,.grid td{border-right:1px solid #e3e9ef;border-bottom:1px solid #e3e9ef;padding:0;font-size:13px;white-space:nowrap}.grid thead th{position:sticky;top:0;z-index:2;background:#f0f4f8;padding:5px 8px;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:2px solid #c9d4de}.grid thead th.col-check{cursor:default}.grid thead th:hover{background:#e5ecf4}.grid thead th.sorted{background:#dce9f8}.col-name{font-weight:600;margin-right:4px}.col-type{display:block;font-size:10px;color:#8b98a5;font-weight:400}.sort-mark{font-size:10px;color:#c8332e;margin-left:2px}.col-check{width:34px;text-align:center!important;background:#f6f9fb}.grid td.col-check{padding:3px 6px}.grid td.cell{min-width:70px;max-width:360px;overflow:hidden;text-overflow:ellipsis;cursor:cell;background:#fff}.cell-text{display:block;padding:4px 8px;min-height:25px;overflow:hidden;text-overflow:ellipsis}.cell-bool{text-align:center;padding:3px 8px!important}.grid td.cell-changed{background:#fff8dc}.grid td.cell-error{box-shadow:inset 0 0 0 2px #d64541;background:#f5e0de}.grid td.cell-active{box-shadow:inset 0 0 0 2px #c8332e}.grid td.cell-error.cell-active{box-shadow:inset 0 0 0 2px #d64541,inset 0 0 0 4px #c8332e33}.row-selected td{background:#eaf2fc!important}.row-selected td.cell-changed{background:#f3efd2!important}.cell-editor{width:100%;min-width:70px;border:none;border-radius:0;padding:4px 8px;font-size:13px;background:#fff}.cell-editor:focus{outline:none}.schema-table{width:100%;border-collapse:collapse;margin-bottom:10px}.schema-table th,.schema-table td{padding:5px 6px;border-bottom:1px solid #eef1f4;font-size:13px;text-align:left;vertical-align:middle}.schema-table th{color:#5b6a77;background:#f6f9fb}.schema-table th.num,.schema-table td.num{width:34px;text-align:right;color:#8b98a5}.schema-table input[type=text],.schema-table select{width:100%;min-width:90px}.enum-type-input{min-width:240px!important}.enum-values-input{min-width:200px!important}.reorder-cell{white-space:nowrap}.reorder-cell .btn{margin-right:4px}.rename-note{display:block;font-size:11px;color:#b0763a}.schema-errors{margin:10px 0 0;padding-left:20px;color:#8b1a1a;font-size:12px}.import-result-ok{color:#1e7b3c;font-weight:700}.import-result-ng{color:#8b1a1a;font-weight:700}.history-list{display:flex;flex-direction:column;gap:6px}.history-item{background:#fff;border:1px solid #dde4ea;border-radius:6px;overflow:hidden}.history-head{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:13px;text-align:left}.history-head:hover{background:#f6f9fb}.action-badge{padding:2px 8px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap}.action-create{background:#eaf7ee;color:#1e7b3c}.action-update{background:#fbe9e7;color:#c8332e}.action-delete{background:#fdeceb;color:#8b1a1a}.action-import{background:#f3eafb;color:#7d3c98}.action-schema{background:#fff3cd;color:#8a6d1a}.history-when{color:#5b6a77;white-space:nowrap}.history-user{font-weight:600}.history-rowid{color:#7a8894;font-size:12px}.history-toggle{margin-left:auto;color:#c8332e;font-size:12px;white-space:nowrap}.history-body{padding:4px 12px 12px;border-top:1px dashed #e3e9ef;overflow-x:auto}.diff-table{border-collapse:collapse;min-width:60%}.diff-table th,.diff-table td{border:1px solid #e3e9ef;padding:4px 10px;font-size:12px;text-align:left;word-break:break-all}.diff-table th{background:#f6f9fb;color:#5b6a77}.diff-key{font-weight:600;white-space:nowrap}.diff-before{background:#f5e0de;color:#8b1a1a}.diff-after{background:#eaf7ee;color:#1e7b3c}.diff-none{color:#7a8894;font-size:12px}.inline-form{margin-top:12px;padding-top:8px;border-top:1px dashed #e3e9ef}.issued-key-box{background:#fffbe8;border:1px solid #e6cf87;border-radius:6px;padding:12px 14px;margin-bottom:12px}.issued-key-title{margin:0 0 4px;font-weight:700}.issued-key-warn{margin:0 0 8px;color:#8a6d1a;font-size:12px}.issued-key-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.issued-key-value{background:#fff;border:1px solid #dcd3ac;border-radius:4px;padding:6px 10px;font-size:13px;word-break:break-all;-webkit-user-select:all;user-select:all}.create-form{border-color:#f0c4c0}a.btn{display:inline-block;text-decoration:none}.entity-badge{margin-left:6px;padding:1px 7px;background:#eceff2;color:#5b6a77;border:1px solid #d5dde4;border-radius:8px;font-size:11px;cursor:pointer;display:inline-block;vertical-align:baseline;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-badge:hover{background:#fbe9e7;color:#c8332e;border-color:#f0c4c0}.entity-badge-missing{background:#fff8e1;color:#8a6d1a;border-color:#e6cf87}.entity-badge-missing:hover{background:#fff3cd;color:#8a6d1a;border-color:#d9bc5e}.cell-edit-wrap{display:flex;align-items:stretch}.cell-edit-wrap .cell-editor{flex:1;min-width:60px}.entity-pick-btn{border:none;border-left:1px solid #dde4ea;background:#f0f4f8;color:#c8332e;font-size:11px;padding:0 8px;cursor:pointer;white-space:nowrap}.entity-pick-btn:hover{background:#fbe9e7}.grid tr.row-jump td{background:#fff3cd!important;transition:background .4s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#23303d73;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:8px;width:560px;max-width:calc(100vw - 40px);max-height:72vh;display:flex;flex-direction:column;box-shadow:0 8px 28px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.modal-head h3{margin:0;font-size:15px}.modal-toolbar{display:flex;align-items:center;gap:8px;padding:0 16px 10px}.modal-body{overflow:auto;padding:0 16px 14px}.picker-table .num{width:80px}.picker-row{cursor:pointer}.picker-row:hover td{background:#fbe9e7!important}.entity-group{margin-bottom:10px;background:#fff;border:1px solid #dde4ea;border-radius:6px;overflow:hidden}.entity-group-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:#f6f9fb;cursor:pointer;font-size:13px;font-weight:600;color:#23303d;text-align:left}.entity-group-head:hover{background:#fdf3f2}.entity-group-arrow{font-size:10px;color:#7a8894;width:12px}.entity-group-count{font-weight:400;color:#7a8894;font-size:12px}.entity-table{border:none;border-radius:0;border-top:1px solid #dde4ea}.entity-table .num{width:110px}.entity-ops{width:150px;white-space:nowrap}.entity-edit-input{width:100%;min-width:70px}.entity-id-input{width:100px}.entity-detail-name{margin-left:10px;font-size:14px;font-weight:400;color:#5b6a77}.entity-meta{font-size:12px;color:#7a8894;margin:8px 0 0}.ref-group{margin-bottom:14px}.ref-group h4{display:flex;align-items:center;gap:8px;margin:0 0 6px}.ref-table-title{color:#7a8894;font-weight:400;font-size:12px}.ref-id-badge{font-size:11px;padding:1px 6px;background:#f3eafb;color:#7d3c98;border-radius:8px;font-weight:400}.ref-count{font-size:12px;color:#7a8894;font-weight:400}.ref-row{cursor:pointer}.ref-row:hover td{background:#fbe9e7!important}.ref-badge{margin-left:6px;padding:1px 7px;background:#e8f1fb;color:#c8332e;border:1px solid #f0c4c0;border-radius:8px;font-size:11px;cursor:pointer;display:inline-block;vertical-align:baseline;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-badge:hover{background:#d8e8fa}.ref-badge-missing{background:#fff8e1;color:#8a6d1a;border-color:#e6cf87}.ref-badge-missing:hover{background:#fff3cd;border-color:#d9bc5e}.col-form{width:34px;text-align:center!important;background:#f6f9fb}.grid thead th.col-form{cursor:default}.grid td.col-form{padding:2px 4px}.form-edit-btn{border:none;background:none;cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px;line-height:1}.form-edit-btn:hover:not(:disabled){background:#fbe9e7}.form-edit-btn:disabled{opacity:.35;cursor:default}.form-panel{max-width:900px}.form-field{margin-bottom:14px}.form-field-label{display:block;font-size:12px;color:#5b6a77;font-weight:600;margin-bottom:3px}.form-field-type{margin-left:6px;font-size:10px;color:#8b98a5;font-weight:400}.form-field-error{margin-top:3px;font-size:12px;color:#8b1a1a}.form-input-number{width:160px}.form-textarea{width:100%;max-width:640px;display:block;min-height:31px;resize:none;overflow:hidden}.form-select{min-width:160px}.form-bool{color:#5b6a77}.form-field-invalid{border-color:#d64541!important;background:#f5e0de}.form-actions{display:flex;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px dashed #e3e9ef}.ref-field-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ref-jump-link{font-size:12px;color:#c8332e;text-decoration:none;white-space:nowrap}.ref-jump-link:hover{text-decoration:underline}.subform{margin-top:8px;padding:12px 14px;background:#f6faff;border:1px solid #f0c4c0;border-left:4px solid #c8332e;border-radius:6px;max-width:760px}.subform-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.subform-title{font-size:13px;font-weight:600;color:#c8332e}.subform-title-sub{margin-left:6px;font-size:11px;color:#7a8894;font-weight:400}.subform-id-hint{margin-left:8px}.subform .form-textarea{max-width:560px}.ref-cell select{min-width:110px}.ref-table-select{display:block;margin-top:4px}.ref-table-sub{margin-left:8px;font-size:10px;color:#9aa7b3;font-weight:400}.ref-rows{display:flex;flex-direction:column;gap:6px}.ref-row-card{border:1px solid #e3e8ee;border-radius:6px;padding:8px 12px;cursor:pointer;background:#fff}.ref-row-card:hover{background:#f2f7fd;border-color:#b9d2ee}.ref-row-main{display:flex;align-items:baseline;gap:10px}.ref-row-id{font-family:Consolas,monospace;font-size:12px;color:#7a8894;flex-shrink:0}.ref-row-label{font-weight:700;font-size:14px;color:#23303d}.ref-row-matched{margin-left:auto;font-size:10px;color:#9aa7b3;flex-shrink:0}.ref-row-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:baseline}.ref-chip{display:inline-flex;align-items:baseline;gap:4px;background:#f0f3f6;border-radius:4px;padding:2px 8px;font-size:12px;color:#34404c}.ref-chip-col{font-size:10px;color:#8b98a5}.ref-row-comment{font-size:12px;color:#7a8894;font-style:italic}