@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{color:#172a28;font-synthesis:none;background:#f7f8f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.sidebar{color:#e3f0e9;background:#102b29;flex-direction:column;width:240px;min-width:240px;height:100vh;padding:29px 17px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;margin:0 11px 64px;display:flex}.brand-logo{letter-spacing:-4px;color:#143c33;background:#c7e9d1;border-radius:11px;place-items:center;width:38px;height:38px;padding-right:4px;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;line-height:1;display:grid}.brand-logo span{color:#56a883}.brand strong{letter-spacing:-.8px;font:800 18px Manrope,sans-serif;display:block}.brand-light{color:#8dccac}.brand small{letter-spacing:2px;color:#9ab8ad;font-size:9px;font-weight:700}.sidebar-section{letter-spacing:1.8px;color:#779c90;margin:0 18px 14px;font-size:10px;font-weight:700}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#b3c9c1;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:13px 16px;font-size:13px;font-weight:600;display:flex}.sidebar nav button:hover{background:#21413b}.sidebar nav button.active{color:#e7f5e9;background:#285244;box-shadow:inset 3px 0 #a3e4b9}.sidebar-bottom{margin-top:auto}.connection{color:#b4cfc1;background:#173a34;border:1px solid #2b5146;border-radius:9px;margin-bottom:18px;padding:13px 12px;font-size:11px}.green-dot{background:#8ee1ad;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #286547}.profile{border-top:1px solid #2d4942;align-items:center;gap:9px;min-width:0;padding:19px 2px 0;display:flex}.avatar{color:#245541;background:#d0e9d6;border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;font-weight:800;display:grid}.profile>div:nth-child(2){flex:1;min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.profile small{color:#9bbbaf;text-transform:capitalize;font-size:10px;display:block}.profile button{color:#b9cec5;background:0 0;border:0}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e4e9e3;justify-content:space-between;align-items:center;height:72px;padding:0 42px;display:flex}.crumb{letter-spacing:1.5px;color:#80938a;font-size:10px;font-weight:800}.crumb span{color:#bfcbc4;padding:0 13px}.crumb b{color:#356853}.top-actions{color:#55736a;align-items:center;gap:22px;font-size:11px;font-weight:700;display:flex}.top-actions span{align-items:center;gap:7px;display:flex}.top-actions a{color:#285846}.content{max-width:1800px;margin:auto;padding:42px}.page-intro{justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px;display:flex}.eyebrow{letter-spacing:2px;color:#3c8568;text-transform:uppercase;font-size:10px;font-weight:800}.page-intro h1{letter-spacing:-1.7px;margin:11px 0 10px;font:800 clamp(27px,3vw,42px)/1.15 Manrope,sans-serif}.page-intro h1 em,.login h1 em{color:#4b9d75;font-style:normal}.page-intro p{color:#6c7d74;margin:0;font-size:13px;line-height:1.6}.stats{background:#fff;border:1px solid #e5ebe5;border-radius:13px;gap:27px;padding:17px 20px;display:flex;box-shadow:0 6px 25px #243d2b08}.stats div{min-width:58px}.stats strong{letter-spacing:-1px;font:800 22px Manrope,sans-serif;display:block}.stats span{letter-spacing:1.5px;color:#879b8e;font-size:9px;font-weight:800}.toolbar{background:#fff;border:1px solid #e5ebe5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px 15px;display:flex}.search{color:#849b8d;flex:1;align-items:center;gap:10px;min-width:180px;display:flex}.search input{border:0;outline:0;width:100%;font-size:12px}.toggle{color:#60766a;white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.toggle input{accent-color:#398d67}.quiet{color:#426a58;background:0 0;border:0;align-items:center;gap:6px;padding:8px;font-size:11px;font-weight:700;display:inline-flex}.quiet:hover{color:#237345}.primary{color:#fff;white-space:nowrap;background:#255e49;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.primary:hover{background:#1c4e3b}.primary.small{padding:9px 13px;font-size:11px}.loading,.empty{text-align:center;color:#87998e;padding:45px;font-size:12px}.diagram-legend{color:#7b8e82;align-items:center;gap:21px;margin:18px 4px;font-size:10px;font-weight:700;display:flex}.diagram-legend span{align-items:center;gap:7px;display:flex}.line-sample{border-top:2px solid #83b69a;width:20px;display:inline-block}.pk-sample,.pk{color:#38845f;background:#e7f5e9;border-radius:3px;padding:2px 4px;font-size:8px;font-style:normal;font-weight:800}.diagram-scroller{background-color:#fbfcfa;background-image:radial-gradient(#dce9dc 1px,#0000 1px);background-size:20px 20px;border:1px solid #dfebe2;border-radius:14px;max-height:650px;position:relative;overflow:auto}.diagram-canvas{align-items:stretch;gap:24px;min-height:360px;padding:28px;display:flex;position:relative}.edges{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.edge{fill:none;stroke:#9fc6ad;stroke-width:1.5px;opacity:.65}.edge.active{stroke:#319468;stroke-width:2.5px;opacity:1}.schema-column{z-index:2;flex-direction:column;flex:none;gap:13px;width:282px;display:flex}.schema-card{color:#fff;word-break:break-word;background:#244d3e;border-radius:10px;min-height:67px;padding:15px;font-size:11px;font-weight:800;box-shadow:0 7px 20px #15402b15}.schema-card small{color:#a9d1b7;letter-spacing:1px;margin:6px 0 0 20px;font-size:8px;display:block}.schema-mark{background:#88dab0;border-radius:3px;width:10px;height:10px;margin-right:9px;display:inline-block}.table-node{text-align:left;color:#24392d;background:#fff;border:1px solid #dae6dc;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 5px 14px #24452b0a}.table-node:hover,.table-node.focused{border-color:#4baa78;box-shadow:0 8px 20px #26745421}.node-title{color:#32664c;background:#f2f8f2;align-items:center;gap:8px;padding:11px 13px;display:flex}.node-title strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.node-title span{color:#74927c;font-size:9px}.node-columns{padding:8px 13px 10px}.node-columns div{color:#5d7361;white-space:nowrap;justify-content:space-between;align-items:center;padding:4px 0;font-size:10px;display:flex;overflow:hidden}.node-columns div span{text-overflow:ellipsis;overflow:hidden}.node-columns i{color:#44825d;font-size:8px;font-style:normal;font-weight:800}.node-columns small{color:#8ca18f;font-size:9px}.detail-card{background:#eaf4ec;border:1px solid #d0e6d4;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:22px;display:flex}.detail-card h2{letter-spacing:-.7px;margin:7px 0;font:800 19px Manrope,sans-serif}.detail-card h2 span{color:#60a778}.detail-card p{color:#587161;max-width:800px;margin:0;font-size:12px;line-height:1.6}.chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chips span{color:#4e7659;background:#fff;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:700}.related{color:#597665;gap:5px;margin-top:12px;font-size:10px;display:grid}.related b{font-weight:800}.function-list{margin-top:42px}.function-list h2{letter-spacing:-.7px;margin:8px 0 17px;font:800 22px Manrope,sans-serif}.function-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.function-grid button{text-align:left;background:#fff;border:1px solid #e2ebe2;border-radius:10px;min-height:145px;padding:17px}.function-grid button:hover{border-color:#7bb98d}.function-grid button span{letter-spacing:1px;text-transform:uppercase;color:#5e9b6c;font-size:9px;font-weight:800}.function-grid button strong{overflow-wrap:anywhere;margin:7px 0;font-size:12px;display:block}.function-grid button p{color:#718475;margin:0 0 8px;font-size:11px;line-height:1.5}.function-grid button small{color:#2b7951;font-weight:800}.data-layout{align-items:stretch;gap:17px;display:flex}.table-list{background:#fff;border:1px solid #e3eae3;border-radius:12px;flex:none;width:225px;max-height:720px;padding:16px 10px;overflow:auto}.list-heading{letter-spacing:1.5px;color:#6c8271;padding:4px 8px 15px;font-size:10px;font-weight:800}.list-heading span{float:right;color:#a4b7a7}.schema-heading{word-break:break-word;color:#8da496;text-transform:uppercase;letter-spacing:.7px;border-top:1px solid #eef2ed;margin:8px 7px 4px;padding-top:15px;font-size:9px;font-weight:800}.table-list button{text-align:left;color:#66786b;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;padding:9px 8px;font-size:11px;display:flex}.table-list button span{text-overflow:ellipsis;flex:1;overflow:hidden}.table-list button.selected{color:#246245;background:#eaf4eb;font-weight:800}.table-list button i{background:#7fb793;border-radius:50%;width:5px;height:5px}.data-panel{background:#fff;border:1px solid #e3eae3;border-radius:12px;flex:1;min-width:0;overflow:hidden}.panel-head{justify-content:space-between;align-items:start;gap:12px;padding:24px 25px 20px;display:flex}.panel-head h2{margin:6px 0;font:800 23px Manrope,sans-serif}.panel-head p{color:#718475;margin:0;font-size:11px;line-height:1.5}.read-badge{color:#40835a;letter-spacing:.5px;white-space:nowrap;background:#edf6ed;border-radius:5px;padding:7px 9px;font-size:9px;font-weight:800}.filterbar{border-block:1px solid #eef2ec;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 20px;display:flex}.filterbar input,.filterbar select{color:#435d4a;background:#fff;border:1px solid #e0e9df;border-radius:6px;outline:0;padding:8px 9px;font-size:11px}.filterbar>input{flex:1;min-width:90px}.select-wrap{color:#6a9577;align-items:center;gap:5px;display:flex}.select-wrap select{max-width:190px}.grid-scroll{max-height:560px;overflow:auto}.data-grid{border-collapse:collapse;white-space:nowrap;min-width:100%;font-size:11px}.data-grid th{text-align:left;z-index:1;color:#436f50;background:#f7faf6;border-bottom:1px solid #e5ece3;padding:10px 14px;position:sticky;top:0}.data-grid th button{white-space:nowrap;color:#3c6649;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:800;display:flex}.data-grid th small{color:#91a092;margin-top:4px;font-size:9px;font-weight:500;display:block}.data-grid td{color:#526556;text-overflow:ellipsis;border-bottom:1px solid #edf1ed;max-width:230px;padding:12px 14px;overflow:hidden}.data-grid tr:hover td{background:#f8fbf8}.null-value{color:#a6b4a7;font-style:italic}.edit-btn{color:#38865a;background:#f1f8f2;border:1px solid #d6e7d8;border-radius:5px;padding:6px}.pagination{color:#849686;justify-content:space-between;align-items:center;padding:15px 20px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:12px;display:flex}.pagination button{color:#63816a;background:#fff;border:1px solid #e4ebe2;border-radius:5px;place-items:center;padding:5px;display:grid}.log-panel{background:#fff;border:1px solid #e3eae3;border-radius:12px;overflow:hidden}.log-head,.log-row{grid-template-columns:170px minmax(160px,1.1fr) minmax(200px,1.2fr) minmax(200px,1.6fr);align-items:center;gap:10px;padding:16px 21px;display:grid}.log-head{letter-spacing:1.4px;color:#829786;background:#f6faf6;font-size:9px;font-weight:800}.log-row{text-align:left;color:#59705e;background:#fff;border:0;border-top:1px solid #edf2ed;width:100%;font-size:11px}.log-row:hover{background:#f8fbf7}.log-row b{color:#a2b3a5;font-weight:600}.log-row span:last-child{justify-content:space-between;align-items:center;display:flex}.log-empty{padding:70px}.notice{border-radius:7px;padding:12px 15px;font-size:12px}.notice.error{color:#ab4535;background:#fff0ee}.global-error{justify-content:space-between;margin:15px 42px 0;display:flex}.global-error button{color:inherit;background:0 0;border:0}.modal-backdrop{z-index:20;background:#0a2119a8;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;flex-direction:column;width:min(630px,100vw);height:100%;display:flex;box-shadow:-12px 0 40px #061b1740}.modal-head{border-bottom:1px solid #e3ebe2;justify-content:space-between;gap:10px;padding:30px 30px 20px;display:flex}.modal-head h2{overflow-wrap:anywhere;margin:8px 0;font:800 19px Manrope,sans-serif}.modal-head p{color:#7d9080;margin:0;font-size:11px}.modal-head button{color:#719078;background:0 0;border:0;align-self:start}.modal-body{flex:1;padding:23px 30px;overflow:auto}.field{margin-bottom:18px;display:block}.field>span{color:#355641;justify-content:space-between;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.field small{color:#91a397;font-size:10px;font-weight:500}.field input,.field textarea,.field select{color:#324e38;background:#fff;border:1px solid #dbe6d9;border-radius:7px;outline:0;width:100%;padding:10px;font-size:12px}.field input:disabled,.field textarea:disabled,.field select:disabled{color:#8d9d90;background:#f4f7f3}.field textarea{resize:vertical;font-family:monospace}.modal-actions{border-top:1px solid #e7ede5;align-items:center;gap:12px;padding:18px 30px;display:flex}.modal-actions span{color:#879b89;margin-right:auto;font-size:11px}.log-diff{border-top:1px solid #e6eee6;margin:20px 0;padding-top:12px}.log-diff strong{color:#2e6141;font-size:12px}.log-diff>div{margin-top:10px}.log-diff span{letter-spacing:1px;color:#819883;font-size:9px;font-weight:800}.modal pre{white-space:pre-wrap;word-break:break-word;color:#47664e;background:#f4f7f3;border:1px solid #e5ece3;border-radius:6px;padding:11px;font-size:11px}.login{min-height:100vh;display:flex}.login-card{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;max-width:800px;padding:8vw;display:flex}.login-card .brand-logo{margin-bottom:85px}.login h1{letter-spacing:-3.5px;margin:15px 0 22px;font:800 clamp(42px,5vw,70px)/1.07 Manrope,sans-serif}.login-card p{color:#718378;max-width:390px;margin:0 0 35px;font-size:14px;line-height:1.75}.google-signin{min-height:45px}.login-foot{color:#9aafa0;margin-top:32px;font-size:10px}.login-card .notice{margin-top:18px}.muted{color:#8ca18e;font-size:12px}.login-art{color:#e4f4e5;background:#153b30;flex-direction:column;flex:1;justify-content:space-between;padding:75px;display:flex;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.login-art>span,.login-art>small{letter-spacing:2px;color:#a9cbb4;z-index:1;font-size:10px}.login-art strong{letter-spacing:-2px;z-index:1;font:800 clamp(32px,4vw,61px)/1.15 Manrope,sans-serif}.art-nodes{border:1px solid #6fae8166;width:100%;height:180px;margin:auto 0;position:relative;transform:rotate(-8deg)}.art-nodes:before,.art-nodes:after{content:"";border-top:2px solid #a1dcad88;width:70%;position:absolute;top:40%;left:15%;transform:rotate(22deg)}.art-nodes:after{transform:rotate(-18deg)}.art-nodes i{z-index:2;background:#b9e4c5;border-radius:13px;width:52px;height:52px;position:absolute;box-shadow:0 15px 35px #0b302577}.art-nodes i:first-child{top:15%;left:10%}.art-nodes i:nth-child(2){top:30%;left:60%}.art-nodes i:nth-child(3){top:70%;left:32%}.art-nodes i:nth-child(4){top:77%;left:83%}@media (max-width:1050px){.content{padding:25px}.topbar{padding:0 25px}.data-layout{flex-direction:column}.table-list{width:100%;max-height:210px}.sidebar{width:190px;min-width:190px}.login-art{display:none}}@media (max-width:700px){.sidebar{width:60px;min-width:60px;padding:20px 5px}.sidebar .brand{margin:0 6px 40px}.brand>div:nth-child(2),.sidebar-section,.sidebar nav button:not(.active),.sidebar nav button.active{font-size:0}.sidebar nav button{justify-content:center;padding:13px}.sidebar nav button svg{min-width:18px}.sidebar-bottom,.top-actions{display:none}.page-intro{flex-direction:column;align-items:start}.stats{justify-content:space-around;width:100%}.content{padding:18px}.topbar{padding:0 18px}.crumb{font-size:9px}.detail-card{flex-direction:column;align-items:stretch}.diagram-legend{flex-wrap:wrap}.log-head,.log-row{grid-template-columns:120px 1fr;gap:7px}.log-head span:nth-child(n+3),.log-row span:nth-child(n+3){display:none}}