html{height:100%}body,html{margin:0;padding:0;overflow:hidden}body{height:100vh}*{box-sizing:border-box}a{cursor:pointer!important}.app-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.app-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(800px);-webkit-filter:blur(800px);transform:scale(1.2)}.app-content{position:relative;z-index:2;height:100vh;overflow:hidden}.app-layout{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden}.header-area{width:100%}.layout{align-items:stretch;gap:0;padding:0}.layout,.layout-content{display:flex;flex:1 1;min-width:0;min-height:0}.layout-content{overflow-x:hidden;flex-direction:column}.page-main-column{padding:24px 24px 24px 0;box-sizing:border-box}.page-main-column--solo{padding:24px}.table-list-page{width:100%;padding:24px 0 24px 24px}.table-list-page .page-section-header,.table-list-toolbar{padding-right:24px}.table-list-toolbar{display:flex;align-items:center;gap:12px;width:100%;flex-shrink:0}.table-list-search{flex:1 1;min-width:0;height:36px;padding:0 12px;border:1px solid #d0d0d0;border-radius:8px;font-size:12px;color:#333;background-color:#fff;box-sizing:border-box}.table-list-search:focus{outline:none;border-color:#1e9296}.table-list-count{flex-shrink:0;font-size:11px;color:#808080;white-space:nowrap}.table-list-scroll{width:100%;min-width:0;flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden}.table-list-scroll-inner{flex-direction:column;gap:8px;align-items:flex-start;padding-right:24px}.table-list-add,.table-list-scroll-inner{display:flex;width:100%;min-width:0;box-sizing:border-box}.table-list-add{gap:4px;align-items:center;justify-content:center;padding:16px;border-radius:16px;border:1.5px dashed #1e9296;background-color:transparent;color:#000;cursor:pointer;font-size:12px;font-weight:600;line-height:1.3}.table-list-panel{width:100%;min-width:0;background-color:#fff}.table-list-row{display:flex;gap:40px;align-items:center;padding:16px;width:100%;min-width:0;box-sizing:border-box;border-bottom:1px solid #e6e6e6}.table-list-row:last-child{border-bottom:none}.table-list-row:hover{background-color:#fafafa}.table-list-row-link{display:flex;flex:1 1;flex-direction:column;gap:8px;align-items:flex-start;min-width:0;text-decoration:none;color:inherit}.table-list-row-name{font-size:12px;font-weight:700;color:#000;line-height:1.3}.table-list-row-desc{font-size:12px;font-weight:400;color:#808080;line-height:1.3;margin:0}.table-list-row-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.table-list-row-date{font-size:11px;font-weight:400;color:#999;line-height:1.3}.table-list-row-icon-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;cursor:pointer}.table-list-empty{padding:24px;color:#808080;font-size:12px;width:100%;background-color:#fff}.scrollbar-when-active{scrollbar-width:none}.scrollbar-when-active.is-scrolling,.scrollbar-when-active:hover{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) transparent}.scrollbar-when-active::-webkit-scrollbar{width:0;height:0}.scrollbar-when-active.is-scrolling::-webkit-scrollbar,.scrollbar-when-active:hover::-webkit-scrollbar{width:6px;height:6px}.scrollbar-when-active::-webkit-scrollbar-track{background:transparent}.scrollbar-when-active::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px}.scrollbar-when-active.is-scrolling::-webkit-scrollbar-thumb,.scrollbar-when-active:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.28)}.sidemenu{width:215px;flex-shrink:0;align-self:stretch}.left-nav,.sidemenu{display:flex;flex-direction:column;min-height:0;height:100%}.left-nav{background-color:#e9f8f8;gap:4px;flex:1 1;padding-top:0;padding-bottom:24px}.left-nav,.left-nav-toggle{width:100%;box-sizing:border-box}.left-nav-toggle{display:flex;align-items:center;justify-content:flex-end;padding:8px 12px 4px;flex-shrink:0}.left-nav--collapsed .left-nav-toggle{justify-content:center;padding:8px 0 4px}.left-nav-bottom,.left-nav-top{display:flex;flex-direction:column;gap:4px;width:100%}.left-nav-bottom{margin-top:auto;padding-top:24px}.nav-row{display:flex;align-items:stretch;width:100%;text-decoration:none;color:#333;position:relative;box-sizing:border-box}.nav-row:hover{background-color:#d4f1f2}.nav-row:focus-visible{outline:2px solid #1e9296;outline-offset:-2px}.nav-row--active:hover{background-color:#bee9eb}.nav-row--disabled{cursor:not-allowed;color:#999}.nav-row--disabled:hover{background-color:transparent}.nav-row-icon{flex-shrink:0;justify-content:center;width:48px;height:40px}.nav-row-icon,.nav-row-label{display:flex;align-items:center}.nav-row-label{flex:1 1;min-width:0;padding-right:8px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;transition:max-width .25s ease-out,opacity .25s ease-out;max-width:200px;opacity:1}.nav-row--icon-only .nav-row-label{max-width:0;opacity:0;padding:0}.nav-row--icon-only{justify-content:center}.nav-row-active-bar{width:4px;flex-shrink:0;background-color:transparent;align-self:stretch}.nav-row--active .nav-row-active-bar{background-color:#666}.sidemenu-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:8px;background:transparent;color:#333;cursor:pointer;flex-shrink:0}.sidemenu-toggle-btn:hover{color:#1e9296;background-color:#f7f7f7}.sidemenu-toggle-btn:focus-visible{outline:2px solid #1e9296;outline-offset:2px}.sidebar-link-row{display:block;font-size:14px;font-weight:600;color:#333;text-decoration:none;padding:6px 8px;border-radius:4px;box-sizing:border-box}.sidebar-link-row:hover{background-color:#d4f1f2}.sidebar-link-row:focus-visible{outline:2px solid #1e9296;outline-offset:1px}.sidebar-link-row--active{color:#1e9296}.sidebar-link-row--active:hover{background-color:#bee9eb}.sidebar-link-row--sub{font-size:12px;font-weight:400;color:#666;padding:4px 8px}.sidebar-link-row--sub.sidebar-link-row--active{color:#1e9296}.record-list-sidebar{width:180px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;box-sizing:border-box}.record-list-sidebar .sidebar-link-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-width:0}.record-list-sidebar--loading{padding:16px;font-size:12px;color:#999}.record-sidebar-search{width:100%;height:32px;padding:0 8px;border:1px solid #d0d0d0;border-radius:6px;font-size:11px;color:#333;background-color:#fff;box-sizing:border-box}.record-sidebar-search:focus{outline:none;border-color:#1e9296}.record-sidebar-search-empty{font-size:11px;color:#999;padding:4px 8px}.record-list-sidebar-tables{gap:8px}.record-list-sidebar-tables,.record-sidebar-table-group{display:flex;flex-direction:column;width:100%;min-width:0}.record-sidebar-table-group{gap:4px}.record-sidebar-saved-lists{display:flex;flex-direction:column;gap:2px;padding-left:12px;border-left:2px solid #e0e0e0}.content{flex-grow:1}@media (max-width:768px){.layout{flex-direction:column}.sidemenu{width:calc(100% - 32px)}}.table,.table td,.table th{border:1px solid;border-collapse:collapse;padding:5px}.errmessage{color:red}.logout-btn{margin:100px}.data-model-page{display:flex;flex-direction:column;flex:1 1;min-height:0;padding:24px;gap:12px}.data-model-toolbar{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.page-section-header{display:flex;flex-direction:column;gap:0;flex:1 1;min-width:0;flex-shrink:0}.page-section-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;min-height:29px;padding:8px 0;box-sizing:border-box;font-size:10px;line-height:1.3}.page-section-breadcrumb-item{display:inline-flex;align-items:center}.page-section-breadcrumb-sep{color:#fff;white-space:pre}.page-section-breadcrumb-link{color:#fff;font-weight:400;text-decoration:none}.page-section-breadcrumb-link:hover{color:#fff;text-decoration:underline}.page-section-breadcrumb-current{color:#fff;font-weight:400}.page-section-title-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px;padding-right:0;width:100%}.page-section-title-leading{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.page-section-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#333;text-decoration:none;flex-shrink:0}.page-section-back:hover{color:#1e9296;background-color:#f7f7f7}.page-section-title-block{flex:1 1;min-width:0}.page-section-title{margin:0;font-size:18px;font-weight:700;color:#333;line-height:1.3}.page-section-subtitle{margin:4px 0 0;font-size:12px;color:#666;line-height:1.3}.page-section-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.page-section-header--full{width:100%;flex:0 0 auto;padding-top:0}.data-model-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;flex-shrink:0}.data-model-layout-controls{display:flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid #eee;border-radius:8px;background:#fff;font-size:12px;flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-model-layout-controls--inactive{visibility:hidden;pointer-events:none}.data-model-segmented,.data-model-toolbar-right>.data-model-btn{flex-shrink:0}.data-model-layout-controls input[type=range]{width:100px;accent-color:#1e9296}.data-model-val{flex:0 0 3rem;width:3rem;text-align:right;font-weight:700;color:#223670;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-model-sep{color:#ddd}.data-model-segmented{display:inline-flex;border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff}.data-model-segmented button{border:none;background:transparent;padding:8px 16px;min-width:4.5em;font-size:13px;font-weight:600;cursor:pointer;color:#666;box-sizing:border-box}.data-model-segmented button.active{background:#223670;color:#fff}.data-model-btn{border:1px solid #eee;background:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.data-model-btn:disabled{opacity:.45;cursor:not-allowed}.data-model-btn-icon{width:32px;padding:0}.data-model-btn-primary{background:#1e9296;color:#fff;border-color:#1e9296}.data-model-warnings{padding:10px 12px;background:#fff8e1;border:1px solid #d0a900;border-radius:8px;font-size:12px}.data-model-body{flex:1 1;min-height:0;position:relative}.data-model-workspace{display:flex;flex:1 1;min-height:0;gap:0;border-radius:12px;border:1px solid #eee;overflow:hidden;background:#f4f6f9}.data-model-schema-panel{width:220px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:#e8eaed;border-right:1px solid #d5d9e0}.data-model-schema-tabs{display:flex;flex-shrink:0;border-bottom:1px solid #d5d9e0;background:#dfe3e8}.data-model-schema-tabs button{flex:1 1;background:transparent;padding:10px 8px;font-size:12px;font-weight:700;color:#555;cursor:pointer;border:none;border-top:3px solid transparent}.data-model-schema-tabs button.active{background:#f4f6f9;color:#223670;border-top-color:#1e9296}.data-model-schema-body{flex:1 1;min-height:0;overflow-y:auto;padding:10px 12px 14px;background:#f4f6f9}.data-model-schema-hint{margin:0 0 10px;font-size:11px;line-height:1.45;color:#666}.data-model-schema-search{width:100%;box-sizing:border-box;height:32px;padding:0 10px;margin-bottom:8px;border:1px solid #ccc;border-radius:4px;font-size:12px;background:#fff}.data-model-schema-bulk{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:11px}.data-model-schema-bulk button{border:none;background:none;padding:0;color:#1e9296;font-size:11px;font-weight:600;cursor:pointer;text-decoration:underline}.data-model-schema-bulk span{color:#ccc}.data-model-schema-section-title{margin:12px 0 6px;font-size:11px;font-weight:700;color:#223670}.data-model-schema-list{list-style:none;margin:0;padding:0}.data-model-schema-list li{margin:0;border-bottom:1px solid #e8eaed}.data-model-schema-list-compact li{border-bottom:none}.data-model-schema-check{display:flex;align-items:flex-start;gap:8px;padding:6px 4px;font-size:12px;color:#333;cursor:pointer}.data-model-schema-check input{margin-top:2px;flex-shrink:0;accent-color:#1e9296}.data-model-schema-check span{line-height:1.35;word-break:break-word}.data-model-schema-empty{margin:8px 0 0;font-size:11px;color:#888}.data-model-workspace .data-model-flow-wrap{flex:1 1;min-width:0;border:none;border-radius:0;height:calc(100vh - 280px)}.data-model-flow-wrap{position:relative;display:flex;flex-direction:column;height:calc(100vh - 280px);min-height:480px;border-radius:12px;border:1px solid #eee;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#f8fbfc 0,#eef2f6 100%)}.data-model-flow-canvas{flex:1 1;min-height:0;position:relative}.data-model-flow-canvas .react-flow{width:100%;height:100%}.data-model-flow-canvas .react-flow__edgelabel-renderer{z-index:4}.data-model-flow-canvas .data-model-edge-label{z-index:1}.data-model-flow-empty{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px;font-size:13px;color:#5c6b7a;text-align:center}.data-model-mermaid-host{flex:1 1;min-height:0;overflow:auto;padding:16px 20px 24px;cursor:grab}.data-model-mermaid-host:active{cursor:grabbing}.data-model-mermaid-error,.data-model-mermaid-loading{padding:12px 0;font-size:13px;color:#5c6b7a}.data-model-mermaid-error{color:#b42318}.data-model-mermaid-svg{display:inline-block;min-width:min-content;padding:8px 4px 24px}.data-model-mermaid-svg svg{display:block;max-width:none;width:auto;height:auto}.data-model-flow-wrap .data-model-minimap-header-panel{z-index:6;margin:0;padding:0;background:transparent;border:none;box-shadow:none;pointer-events:auto}.data-model-minimap-header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:100%;padding:0 10px;box-sizing:border-box;background:rgba(255,255,255,.97);border:1px solid #d0dae4;border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -2px 12px rgba(34,54,112,.06)}.data-model-minimap-title{font-size:11px;font-weight:700;color:#223670;letter-spacing:.02em}.data-model-flow-wrap .react-flow__minimap.data-model-minimap-map{z-index:5;border:1px solid #d0dae4;border-top:none;border-radius:0 0 10px 10px;box-shadow:0 4px 18px rgba(34,54,112,.12);overflow:hidden;transition:width .22s ease,height .22s ease}.data-model-flow-wrap .data-model-minimap-map .react-flow__minimap-svg{display:block}.data-model-flow-wrap .data-model-minimap-pulse-panel{z-index:7;background:transparent;border:none;box-shadow:none;pointer-events:none}.data-model-minimap-actions{display:flex;align-items:center;gap:6px}.data-model-minimap-btn,.data-model-minimap-reopen{height:22px;padding:0 8px;border:1px solid #d0dae4;border-radius:4px;background:#f4f8fa;color:#223670;font-size:11px;font-weight:700;line-height:1;cursor:pointer}.data-model-minimap-btn:hover,.data-model-minimap-reopen:hover{border-color:#1e9296;color:#1e9296}.data-model-flow-wrap .data-model-minimap-reopen-panel{z-index:6;margin:0;padding:0;background:transparent;border:none;box-shadow:none;pointer-events:auto}.data-model-minimap-reopen{height:28px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.97);box-shadow:0 4px 18px rgba(34,54,112,.12)}.data-model-minimap-pulse-panel{overflow:visible}.data-model-minimap-pulse{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#1e9296;box-shadow:0 0 0 4px rgba(30,146,150,.35);pointer-events:none;animation:data-model-minimap-pulse .52s ease-out forwards}@keyframes data-model-minimap-pulse{0%{opacity:.95;transform:scale(.35)}55%{opacity:.75;transform:scale(1.35)}to{opacity:0;transform:scale(1.8)}}.data-model-legend{position:absolute;top:12px;right:12px;z-index:10;background:rgba(255,255,255,.96);border:1px solid #eee;border-radius:10px;padding:12px 14px;font-size:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);pointer-events:none}.data-model-legend-title{font-weight:700;color:#223670;font-size:11px}.data-model-legend-row{display:flex;align-items:center;gap:8px;margin:5px 0}.data-model-legend .swatch{width:32px;height:14px;border-radius:4px;border:2px solid;display:inline-block}.swatch-none{background:#fffdf8;border-color:#d0d0d0}.swatch-table{background:#c5e1fc;border-color:#223670}.swatch-record{background:#ffe8cc;border-color:#d0a900}.data-model-code{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 280px);min-height:400px}.data-model-code-bar{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}.data-model-copy-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.data-model-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #eee;border-radius:8px;background:#fff;color:#223670;cursor:pointer}.data-model-copy-btn:hover{background:#f4f8fa;border-color:#1e9296;color:#1e9296}.data-model-copy-flash{position:absolute;right:calc(100% + 8px);top:50%;margin-top:-.6em;padding:4px 10px;border-radius:6px;background:#1e9296;color:#fff;font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;animation:data-model-copy-flash 1s ease-out forwards;box-shadow:0 2px 8px rgba(30,146,150,.35)}@keyframes data-model-copy-flash{0%{opacity:0;transform:translateX(6px) scale(.92)}12%{opacity:1;transform:translateX(0) scale(1)}70%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(0) scale(.96)}}.data-model-pre{flex:1 1;margin:0;padding:16px;background:#1a1d23;color:#e6edf3;border-radius:10px;overflow:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.55;white-space:pre}.er-node{width:220px;border-radius:8px;overflow:hidden;box-shadow:0 3px 14px rgba(34,54,112,.1);border:2px solid;background:#fff;font-size:11px}.er-header{padding:8px 10px;font-weight:700;font-size:12px}.er-row{display:flex;align-items:center;gap:6px;padding:5px 10px;border-bottom:1px solid #f4f4f4}.er-column-handles{display:contents}.er-row-linked{background:#f4f9ff}.er-row-linked.is-target{box-shadow:inset 3px 0 0 #3d6ea8}.er-row-linked.is-source{box-shadow:inset -3px 0 0 #3d6ea8}.er-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.er-type{color:#888;font-size:10px;font-family:ui-monospace,monospace}.er-footer{font-size:10px;color:#666;padding:5px 10px;border-top:1px dashed #e8e8e8;background:#fafafa}.data-model-edge-cardinality{pointer-events:none;font-size:12px;font-weight:700;font-family:ui-monospace,monospace;color:#2a5080;line-height:1;background:none;padding:0}.data-model-edge-cardinality.is-representative{color:#8a6910}