@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0);
h1,h2,h3,h4,h5,h6{font-family:"Rubik",sans-serif;color:#fff}span,p,ul,ol,li,div,label{font-family:"IBM Plex Sans",sans-serif;color:#afafaf}textarea,input,select{background-color:rgba(0,0,0,0);border:1px solid rgba(255,255,255,.05);font-family:"IBM Plex Sans",sans-serif;box-sizing:border-box;letter-spacing:.02em;color:#fff;border-radius:10px;line-height:120%;padding:8px 15px;font-weight:400;font-size:14px;outline:none;width:100%}textarea::-moz-placeholder, input::-moz-placeholder, select::-moz-placeholder{-moz-user-select:none;user-select:none}textarea::placeholder,input::placeholder,select::placeholder{-webkit-user-select:none;-moz-user-select:none;user-select:none}button{background-color:rgba(0,0,0,0);font-family:"IBM Plex Sans",sans-serif;box-sizing:border-box;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:18px;cursor:pointer;outline:none;border:none}body{background-color:#191919;background:linear-gradient(159.25deg, #161616 -9.83%, #0d0d0d 112.33%);font-family:"IBM Plex Sans",sans-serif;box-sizing:border-box;padding:0;margin:0}.theme-button{background-color:#3e43fb;transition:.2s opacity;color:#fff;align-items:center;border-radius:10px;padding:15px 20px;display:flex}.theme-button .material-symbols-outlined{margin-left:7px;font-size:1rem}.theme-button:hover{opacity:.7}.theme-button:disabled{opacity:.7;font-size:0}.theme-button:disabled::after{animation:spinning linear infinite 1.5s;font-family:"Material Symbols Outlined";vertical-align:middle;display:inline-block;content:"";font-size:1rem}.outline-button{border:1px solid rgba(255,255,255,.05);background-color:rgba(0,0,0,0);transition:.2s opacity;color:#fff;align-items:center;border-radius:10px;padding:15px 20px;display:flex}.outline-button:hover{opacity:.7}.notification{background-color:#121212;transition:.8s transform, .8s opacity;box-shadow:0 1px 10px rgba(0,0,0,.1019607843),0 2px 15px rgba(0,0,0,.0509803922);transform:translate(-50%, 100%);padding:5px 30px 5px 5px;top:calc(205px + 50dvh);align-items:center;border-radius:5px;margin-top:15px;position:fixed;display:flex;opacity:0;left:50%}.notification.visible{transform:translate(-50%, 0);opacity:1}.notification::before{font-family:"Material Symbols Outlined";font-size:1.2rem;margin:0 5px}.notification.success-notification::before{color:lime;content:""}.notification.error-notification::before{color:red;content:""}.notification .close-button{color:#fff;transition:opacity .2s;position:absolute;font-size:.9rem;margin:0 5px;opacity:.8;right:0px;top:5px}.notification .close-button::after{font-family:"Material Symbols Outlined";content:""}.notification .close-button:hover{opacity:1}#panel-container{min-height:100dvh}#panel-container nav{background-color:rgba(30,30,30,.9490196078);border-bottom:1px solid rgba(255,255,255,.05);justify-content:space-between;box-sizing:border-box;align-items:center;padding:10px;display:flex;width:100%}#panel-container nav h4{line-height:21px;font-size:18px;padding:0;margin:0}#panel-container nav p{line-height:120%;font-size:14px;padding:0;margin:0}#panel-container nav button{padding:10px 20px;margin:0 5px}#panel-container nav .right-site{display:flex}#panel-container #panel-content-header{background-color:rgba(30,30,30,.9490196078);border-bottom:1px solid rgba(255,255,255,.05);justify-content:space-between;box-sizing:border-box;padding:15px 25px;display:flex;width:100%}#panel-container #panel-content-data .empty-message{text-align:center;margin:30px}#panel-container #panel-content-data .holder-element{background-color:#1a1a1a;justify-content:space-between;box-sizing:border-box;align-items:center;padding:20px 25px;display:flex;width:100%}#panel-container #panel-content-data .holder-element .buttons-box{display:flex;gap:8px}#panel-container #panel-content-data .holder-element button{background-color:rgba(255,255,255,.05);color:#fff;padding:10px 15px 10px 13px;transition:.2s opacity;border-radius:999px;align-items:center;display:flex}#panel-container #panel-content-data .holder-element button:hover{opacity:.7}#panel-container #panel-content-data .holder-element button::before{font-family:"Material Symbols Outlined";margin-right:10px}#panel-container #panel-content-data .holder-element button.show-button::before{content:""}#panel-container #panel-content-data .holder-element button.edit-button::before{content:""}#panel-container #panel-content-data .holder-element button.delete-button::before{content:""}#panel-container #panel-content-header label:nth-child(1),#panel-container #panel-content-header .data-column:nth-child(1),#panel-container #panel-content-data label:nth-child(1),#panel-container #panel-content-data .data-column:nth-child(1){width:50px}#panel-container #panel-content-header label:nth-child(2),#panel-container #panel-content-header .data-column:nth-child(2),#panel-container #panel-content-data label:nth-child(2),#panel-container #panel-content-data .data-column:nth-child(2){width:200px}#panel-container #panel-content-header label:nth-child(3),#panel-container #panel-content-header .data-column:nth-child(3),#panel-container #panel-content-data label:nth-child(3),#panel-container #panel-content-data .data-column:nth-child(3){width:200px}#panel-container #panel-content-header label:nth-child(4),#panel-container #panel-content-header .data-column:nth-child(4),#panel-container #panel-content-data label:nth-child(4),#panel-container #panel-content-data .data-column:nth-child(4){width:100px}#panel-container #panel-content-header label:nth-child(5),#panel-container #panel-content-header .data-column:nth-child(5),#panel-container #panel-content-data label:nth-child(5),#panel-container #panel-content-data .data-column:nth-child(5){width:220px}.modal-box{background-color:rgba(0,0,0,.65);justify-content:center;align-items:center;position:fixed;display:flex;height:100%;width:100%;left:0;top:0}.modal-box .modal-content{border-radius:24px;overflow:hidden;max-width:100%;width:400px}.modal-box .modal-content .modal-header{background-color:rgba(30,30,30,.95);border-bottom:1px solid rgba(255,255,255,.05);padding:25px 20px}.modal-box .modal-content .modal-header h4{font-family:"Rubik",sans-serif;line-height:21px;font-weight:500;font-size:18px;padding:0;margin:0}.modal-box .modal-body{background-color:#181818}.modal-box .modal-body form .form-body{box-sizing:border-box;flex-direction:column;padding:25px 20px;display:flex;gap:10px}.modal-box .modal-body form label{display:flex;width:100%}.modal-box .modal-body form label input,.modal-box .modal-body form label select{padding:15px}.modal-box .modal-body .form-buttons-row{border-top:1px solid rgba(255,255,255,.05);background-color:rgba(30,30,30,.95);flex-direction:row-reverse;box-sizing:border-box;padding:25px 20px;display:flex;width:100%}.modal-box .modal-body .form-buttons-row button{padding:10px 20px;margin:0 8px}#login-container{justify-content:center;flex-direction:column;align-items:center;height:100dvh;display:flex;width:100%}#login-container #login-box{box-sizing:border-box;max-width:100%;padding:0 10px}#login-container #login-box .form-title{color:#fff}#login-container #login-box #login-form{flex-direction:column;max-width:100%;display:flex;width:400px}#login-container #login-box #login-form label{margin-top:15px}#login-container #login-box #login-form label span{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;display:block;padding:8px 0}#login-container #login-box #login-form label input{padding:15px 20px;width:100%}#login-container #login-box #login-form button{justify-content:center;margin-top:20px;width:100%}@keyframes spinning{from{transform:rotate(0)}to{transform:rotate(360deg)}}