:root{--color-white: #ffffff;--color-black: #18191b;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-white-100: #E5E7EB;--color-white-200: #D1D5DB;--color-white-300: #B9BEC6;--color-white-400: #9CA3AF;--color-white-500: #7E8696;--color-white-600: #6B7280;--color-white-700: #4B5563;--color-white-800: #374151;--color-white-900: #1F2937;--color-blue-100: #DBEAFE;--color-blue-200: #BFDBFE;--color-blue-300: #93C5FD;--color-blue-400: #60A5FA;--color-blue-500: #3B82F6;--color-blue-600: #2563EB;--color-blue-700: #1D4ED8;--color-blue-800: #1E40AF;--color-blue-900: #1E3A8A;--color-green-100: #DCFCE7;--color-green-200: #BBF7D0;--color-green-300: #86EFAC;--color-green-400: #4ADE80;--color-green-500: #22C55E;--color-green-600: #16A34A;--color-green-700: #15803D;--color-green-800: #166534;--color-green-900: #14532D;--color-red-100: #f12c2c;--color-red-400: #E55353}.light{--color-text-default: var(--color-black);--color-blue: var(--color-blue-800);--color-blue-hover: var(--color-blue-700);--bg-elements: var(--color-white);--bg-body: var(--color-white);--bg-input: var(--color-white);--bg-red-tag: var(--color-red-100);--bg-green-tag: var(--color-green-700);--bg-blue-tag: var(--color-blue-700);--bg-gray: var(--color-white);--bg-gray-hover: var(--color-white-100);--bg-gray-white: var(--color-white-200);--bg-gray-white-hover: var(--color-white-300);--border-default: var(--color-white-100);--border-input: var(--color-white-200);--border-input-hover: var(--color-white-300)}.dark{--color-text-default: var(--color-white);--color-blue: var(--color-blue-600);--color-blue-hover: var(--color-blue-500);--bg-elements: var(--color-gray-800);--bg-body: var(--color-gray-900);--bg-input: var(--color-gray-700);--bg-red-tag: var(--color-red-400);--bg-green-tag: var(--color-green-500);--bg-blue-tag: var(--color-blue-500);--bg-gray: var(--color-gray-700);--bg-gray-hover: var(--color-gray-600);--bg-gray-white: var(--color-gray-500);--bg-gray-white-hover: var(--color-gray-400);--border-default: var(--color-gray-700);--border-input: var(--color-gray-600);--border-input-hover: var(--color-gray-500)}.btn-router-link{display:flex;text-decoration:none;text-align:center;box-sizing:border-box}.btn-blue{position:relative;display:flex;width:fit-content;min-height:38px;height:fit-content;justify-content:center;align-items:center;flex-direction:row;padding:8px 16px;gap:8px;font-weight:500;font-size:14px;color:#fff;text-align:center;cursor:pointer;background:var(--color-blue);border:none;border-radius:8px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.btn-blue:hover{background:var(--color-blue-hover)}.btn-blue:active{background:var(--color-blue)}body,html{inset:0;padding:0;margin:0%}body{background-color:var(--bg-body);color:var(--color-text-default)}*,*:before,*:after{box-sizing:border-box}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{display:flex;position:relative;width:100%;max-width:1260px;height:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;flex-direction:column;gap:0px;overflow:visible;box-sizing:border-box}@media(max-width:430px){.content{padding-left:16px;padding-right:16px}}@media(max-width:360px){.content{padding-left:12px;padding-right:12px}}.full-size[data-v-ca5508ec]{display:flex;position:relative;width:100%;height:100%}.header-default[data-v-a581ab47]{display:flex;position:relative;width:100%;height:64px;background:var(--bg-elements);border-bottom-width:1px;border-color:var(--border-default);box-shadow:0 4px 12px #0003}.content[data-v-a581ab47]{height:100%;flex-direction:row;align-items:center;justify-content:space-between}.content>.title[data-v-a581ab47]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:20px;font-weight:700;color:var(--color-text-default)}.content>.toggler-color-mode[data-v-a581ab47]{cursor:pointer;color:var(--color-text-default);opacity:.6;transition:all .3s ease}.content>.toggler-color-mode[data-v-a581ab47]:hover{opacity:.9}.footer-default[data-v-acf9064f]{display:flex;position:relative;width:100%;height:80px;margin-top:auto;background:var(--bg-elements);border-top-width:1px;border-color:var(--border-default);box-shadow:0 -4px 12px -1px #0003}.content[data-v-acf9064f]{height:100%}.content>.dev-info[data-v-acf9064f]{display:inline-flex;position:relative;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:500;opacity:.8}.layout-default[data-v-92159dc7]{display:flex;position:relative;width:100%;min-height:100svh;height:auto;flex-direction:column;gap:0px;overflow:hidden}.layout-default-content[data-v-92159dc7]{display:flex;position:relative;width:100%;height:100%;flex-direction:column;gap:0px;overflow:hidden}.landing[data-v-28eaa679]{display:flex;position:relative;width:100%;height:fit-content}.default-input[data-v-42696399]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:4px}.default-input>.input-label[data-v-42696399]{position:relative;display:flex;width:fit-content;height:fit-content;flex-direction:row;align-items:center;gap:10px;font-weight:500;font-size:14px;opacity:.9}.input-wrapper[data-v-42696399]{display:inline-block;position:relative;width:100%;height:fit-content}.my-input[data-v-42696399]{display:flex;position:relative;width:100%;height:42px;flex-direction:column;align-items:flex-start;padding:8px 12px;gap:10px;font-weight:400;font-size:16px;border:1px solid var(--border-input);border-radius:6px;background:var(--bg-input);box-sizing:border-box;transition:border .3s ease}.my-input[data-v-42696399]:hover{border:1px solid var(--border-input-hover)}.my-input[data-v-42696399]:focus{border:1px solid var(--color-blue);outline:none}.error-msg[data-v-42696399]{position:relative;display:flex;width:fit-content;height:fit-content;flex-direction:row;align-items:center;padding:0 16px;gap:10px;font-family:Montserrat;font-weight:500;font-size:12px;line-height:150%;color:#ef4444}.login[data-v-33b6293c]{display:flex;position:relative;width:100%;height:fit-content;padding:24px 0}.content[data-v-33b6293c]{flex-direction:column;align-items:center}.login-block[data-v-33b6293c]{display:flex;position:relative;width:100%;max-width:448px;height:fit-content;flex-direction:column;gap:24px;padding:24px;box-sizing:border-box;background:var(--bg-elements);border:1px solid var(--border-default);border-radius:8px;box-shadow:0 4px 12px #0003}.login-block>.title[data-v-33b6293c]{display:inline-flex;position:relative;width:100%;height:fit-content;font-size:24px;font-weight:700;flex-direction:column;align-items:center;text-align:center}.login-block>.form[data-v-33b6293c]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:16px}.CustomDetails[data-v-86ed83ad]{position:relative;display:flex;width:100%;flex-direction:column;padding:8px 12px;justify-content:center;align-items:flex-start;background:var(--bg-gray);border-radius:8px;box-shadow:0 4px 12px #0003;box-sizing:border-box}.DetailHead[data-v-86ed83ad]{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;flex-direction:row;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer;word-break:break-word}.toggler[data-v-86ed83ad]{position:relative;display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;font-weight:500;border-radius:6px;background:var(--bg-gray-white);transition:all .3s ease}.toggler[data-v-86ed83ad]:hover{background:var(--bg-gray-white-hover)}.toggler[data-v-86ed83ad]:active{background:var(--bg-gray-white)}.DetailHeadContent[data-v-86ed83ad]{position:relative;display:flex;width:100%;flex-direction:row;align-items:center;gap:8px;word-break:break-word;transition:all .3s ease}.DetailHeadContent[data-v-86ed83ad]:hover{opacity:.7}.DetailHeadContent[data-v-86ed83ad]:active{opacity:1}.DetailBody[data-v-86ed83ad]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,margin-top .3s ease;width:100%}.DetailBody--open[data-v-86ed83ad]{grid-template-rows:1fr}.DetailBody-content[data-v-86ed83ad]{overflow:hidden;min-height:0}@media(max-width:480px){.DetailBody-content[data-v-86ed83ad]{font-size:14px;line-height:150%}}.CustomDetails[data-v-4c6c8fb8]{position:relative;display:flex;width:100%;flex-direction:column;padding:0;justify-content:center;align-items:flex-start;background:var(--bg-gray);border-radius:8px;box-sizing:border-box}.DetailHead[data-v-4c6c8fb8]{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;flex-direction:row;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer;word-break:break-word}.toggler[data-v-4c6c8fb8]{position:relative;display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;font-weight:500;border-radius:6px;background:var(--bg-gray-white);transition:all .3s ease}.toggler[data-v-4c6c8fb8]:hover{background:var(--bg-gray-white-hover)}.toggler[data-v-4c6c8fb8]:active{background:var(--bg-gray-white)}.DetailHeadContent[data-v-4c6c8fb8]{position:relative;display:flex;width:100%;flex-direction:row;align-items:center;gap:8px;word-break:break-word;transition:all .3s ease}.DetailHeadContent[data-v-4c6c8fb8]:hover{opacity:.7}.DetailHeadContent[data-v-4c6c8fb8]:active{opacity:1}.DetailBody[data-v-4c6c8fb8]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,margin-top .3s ease;width:100%}.DetailBody--open[data-v-4c6c8fb8]{grid-template-rows:1fr}.DetailBody-content[data-v-4c6c8fb8]{overflow:hidden;min-height:0}@media(max-width:480px){.DetailBody-content[data-v-4c6c8fb8]{font-size:14px;line-height:150%}}.side-menu[data-v-353f14a8]{display:flex;position:relative;min-width:350px;width:350px;height:100%;padding:12px;box-sizing:border-box;background:var(--bg-elements);border:1px solid var(--border-default);border-radius:16px 0 0 16px;box-shadow:0 4px 12px #0003}.db-list[data-v-353f14a8]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:12px}.db-name[data-v-353f14a8]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:16px;font-weight:500;color:var(--color-text-default)}.table-list[data-v-353f14a8]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:12px;padding-left:10px}.table-name[data-v-353f14a8]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:16px;font-weight:500;color:var(--color-text-default)}.field-list[data-v-353f14a8]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:8px;padding-left:32px}.field-name[data-v-353f14a8]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:14px;font-weight:400;color:var(--color-text-default)}.head-detail[data-v-353f14a8]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.db-tag[data-v-353f14a8]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:16px;font-weight:500;padding:3px 7px;color:#fff;background:var(--bg-red-tag);border-radius:8px}.table-tag[data-v-353f14a8]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:14px;font-weight:400;padding:3px 7px;color:#fff;background:var(--bg-green-tag);border-radius:8px}.field-tag[data-v-353f14a8]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:14px;font-weight:400;padding:3px 7px;color:#fff;background:var(--bg-blue-tag);border-radius:8px}.tables[data-v-1592dcba]{display:flex;flex-direction:column;gap:16px;height:100%;width:100%}.tables-search[data-v-1592dcba]{display:flex;position:relative;align-items:center;width:100%}.search-icon[data-v-1592dcba]{position:absolute;left:12px;color:var(--color-gray-400)}.search-input[data-v-1592dcba]{width:100%;padding:10px 12px 10px 42px;font-size:14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--color-text-default);transition:border-color .2s ease}.search-input[data-v-1592dcba]:hover{border-color:var(--border-input-hover)}.search-input[data-v-1592dcba]:focus{outline:none;border-color:var(--color-blue)}.search-input[data-v-1592dcba]::placeholder{color:var(--color-gray-400)}.tables-list[data-v-1592dcba]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;min-height:0}.tables-list[data-v-1592dcba]::-webkit-scrollbar{width:6px}.tables-list[data-v-1592dcba]::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:3px}.tables-list[data-v-1592dcba]::-webkit-scrollbar-thumb{background:var(--color-gray-500);border-radius:3px}.tables-list[data-v-1592dcba]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.table-item[data-v-1592dcba]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-gray);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .2s ease}.table-item[data-v-1592dcba]:hover{background:var(--bg-gray-hover);border-color:var(--border-input-hover)}.table-item-info[data-v-1592dcba]{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.table-name[data-v-1592dcba]{font-size:14px;font-weight:500;color:var(--color-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-records[data-v-1592dcba]{font-size:12px;color:var(--color-gray-400);background:var(--bg-gray-white);padding:2px 6px;border-radius:4px;white-space:nowrap}.table-actions[data-v-1592dcba]{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.table-item:hover .table-actions[data-v-1592dcba]{opacity:1}.action-btn[data-v-1592dcba]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--color-gray-400);cursor:pointer;transition:all .2s ease}.action-btn[data-v-1592dcba]:hover{background:var(--bg-gray-white);color:var(--color-text-default)}.view-btn[data-v-1592dcba]:hover{color:var(--color-blue)}.edit-btn[data-v-1592dcba]:hover{color:var(--color-green-500)}.delete-btn[data-v-1592dcba]:hover{color:var(--color-red-400)}.tables-empty[data-v-1592dcba]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--color-gray-400);text-align:center;gap:8px}.tables-empty svg[data-v-1592dcba]{color:var(--color-gray-500);opacity:.5}.tables-empty p[data-v-1592dcba]{font-size:14px;margin:0}.create-table-btn[data-v-1592dcba]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg-gray);border:1px dashed var(--border-input);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-default);cursor:pointer;transition:all .2s ease;margin-top:auto}.create-table-btn[data-v-1592dcba]:hover{background:var(--bg-gray-hover);border-color:var(--color-blue);color:var(--color-blue)}.create-table-btn svg[data-v-1592dcba]{transition:transform .2s ease}.create-table-btn:hover svg[data-v-1592dcba]{transform:rotate(90deg)}@media(max-width:768px){.table-actions[data-v-1592dcba]{opacity:1}.table-actions[data-v-1592dcba]{background:var(--bg-gray-white);border-radius:6px;padding:2px}}.table-fields[data-v-eecf029e]{display:flex;flex-direction:column;gap:16px;height:100%;width:100%}.fields-search[data-v-eecf029e]{display:flex;position:relative;align-items:center;width:100%}.search-icon[data-v-eecf029e]{position:absolute;left:12px;color:var(--color-gray-400)}.search-input[data-v-eecf029e]{width:100%;padding:10px 12px 10px 42px;font-size:14px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:8px;color:var(--color-text-default);transition:border-color .2s ease}.search-input[data-v-eecf029e]:hover{border-color:var(--border-input-hover)}.search-input[data-v-eecf029e]:focus{outline:none;border-color:var(--color-blue)}.search-input[data-v-eecf029e]::placeholder{color:var(--color-gray-400)}.fields-list[data-v-eecf029e]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;min-height:0}.fields-list[data-v-eecf029e]::-webkit-scrollbar{width:6px}.fields-list[data-v-eecf029e]::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:3px}.fields-list[data-v-eecf029e]::-webkit-scrollbar-thumb{background:var(--color-gray-500);border-radius:3px}.fields-list[data-v-eecf029e]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.field-item[data-v-eecf029e]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-gray);border:1px solid var(--border-default);border-radius:8px;cursor:pointer;transition:all .2s ease}.field-item[data-v-eecf029e]:hover{background:var(--bg-gray-hover);border-color:var(--border-input-hover)}.field-item.primary-key[data-v-eecf029e]{border-left:3px solid var(--color-blue)}.field-item-info[data-v-eecf029e]{display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden}.field-name-wrapper[data-v-eecf029e]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.field-name[data-v-eecf029e]{font-size:14px;font-weight:500;color:var(--color-text-default)}.primary-key-badge[data-v-eecf029e]{font-size:10px;font-weight:600;padding:2px 4px;background:var(--color-blue);color:#fff;border-radius:4px;text-transform:uppercase}.foreign-key-badge[data-v-eecf029e]{font-size:10px;font-weight:600;padding:2px 4px;background:var(--color-green-500);color:#fff;border-radius:4px;text-transform:uppercase}.nullable-badge[data-v-eecf029e]{font-size:10px;font-weight:600;padding:2px 4px;background:var(--color-gray-500);color:#fff;border-radius:4px}.field-type-wrapper[data-v-eecf029e]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-gray-400);flex-wrap:wrap}.field-type[data-v-eecf029e]{color:var(--color-blue);font-weight:500}.field-length[data-v-eecf029e]{color:var(--color-gray-400)}.field-default[data-v-eecf029e]{color:var(--color-green-500);font-size:11px;background:var(--bg-gray-white);padding:2px 4px;border-radius:4px}.field-actions[data-v-eecf029e]{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.field-item:hover .field-actions[data-v-eecf029e]{opacity:1}.action-btn[data-v-eecf029e]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--color-gray-400);cursor:pointer;transition:all .2s ease}.action-btn[data-v-eecf029e]:hover{background:var(--bg-gray-white);color:var(--color-text-default)}.edit-btn[data-v-eecf029e]:hover{color:var(--color-green-500)}.delete-btn[data-v-eecf029e]:hover{color:var(--color-red-400)}.fields-empty[data-v-eecf029e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;color:var(--color-gray-400);text-align:center;gap:12px}.fields-empty svg[data-v-eecf029e]{color:var(--color-gray-500);opacity:.5}.fields-empty p[data-v-eecf029e]{font-size:14px;margin:0}.add-first-field-btn[data-v-eecf029e]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--bg-gray);border:1px solid var(--border-input);border-radius:8px;font-size:13px;color:var(--color-text-default);cursor:pointer;transition:all .2s ease}.add-first-field-btn[data-v-eecf029e]:hover{background:var(--bg-gray-hover);border-color:var(--color-blue);color:var(--color-blue)}.create-field-btn[data-v-eecf029e]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--bg-gray);border:1px dashed var(--border-input);border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-default);cursor:pointer;transition:all .2s ease;margin-top:auto}.create-field-btn[data-v-eecf029e]:hover{background:var(--bg-gray-hover);border-color:var(--color-blue);color:var(--color-blue)}.create-field-btn svg[data-v-eecf029e]{transition:transform .2s ease}.create-field-btn:hover svg[data-v-eecf029e]{transform:rotate(90deg)}@media(max-width:768px){.field-actions[data-v-eecf029e]{opacity:1}.field-name-wrapper[data-v-eecf029e]{flex-wrap:wrap}}.main-menu[data-v-2de00b1f]{display:flex;position:relative;width:100%;height:100%;padding:12px;box-sizing:border-box;background:var(--bg-elements);border:1px solid var(--border-default);border-radius:0 16px 16px 0;box-shadow:0 4px 12px #0003}.block[data-v-2de00b1f]{display:flex;position:relative;width:100%;height:100%;flex-direction:column;gap:16px}.title[data-v-2de00b1f]{display:inline-block;position:relative;width:fit-content;height:fit-content;text-align:center;font-size:28px;font-weight:700;color:var(--color-text-default)}.db-tag[data-v-2de00b1f]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:16px;font-weight:500;padding:3px 7px;color:#fff;background:var(--bg-red-tag);border-radius:8px}.table-tag[data-v-2de00b1f]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:14px;font-weight:400;padding:3px 7px;color:#fff;background:var(--bg-green-tag);border-radius:8px}.field-tag[data-v-2de00b1f]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:14px;font-weight:400;padding:3px 7px;color:#fff;background:var(--bg-blue-tag);border-radius:8px}.client[data-v-1c200897]{display:flex;position:relative;width:100%;height:100%;padding:24px 0}.content[data-v-1c200897]{margin:0;max-width:100%}.main-section[data-v-1c200897]{display:flex;position:relative;width:100%;height:100%;flex-direction:row;gap:8px}