: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-e9f9983c]{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-e9f9983c]{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-e9f9983c]{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-e9f9983c]:hover{background:var(--bg-gray-white-hover)}.toggler[data-v-e9f9983c]:active{background:var(--bg-gray-white)}.DetailHeadContent[data-v-e9f9983c]{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-e9f9983c]:hover{opacity:.7}.DetailHeadContent[data-v-e9f9983c]:active{opacity:1}.DetailBody[data-v-e9f9983c]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,margin-top .3s ease;width:100%}.DetailBody--open[data-v-e9f9983c]{grid-template-rows:1fr}.DetailBody-content[data-v-e9f9983c]{overflow:hidden;min-height:0}@media(max-width:480px){.DetailBody-content[data-v-e9f9983c]{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-1d688eb7]{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-1d688eb7]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:12px}.db-name[data-v-1d688eb7]{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-1d688eb7]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:12px;padding-left:10px}.table-name[data-v-1d688eb7]{display:inline-flex;position:relative;width:fit-content;height:fit-content;font-size:16px;font-weight:500;color:var(--color-text-default)}.param-list[data-v-1d688eb7]{display:flex;position:relative;width:100%;height:fit-content;flex-direction:column;gap:8px;padding-left:32px}.param-name[data-v-1d688eb7]{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-1d688eb7]{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-1d688eb7]{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-1d688eb7]{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}.param-tag[data-v-1d688eb7]{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}.main-menu[data-v-b1568b56]{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}.client[data-v-0c5df9a5]{display:flex;position:relative;width:100%;height:100%;padding:24px 0}.content[data-v-0c5df9a5]{margin:0;max-width:100%}.main-section[data-v-0c5df9a5]{display:flex;position:relative;width:100%;height:100%;flex-direction:row;gap:8px}
