@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap";.form-field{position:relative;width:100%;display:flex;align-items:center;flex-wrap:wrap;min-height:40px;padding:10px 0}.form-field label{display:flex;align-items:center;justify-content:flex-end;text-align:right;padding-right:10px;flex:0 0 20%;max-width:20%;word-break:break-word;font-size:13px}.form-field .component{min-height:30px;flex:0 0 75%;max-width:85%;position:relative}.form-field .component .select__indicators{max-height:30px}.form-field .error-container{position:absolute;left:5px;bottom:-6px;width:75%;color:#c10000}.form-field .error-container .error{background-color:#fff;padding:0 5px;font-size:11px}.form-field .input{min-height:30px;height:100%;padding:5px 10px;font-size:14px;width:100%;border-radius:5px;border:1px solid #cfcfcf}.form-field .input:disabled{background-color:#cfcfcf;border:none}.form-field .input:focus{outline:none}.form-field.vertical label{flex:0 0 100%;max-width:100%;text-align:left;justify-content:flex-start;padding-left:5px}.form-field.vertical .component{flex:0 0 100%;max-width:100%}.button{padding:5px 10px;border:none;border-radius:6px;min-width:100px;min-height:30px;font-size:13px}.button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.2);box-shadow:none}.button.primary{background-color:#395668;color:#fff}.button.primary:hover{background-color:#324a5a}.button.icon{background:transparent;min-width:unset;cursor:pointer}.button.cancel{background-color:#888;color:#fff}.button.cancel:hover{background-color:#a1a1a1}.button.warning{background-color:#f44336;color:#fff}.button.warning:hover{background-color:#f13326}.login{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:14px}.login form{border:1px solid #cfcfcf;padding:10px;border-radius:10px;width:400px;display:flex;flex-direction:column;align-items:center;box-shadow:#11111a0d 0 1px,#11111a1a 0 0 8px}.login form .logo{display:flex;justify-content:center;align-items:center}.login form .logo .icon{margin-right:5px}.login form .logo .title{font-size:22px;margin:20px 0}.login form .form-field label{margin-bottom:8px;font-size:14px}.login form .button{margin:10px 0}.side-bar{width:180px;background-color:#395668;min-height:100%;color:#fff;display:flex;flex-direction:column;font-size:14px}.side-bar .title{display:flex;align-items:center;justify-content:center;background-color:#263540;height:50px}.side-bar .title .icon{margin-right:5px}.side-bar .title span{font-size:22px}.side-bar .storage-select{background-color:#263540}.side-bar .storage-select .current{font-size:11px;padding:8px 4px;cursor:pointer;display:flex;align-items:center;gap:5px}.side-bar .storage-select .current .chevron{margin-left:auto}.side-bar .storage-select .options{overflow:hidden}.side-bar .storage-select .status{width:8px;height:8px;border-radius:50%}.side-bar .storage-select .status.up{background-color:#4caf50}.side-bar .storage-select .status.down{background-color:#f44336}.side-bar .storage-select .option{font-size:11px;padding:8px 4px;cursor:pointer;display:flex;gap:5px;align-items:center;justify-content:space-between}.side-bar .nav{width:100%}.side-bar .nav .link{display:flex;align-items:center;padding:10px;color:inherit;flex:0 0 75%}.side-bar .nav .link .icon{display:flex;justify-content:center;align-items:center;flex:0 0 25%;max-width:25%;margin-right:5px}.side-bar .nav .link .icon svg{width:20px;height:20px}.side-bar .nav .link:hover{background-color:#324a5a}.side-bar .nav .link.active{background-color:#2d404e}.side-bar .logout{width:100%;display:flex;align-items:center;color:inherit;height:40px;border-radius:0;margin-top:auto}.side-bar .logout .icon{display:flex;justify-content:center;align-items:center;flex:0 0 25%;margin-right:5px}.side-bar .logout .icon svg{width:20px;height:20px}.side-bar .logout:hover{background-color:#324a5a}.main-layout{width:100%;height:100%;display:flex;overflow:hidden}.main-layout .container{width:100%;height:100%;overflow:auto}.header{width:100%;height:40px;background-color:#f3f3f3;border-bottom:1px solid #cfcfcf;display:flex;align-items:center;color:#4f5065;font-size:14px}.header .left{display:flex;justify-content:center;align-items:center;height:40px;margin-left:10px}.header .title{display:flex;align-items:center}.header .title .icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.header .title span,.header .title a{font-size:16px}.header .title a:hover{text-decoration:underline}.header .tabs{height:100%;display:flex;padding-left:10px}.header .tabs .tab{display:inline-flex;align-items:flex-end;justify-content:center;padding:6px 8px;min-width:80px;font-size:13px;color:#7a7b8c;border-bottom:2px solid transparent}.header .tabs .tab:hover{color:#4f5065}.header .tabs .tab.active{color:#4f5065;font-weight:500;border-bottom-color:#395668}.header .right{margin-left:auto;margin-right:10px;height:100%;display:flex;align-items:center;gap:10px}.header .right .button{max-height:30px}.table{margin:8px;border:1px solid #cfcfcf;border-bottom:none}.table table{border-spacing:0;width:100%;table-layout:fixed;text-align:start;background-color:#fff}.table tr{height:30px}.table th{text-align:left;font-weight:400;padding:13px 5px!important;background-color:#f5f5f5}.table th,.table td{margin:0;padding:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table th span,.table td span{max-height:30px}.table th.actions,.table td.actions{width:10%}.table th.actions span,.table td.actions span{display:flex;justify-content:flex-end;margin-right:5px}.table th,.table td{border-bottom:1px solid #cfcfcf}.table .row-actions{display:flex;justify-content:flex-end}.backups{height:100%}.backups .no-folder{height:calc(100% - 40px);display:flex;flex-direction:column;justify-content:center;align-items:center}.backups .table{margin:0;border:none;font-size:12px}.modal-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0003;z-index:1}.modal{display:flex;flex-wrap:wrap;position:fixed;z-index:2;left:calc(50% + 50px);top:50%;width:700px;transform:translate(-50%,-50%);background-color:#fff;border-radius:5px;border:1px solid #cfcfcf;font-size:14px}@media screen and (max-width: 992px){.modal{width:600px}}@media screen and (max-width: 768px){.modal{width:400px}}.modal .modal-header{display:flex;justify-content:space-between;padding:5px 10px;border-bottom:1px solid #cfcfcf;background-color:#f1f0f1;width:100%;gap:10px}.modal .modal-header .title{display:flex;align-items:center;gap:5px}.modal .modal-header .title .icon{display:flex;font-size:18px}.modal .modal-header .title .icon svg{width:25px;height:25px}.modal .modal-header .title span{font-size:14px;font-weight:400}.modal .modal-header .title .name{display:flex;align-items:center;height:100%;font-weight:700;margin:0;font-size:14px}.modal .modal-body{width:100%;padding:10px;max-height:60vh;overflow-y:auto}.modal .modal-footer{width:100%;padding:5px 10px}.modal .modal-footer .actions-container-split{display:flex;justify-content:space-between}.modal .modal-footer .actions-container-split .delete-action .delete-button{background-color:#ff6060}.modal .modal-footer .actions-container-split .delete-action .delete-button:hover{background-color:#ff7373}.modal .modal-footer .actions-container{display:flex;justify-content:flex-end;gap:10px;width:100%}.confirm-modal .modal-header{padding:8px 10px}.confirm-modal .modal-body{border-bottom:1px solid #cfcfcf}.confirm-modal .bold{font-weight:700}.operation-report-drawer{position:fixed;width:400px;right:80px;bottom:0;z-index:9999;background:#263540;color:#f4f8fceb;border:1px solid rgba(255,255,255,.14);border-radius:10px 10px 0 0;overflow:hidden}.operation-report-drawer .ok{color:#4caf50}.operation-report-drawer .bad{color:#f44336}.operation-report-drawer .bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer}.operation-report-drawer .bar .left{display:flex;align-items:center;gap:8px;min-width:0}.operation-report-drawer .bar .left .title{font-weight:600;font-size:13px;white-space:nowrap}.operation-report-drawer .bar .left .count{font-size:12px;opacity:.9}.operation-report-drawer .bar .close{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px}.operation-report-drawer .panel{border-top:1px solid rgba(255,255,255,.1);padding:10px 12px;max-height:400px;overflow:auto}.operation-report-drawer .panel .row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.1)}.operation-report-drawer .panel .row:first-child{border-top:0}.operation-report-drawer .panel .row .status{font-size:12px;font-weight:700;align-self:flex-start}.operation-report-drawer .panel .row .main{display:flex;flex-direction:column;gap:2px}.operation-report-drawer .panel .row .main .name{font-weight:600;font-size:13px}.operation-report-drawer .panel .row .main .msg{font-size:10px;opacity:.8}.operation-report-drawer .panel .row .main .chips{display:flex;gap:4px;flex-wrap:wrap}.operation-report-drawer .panel .row .main .chips .meta{background-color:#ffffff24;padding:1px 6px;border-radius:4px;font-size:10px}.settings{font-size:12px;height:100%}.settings .tables-section{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}@media (max-width: 992px){.settings .tables-section{grid-template-columns:1fr}}.settings .tables-section .databases .status-cell,.settings .tables-section .volumes .status-cell,.settings .tables-section .elastics .status-cell{text-align:center}.settings .tables-section .databases .status-cell .status,.settings .tables-section .volumes .status-cell .status,.settings .tables-section .elastics .status-cell .status{display:inline-block;width:15px;height:15px;border-radius:50%}.settings .tables-section .databases .status-cell .status.up,.settings .tables-section .volumes .status-cell .status.up,.settings .tables-section .elastics .status-cell .status.up{background-color:#4caf50}.settings .tables-section .databases .status-cell .status.down,.settings .tables-section .volumes .status-cell .status.down,.settings .tables-section .elastics .status-cell .status.down{background-color:#f44336}.settings .name-with-checkbox{display:flex;align-items:center;gap:5px;margin-left:5px}.settings .name-with-checkbox .form-field{width:20px}.settings .name-with-checkbox .form-field .component{display:flex;justify-content:center;align-items:center}*{box-sizing:border-box;margin:0;padding:0;font-family:Rubik,serif}#root{width:100vw;height:100vh}a{all:unset;text-decoration:none;cursor:pointer}.gl{position:fixed;right:20px;bottom:20px;z-index:9999;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#395668db;border:1px solid rgba(0,0,0,.12);box-shadow:0 10px 30px #0000002e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:glPop .14s ease-out}@keyframes glPop{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.glLoading{color:#f4f8fceb}.glSuccess{color:#34d399}.glError{color:#fb7185}.glIcon{width:22px;height:22px;stroke:currentColor}.glSpinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(0,0,0,.16);border-top-color:currentColor;animation:glSpin .9s linear infinite}@keyframes glSpin{to{transform:rotate(360deg)}}.glSuccess{animation:glPop .14s ease-out,glSuccessPulse .52s ease-out}.glError{animation:glPop .14s ease-out,glErrorShake .42s ease-in-out}@keyframes glSuccessPulse{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes glErrorShake{0%{transform:translate(0)}18%{transform:translate(-3px)}36%{transform:translate(3px)}54%{transform:translate(-2px)}72%{transform:translate(2px)}to{transform:translate(0)}}.glPath{stroke:currentColor;stroke-dasharray:50;stroke-dashoffset:50;animation:glDraw .38s ease-out forwards}@keyframes glDraw{to{stroke-dashoffset:0}}.glIconSuccess{animation:glIconPop .36s ease-out}.glIconError{animation:glIconPop .28s ease-out}@keyframes glIconPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}