:root{font-family:Arial,Liberation Sans,sans-serif;color:#172936;background:#edf1f3;font-synthesis:none;--navy: #172d3e;--navy-2: #234458;--blue: #137e9e;--teal: #18a0a7;--line: #d7dfe4;--muted: #6c7c87;--paper: #fff}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ccd6dc;border-radius:6px;background:#fff;color:#273d4a;padding:8px 12px;cursor:pointer;white-space:nowrap}button:hover{border-color:#8fa4af;background:#f7f9fa}button:disabled{opacity:.6;cursor:wait}button.primary{color:#fff;border-color:var(--blue);background:var(--blue);font-weight:600}button.primary:hover{background:#096e8d}.wide{width:100%}.icon-button{width:34px;height:34px;padding:0}input,select,textarea{min-height:36px;border:1px solid #cbd5da;border-radius:5px;background:#fff;color:#1c313e;padding:7px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #137e9e1c}.eyebrow{margin:0 0 5px;color:#78909c;font-size:10px;font-weight:700;letter-spacing:.14em}.login-page{min-height:100vh;display:grid;grid-template-columns:1.3fr 1fr;background:#f3f5f4}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8vw;color:#fff;overflow:hidden;background:linear-gradient(145deg,#142938,#1d4f5f)}.login-brand:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff14;border-radius:50%;right:-220px;bottom:-280px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff05}.brand-mark{width:68px;height:68px;display:grid;place-items:center;background:#fff;color:var(--navy);border-radius:4px;margin-bottom:45px}.login-brand .eyebrow{color:#72d5d6}.login-brand h1{max-width:700px;font-size:clamp(40px,4vw,66px);line-height:1.05;letter-spacing:-.04em;margin:0 0 28px}.login-brand>p:not(.eyebrow){max-width:650px;color:#c6d7dc;font-size:17px;line-height:1.7}.login-metric{display:flex;align-items:center;gap:18px;margin-top:60px}.login-metric strong{font-size:25px}.login-metric span{max-width:180px;color:#9db6bf;font-size:12px}.login-card{align-self:center;justify-self:center;width:min(410px,75%);padding:42px;background:#fff;border-top:4px solid var(--teal);box-shadow:0 18px 60px #18344418}.login-card>svg{color:var(--blue)}.login-card h2{font-size:26px;margin:20px 0 6px}.login-card>p{color:var(--muted);margin:0 0 30px;line-height:1.5}.login-card form{display:grid;gap:18px}.login-card label,.row-dialog label{display:grid;gap:7px;font-size:12px;font-weight:600;color:#526773}.login-card small{display:block;margin-top:22px;color:#91a0a8;text-align:center}.form-error{color:#b23838;background:#fff0f0;padding:9px;border-radius:4px;font-size:12px}.app-shell{height:100vh;background:#edf1f3}.main-area{min-width:0;height:100%;display:grid;grid-template-rows:68px 58px minmax(0,1fr)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--paper);border-bottom:1px solid var(--line)}.topbar>div{display:flex;align-items:center;gap:14px}.topbar h1{margin:0;font-size:19px;letter-spacing:-.02em}.topbar .eyebrow{margin-bottom:2px}.back-button{height:36px}.topbar-brand{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--navy);border-radius:6px}.user-area{font-size:12px}.user-area>span:nth-last-child(2){display:grid}.user-area small{color:var(--muted)}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#35647a;font-weight:700}.connection{display:inline-flex!important;grid-auto-flow:column;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;color:#9b4646;background:#fff0f0}.connection.online{color:#18765e;background:#e9f8f3}.hub-page{min-height:100vh;overflow:auto;background:#edf1f3}.hub-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1240px)/2));color:#fff;background:var(--navy);box-shadow:0 3px 15px #1027332b}.hub-brand,.hub-user{display:flex;align-items:center;gap:12px}.hub-brand>span{width:40px;height:40px;display:grid;place-items:center;color:var(--navy);background:#fff;border-radius:7px}.hub-brand>div,.hub-user>span{display:grid}.hub-brand strong{font-size:18px}.hub-brand small,.hub-user small{color:#a9bdc7;font-size:10px}.hub-user{font-size:12px}.hub-user button{margin-left:10px;color:#d4e1e6;border-color:#ffffff27;background:transparent}.hub-user button:hover{color:#fff;border-color:#fff5;background:#ffffff0c}.hub-content{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:54px 0 70px}.hub-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.hub-intro h1{margin:7px 0 8px;font-size:36px;letter-spacing:-.04em}.hub-intro>div>p:last-child{margin:0;color:var(--muted);font-size:14px}.hub-create{height:42px;padding-inline:17px}.table-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.table-card,.new-table-card{min-height:245px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 5px 18px #1732420b}.table-card{display:grid;grid-template-rows:auto 1fr auto auto;padding:23px}.table-card:hover{border-color:#a8bdc6;box-shadow:0 9px 25px #17324214}.table-card-icon{width:45px;height:45px;display:grid;place-items:center;color:var(--blue);border-radius:7px;background:#e6f3f5}.table-card-body h2{margin:18px 0 8px;overflow:hidden;text-overflow:ellipsis;font-size:18px;white-space:nowrap}.table-card-body p{min-height:39px;margin:0;color:var(--muted);line-height:1.5;font-size:12px}.table-card-meta{display:flex;justify-content:space-between;padding:16px 0;color:#778993;border-top:1px solid #e9edef;font-size:11px}.table-card-meta span{display:inline-flex;align-items:center;gap:6px}.table-card footer{display:flex;align-items:center;justify-content:space-between}.table-card footer>div{display:flex;gap:6px}.table-card footer .icon-button{background:#f8fafb}.open-table{color:var(--blue);border-color:transparent;background:transparent;font-weight:700}.open-table:hover{border-color:#b8d3dc;background:#f1f8fa}.new-table-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#738792;border-style:dashed;background:transparent}.new-table-card:hover{color:var(--blue);border-color:var(--blue);background:#f4fafb}.new-table-card span{font-size:11px}.hub-empty{padding:80px;color:var(--muted);text-align:center}.table-dialog{width:min(760px,90vw)}.table-dialog form{display:grid;gap:18px;padding:22px}.table-dialog label{display:grid;gap:7px;color:#526773;font-size:12px;font-weight:600}.table-dialog textarea{min-height:80px;resize:vertical}.table-dialog footer{display:flex;justify-content:flex-end;gap:8px}.schema-builder{border:1px solid var(--line);border-radius:6px;overflow:hidden}.schema-builder>header{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f4f7f8}.schema-builder>header>div{display:grid;gap:4px}.schema-builder small{color:var(--muted);font-size:10px;font-weight:400}.schema-builder button{padding:7px 9px;font-size:11px}.schema-list{max-height:260px;display:grid;gap:8px;overflow:auto;padding:10px}.schema-row{display:grid;grid-template-columns:minmax(180px,1fr) 120px minmax(180px,1fr) 34px;gap:8px}.schema-row input,.schema-row select{min-width:0}.schema-row:not(:has(input:nth-of-type(2))){grid-template-columns:minmax(180px,1fr) 120px 34px}.schema-empty{margin:0;padding:20px;color:var(--muted);text-align:center;font-size:11px}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafb;border-bottom:1px solid var(--line)}.toolbar button,.toolbar select,.toolbar input{height:36px;font-size:12px}.search-box{width:min(330px,22vw);position:relative}.search-box svg{position:absolute;left:10px;top:10px;color:#81919a}.search-box input{width:100%;padding-left:34px}.date-field{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.date-field input{width:126px}.toolbar-spacer{flex:1}.workspace{min-height:0;display:grid;overflow:hidden;padding:12px}.workspace.with-audit{grid-template-columns:minmax(0,1fr) 360px;gap:12px}.grid-shell{min-width:0;min-height:0;display:grid;grid-template-rows:36px minmax(0,1fr) 29px;background:#fff;border:1px solid var(--line);box-shadow:0 2px 7px #2037470a}.grid-status{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.grid-status strong{color:#334c5a}.loading-dot{width:8px;height:8px;border-radius:50%;background:#13a2a8;opacity:0}.loading-dot.visible{opacity:1;animation:pulse 1s infinite}.virtual-grid{min-height:0;overflow:auto;position:relative;background:#fbfcfc;contain:strict}.grid-canvas{position:relative}.grid-header{position:sticky;top:0;left:0;z-index:5;background:#e9eef1;border-bottom:1px solid #b9c7ce}.header-cell{position:absolute;top:0;height:42px;display:block;overflow:hidden;text-overflow:ellipsis;text-align:left;border:0;border-right:1px solid #cbd5da;border-radius:0;background:#e9eef1;padding:0 10px;color:#415a68;font-size:11px;font-weight:700}.header-cell:hover{background:#dde6ea}.row-number-header{position:sticky;left:0;z-index:7;padding:0;text-align:center;background:#dfe7eb}.grid-row{position:absolute;top:0;left:0;border-bottom:1px solid #e1e6e9;background:#fff}.grid-row:nth-child(2n){background:#fafcfc}.grid-row.active-row{background:#f2f9fa}.grid-cell{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 10px;overflow:hidden;border-right:1px solid #e1e6e9;color:#263d49;font-size:11px;cursor:cell}.row-number-cell{position:sticky;left:0;z-index:3;height:100%;justify-content:center;padding:0;color:#607580;background:#f0f4f6;font-variant-numeric:tabular-nums;cursor:default}.grid-cell>span:not(.skeleton){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-cell.active-cell{outline:2px solid var(--blue);outline-offset:-2px;z-index:2;background:#fff}.grid-cell.metric-high{color:#a13b36;background:#fff3f1}.grid-cell.metric-high:before{content:"▲";font-size:7px;margin-right:5px}.grid-cell.metric-low{color:#17735e;background:#eefaf6}.grid-cell.metric-low:before{content:"▼";font-size:7px;margin-right:5px}.cell-editor{position:absolute;inset:2px;min-height:0;width:calc(100% - 4px);padding:2px 6px;border-radius:2px;font-size:11px}.skeleton{width:70%;height:8px;border-radius:4px;background:linear-gradient(90deg,#e8edef,#f5f7f8,#e8edef);background-size:200%;animation:shimmer 1.4s infinite}.grid-hint{padding:7px 11px;color:#7c8c95;border-top:1px solid var(--line);font-size:10px}.context-menu{position:fixed;z-index:40;display:grid;width:205px;padding:5px;border:1px solid #cfd9de;background:#fff;box-shadow:0 12px 35px #1f384838}.context-menu button{justify-content:flex-start;border:0;border-radius:3px;font-size:12px}.danger-text{color:#b34040}.audit-panel{min-width:0;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr);background:#fff;border:1px solid var(--line)}.audit-panel>header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line)}.audit-panel>header>div{display:flex;gap:8px;align-items:center}.audit-table{overflow:auto}.audit-head,.audit-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;align-items:center;padding:8px 10px;font-size:10px;border-bottom:1px solid #e6ebed}.audit-head{position:sticky;top:0;z-index:2;background:#eef2f4;color:#73838c;font-weight:700}.audit-row>span{min-width:0}.audit-row strong{display:block;font-size:10px}.audit-row small{display:block;overflow:hidden;text-overflow:ellipsis;color:#82919a;white-space:nowrap}.undo-button{width:22px;height:22px;padding:0;margin-left:3px;border:0;color:var(--blue)}.empty-state{margin:auto;padding:40px 20px;text-align:center;color:#89979f;font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#10253088;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(650px,90vw);max-height:88vh;overflow:auto;background:#fff;box-shadow:0 22px 80px #0b1e2966}.modal>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.modal>header>div{display:flex;align-items:center;gap:11px}.modal h2{margin:0;font-size:21px}.modal header p{margin:3px 0 0;color:var(--muted);font-size:11px}.row-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px}.row-dialog .span-2{grid-column:span 2}.row-dialog input,.row-dialog select{width:100%}.row-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.input-action{display:grid;grid-template-columns:1fr 38px}.input-action select{border-radius:5px 0 0 5px}.input-action button{border-radius:0 5px 5px 0;padding:0}.nested-modal{position:absolute;z-index:2;width:340px;max-height:330px;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-rows:auto auto 1fr;gap:10px;padding:15px;background:#fff;border:1px solid #bfcbd1;box-shadow:0 15px 50px #152f3e44}.nested-modal header{display:flex;justify-content:space-between;align-items:center}.nested-modal>div{display:grid;overflow:auto}.nested-modal>div button{justify-content:flex-start;border:0}.row-dialog{position:relative}.comments-modal{height:min(620px,85vh);display:grid;grid-template-rows:auto 1fr auto}.comment-list{overflow:auto;padding:15px 22px;background:#f7f9fa}.comment-list article,.history-list article{padding:13px;margin-bottom:9px;background:#fff;border-left:3px solid #94b4c0}.comment-list article>div,.history-list article>div{display:flex;justify-content:space-between;font-size:11px}.comment-list time,.history-list time{color:var(--muted)}.comment-list p,.history-list p{margin:8px 0 0;line-height:1.5;font-size:12px}.comments-modal form{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:14px;border-top:1px solid var(--line)}.comments-modal textarea{min-height:70px;resize:none}.comment-list article>div>span{display:flex;align-items:center;gap:4px}.comment-list article button{width:23px;height:23px;padding:0;border:0;color:#657985;background:transparent}.details-modal{height:min(600px,85vh)}.details-modal>header>div:last-child{display:flex;gap:8px}.tabs{display:flex;gap:20px;padding:0 22px;border-bottom:1px solid var(--line)}.tabs button{padding:14px 2px;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted)}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.tabs span{padding:2px 6px;border-radius:10px;background:#e8eef1;font-size:10px}.attribute-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:22px;background:var(--line);border:1px solid var(--line)}.attribute-grid>div{min-height:80px;display:flex;flex-direction:column;justify-content:center;padding:14px;background:#fff}.attribute-grid span{color:var(--muted);font-size:11px;margin-bottom:7px}.attribute-grid strong{font-size:14px}.history-list{max-height:430px;overflow:auto;padding:20px;background:#f7f9fa}.toast{position:fixed;z-index:90;right:25px;bottom:25px;max-width:400px;padding:12px 18px;border-left:4px solid #169878;background:#153342;color:#fff;box-shadow:0 10px 35px #10263255;font-size:12px}.toast.error{border-left-color:#e05c55}@keyframes pulse{50%{opacity:.25}}@keyframes shimmer{to{background-position:-200%}}@media(max-width:1450px){.workspace.with-audit{grid-template-columns:minmax(0,1fr) 310px}.toolbar .date-field{display:none}.connection{display:none!important}}