:root{--background-color: #14181c;--font-color: #dbeeff;--label-color: #b0b4b6;--primary-color: #205071;--secondary-color: #203a77;--accent-color: #6f328a;--success-color: #006600;--error-color: #680000;--modal-background: rgba(0, 0, 0, .7);--light-background: rgba(255, 255, 255, .05);--light-background-hover: rgba(255, 255, 255, .1);--font-color-hover: #a6b1bd;--primary-hover: #184159;--secondary-hover: #183068;--dark-secondary: #15203a;--input-border: #3c3c43;--error-hover: #4e0000;--label-font-size: 10pt;--grid-gap: 30px;--card-padding: 24px;--card-radius: 15px;--input-border-radius: 5px;--standard-padding: 36px;--small-gap: 12px;--row-gap: 12px;--section-margin: 48px;--search-bar-margin: 0 0 12px 0}*{color:var(--font-color);font-family:Corbel,sans-serif}body{background-color:var(--background-color);margin:0}a{font-size:12pt;text-decoration:none;color:var(--font-color);border-radius:50px;transition:color .3s}a:hover{color:var(--font-color-hover)}div{font-size:14pt}button{padding:8px 16px;border-radius:50px;border:none;background:none;color:var(--font-color);font-size:14pt;cursor:pointer;transition:background-color .3s}button:hover{background-color:var(--light-background)}.main-button{background-color:var(--primary-color)}.main-button:hover{background-color:var(--primary-hover)}.deletion-button{background-color:var(--error-color)}.deletion-button:hover{background-color:var(--error-hover)}.second-hierarchy-button-primary{color:var(--primary-color);padding:0}.second-hierarchy-button-primary:hover{background:none;text-decoration:underline}.second-hierarchy-button-primary:disabled{color:var(--secondary-color)}.second-hierarchy-button-primary:disabled:hover{cursor:not-allowed;text-decoration:none}.second-hierarchy-button-accent{color:var(--accent-color);padding:0}.second-hierarchy-button-accent:hover{background:none;text-decoration:underline}.second-hierarchy-button-accent:disabled{color:var(--secondary-color)}.second-hierarchy-button-accent:disabled:hover{cursor:not-allowed;text-decoration:none}label,.label{font-size:var(--label-font-size);color:var(--label-color)}.field{display:flex;flex-direction:column;width:100%}input{font-size:14pt;background:none;border-radius:5px;border:1px solid var(--input-border);padding:8px 12px;color:var(--font-color)}input:focus,input:active{outline:none;border-color:var(--accent-color)}input:hover{border-color:var(--accent-color)}input:disabled{border:1px solid var(--input-border);background-color:var(--dark-secondary);cursor:not-allowed}form{display:flex;flex-direction:column;gap:8px}form input[type=text],form input[type=password],form input[type=email],form input[type=number],form input[type=tel]{border:1px solid var(--input-border);border-radius:5px;background:none;padding:8px 12px;box-sizing:border-box;width:360px}form input[type=text]:focus,form input[type=text]:active,form input[type=password]:focus,form input[type=password]:active,form input[type=email]:focus,form input[type=email]:active,form input[type=number]:focus,form input[type=number]:active,form input[type=tel]:focus,form input[type=tel]:active{outline:none;border:1px solid var(--accent-color)}form input[type=text]:disabled,form input[type=password]:disabled,form input[type=email]:disabled,form input[type=number]:disabled,form input[type=tel]:disabled{border:1px solid var(--input-border)!important;background-color:var(--dark-secondary)!important;outline:none;cursor:not-allowed}form p{margin:0;padding:0;font-size:10pt;color:var(--accent-color)}form button[type=submit]{border:none;border-radius:50px;width:fit-content;padding:8px 12px;background-color:var(--primary-color)}form button[type=submit]:hover{background-color:var(--primary-hover)}form button[type=submit]:focus,form button[type=submit]:active{outline:2px solid var(--accent-color)}form button[type=submit]:disabled{background-color:var(--secondary-color);cursor:not-allowed}form .row{margin-top:12px}form .row-container{display:flex;flex-direction:row;margin-top:12px;gap:12px}.list-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--input-border);padding:12px 16px;cursor:pointer;transition:background .3s,border-left .2s}.list-item .left{padding-right:16px}.list-item .right{padding-left:16px;margin-left:auto}.list-item:first-child{border-radius:5px 5px 0 0}.list-item:hover{background-color:var(--light-background-hover)}.list-item.active{border-left:4px solid var(--accent-color);background:var(--light-background-hover)}.management-layout{height:100%;display:grid;grid-template-rows:1fr 9fr;gap:var(--grid-gap)}.management-layout h2{margin:0;grid-column:1/3;grid-row:1;text-align:center}.list-card{background:var(--light-background);border-radius:var(--card-radius);padding:var(--card-padding);grid-row:2;display:flex;flex-direction:column;overflow-y:hidden}.list-card h4{margin:0 0 var(--standard-padding) 0;text-align:center}.list-card .inner-list-container{background-color:var(--background-color);padding:var(--card-padding);border-radius:var(--card-radius);height:100%;overflow-y:auto}.details-card{background-color:var(--light-background);border-radius:var(--card-radius);padding:var(--card-padding);grid-row:2;display:flex;flex-direction:column;overflow-y:auto}.details-card h4{margin:0 0 var(--standard-padding) 0;text-align:center}.details-card .row{display:flex;flex-direction:row;justify-content:space-between;gap:var(--grid-gap);margin-bottom:var(--row-gap)}.details-card .row.first-row{margin-top:var(--standard-padding)}.details-card .action-row,.details-card .action-panel{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--small-gap);margin-top:auto;padding:24px 0}.readonly-field{width:100%}.readonly-field .label{font-size:var(--label-font-size);color:var(--label-color);margin-bottom:4px}.readonly-field .value{padding:10px 16px;background-color:var(--dark-secondary);border-radius:var(--input-border-radius);border:1px solid var(--input-border);min-height:18px;display:flex;align-items:center}.number{font-family:Roboto Mono,monospace;font-size:12pt}.bm-user-view-area,.bm-user-list-area,.bm-mail-log-card,.bm-invoice-list-card{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.bm-user-view-area::-webkit-scrollbar,.bm-user-list-area::-webkit-scrollbar,.bm-mail-log-card::-webkit-scrollbar,.bm-invoice-list-card::-webkit-scrollbar{width:10px;height:10px}.bm-user-view-area::-webkit-scrollbar-track,.bm-user-list-area::-webkit-scrollbar-track,.bm-mail-log-card::-webkit-scrollbar-track,.bm-invoice-list-card::-webkit-scrollbar-track{background:transparent}.bm-user-view-area::-webkit-scrollbar-thumb,.bm-user-list-area::-webkit-scrollbar-thumb,.bm-mail-log-card::-webkit-scrollbar-thumb,.bm-invoice-list-card::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px;border:2px solid transparent;background-clip:content-box}.bm-user-view-area::-webkit-scrollbar-thumb:hover,.bm-user-list-area::-webkit-scrollbar-thumb:hover,.bm-mail-log-card::-webkit-scrollbar-thumb:hover,.bm-invoice-list-card::-webkit-scrollbar-thumb:hover{background-color:var(--primary-hover)}.bm-user-view-area::-webkit-scrollbar-corner,.bm-user-list-area::-webkit-scrollbar-corner,.bm-mail-log-card::-webkit-scrollbar-corner,.bm-invoice-list-card::-webkit-scrollbar-corner{background:transparent}@media screen and (max-width: 1500px){h1{font-size:24px}h2{font-size:19px}a,div,button,input{font-size:15px}label{font-size:12px}form input{width:100%!important}}@media screen and (max-width: 1200px){button{background-color:var(--light-background)}.second-hierarchy-button-primary,.second-hierarchy-button-accent{background:none}.management-layout{display:block;height:auto}.management-layout .list-card,.management-layout .details-card{padding:12px;margin-bottom:var(--standard-padding)}.management-layout .details-card .row{flex-direction:column;gap:12px}.management-layout .details-card .row .field,.management-layout .details-card .row .readonly-field{width:100%}.management-layout .details-card .action-panel{justify-content:center;margin-top:24px}}