.header-container{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;background-color:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 4px 8px #0000001a;position:relative;color:#0078d4;text-decoration:none;transition:color .3s ease}.header-left{display:flex;align-items:center;flex:1}.header-logo{width:150px;height:auto;margin-right:20px;transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.header-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;flex:1}.header-welcome{margin:0;font-size:1.25rem;color:#555}.header-username-dropdown{position:relative;cursor:pointer}.header-username{margin:0;font-size:1.5rem;font-weight:600;color:#333;display:flex;align-items:center}.dropdown-icon{margin-left:8px;font-size:.75rem;color:#555;transition:transform .3s ease}.header-username:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:1000;padding:10px;width:150px;text-align:right;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.dropdown-menu.show{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-menu button{display:flex;align-items:center;background-color:transparent;border:none;color:#333;font-size:1rem;padding:8px 0;width:100%;text-align:left;cursor:pointer;transition:color .3s ease}.dropdown-menu button:hover{color:#0078d4}.dropdown-logout-icon{width:16px;height:16px;margin-right:8px}.header-unit{margin:0;font-size:1rem;color:#777}.navbar-container{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:100px}.nav-item{display:flex;align-items:center;gap:0px}.nav-item.active .button{border-bottom:2px solid #5A6ACF;color:#5a6acf}.button-image{width:30px;height:30px}.button-images{width:20px;height:20px;margin-left:0}@media screen and (max-width: 768px){.header-container{flex-direction:column;align-items:center;padding:10px 20px}.header-logo{width:120px;margin-bottom:10px}.header-details{align-items:center;text-align:center}.dropdown-menu{left:50%;transform:translate(-50%)}}.profile-container{display:flex;align-items:center}.profile-pic{width:40px;height:40px;border-radius:50%;margin-right:10px}.profile-initials{width:40px;height:40px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-right:10px}.listing-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;gap:20px;margin-top:0}.filter-box{background-color:#80c801;background-image:url(/assets/card_image-Bsx-VKVh.png);background-size:cover;background-position:center;padding:15px;border-radius:15px;box-shadow:0 4px 8px #0003;max-width:350px;width:100%;display:flex;flex-direction:column;gap:10px;height:auto;align-self:flex-start;margin-top:0}.listcontainer-button{display:flex;justify-content:flex-start;padding:10px;margin-right:10px}.total-items{background-color:#f4f4f4;border:1px solid #e1e1e1;border-radius:5px;padding:10px 15px;margin:15px 0;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center}.total-items-text{font-size:16px;font-weight:500;color:#333;margin:0}.total-items-count{font-size:18px;font-weight:700;color:#0078d4;margin-left:5px}.filter-box .filter-label{color:#fff;font-size:1.2em;margin-bottom:5px;font-weight:700;list-style-type:disc;padding-left:20px}.pagination-info{font-size:1.2em;font-weight:700;color:#333;margin-top:10px;text-align:center}.filter-labels{color:#000;font-size:1.5em;font-weight:700;text-transform:uppercase;margin-bottom:2px;margin-left:0;padding-left:0;letter-spacing:.5px;display:block;text-align:left;width:100%}.table-container{width:100%;max-width:100%;margin-top:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;overflow-x:auto}.table-container table{width:100%;border-collapse:collapse}.table-container thead{background-color:var(--table-header-background)}.table-container th,.table-container td{padding:15px;text-align:left}.listcontainer-button{display:flex;justify-content:flex-end;margin-top:20px}.styled-icon-button{position:absolute;top:125px;left:20px;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.back-icon-image{width:45px;height:35px}:root{--primary-color: #ffffff;--text-color: #333;--highlight-color: #0078d4;--transition-value: .3s;--box-shadow-color: rgba(0, 0, 0, .1);--dark-theme-color: #505050;--secondary-color: #ffffff}body{background-image:url(/assets/Background_Image-D7_pmOhN.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.admin-intro:hover{transform:scale(1.02)}.admin-middle{margin-top:40px;width:100%;max-width:450px;background-image:url(/assets/card_image-Bsx-VKVh.png);border-radius:25px;box-shadow:0 6px 12px var(--box-shadow-color);padding:10px;display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;transition:box-shadow var(--transition-value)}.admin-middle:hover{box-shadow:0 8px 16px #0003}.admin-footer{text-align:center;padding:15px;background-color:var(--dark-theme-color);color:#fff;border-top:2px solid #ccc;position:fixed;bottom:0;width:100%;left:0;box-shadow:0 -2px 8px #0000001a}.breadcrumb{margin-top:20px;margin-bottom:20px;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.breadcrumb-link{cursor:pointer;text-decoration:underline;color:var(--text-color);transition:color .2s ease-in-out}.breadcrumb-link:hover{color:var(--highlight-color)}.breadcrumb-separator{margin:0 8px;color:var(--text-color)}.breadcrumb-active{text-decoration:none;color:var(--text-color);font-weight:700}.footer-home-button{background-color:transparent;color:#fff;border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-top:10px}.footer-home-button img{margin-right:8px;width:20px;height:20px}.admin-view-container .admin-primary-button{width:80%;height:auto;margin:15px 0;padding:15px;border-radius:12px;background-color:var(--primary-color);color:#505050;font-size:1.2rem;font-weight:700;align-items:center;justify-content:space-between;box-shadow:0 4px 12px var(--box-shadow-color);transition:background-color var(--transition-value),transform var(--transition-value);flex-direction:row-reverse}.admin-view-container .admin-primary-button:hover{background-color:#bcc7d0;transform:translateY(-2px)}.button-images{width:30px;height:30px}.styled-icon-button{background-color:var(--primary-color);color:#505050;border:none;padding:25px;border-radius:15px;box-shadow:0 4px 12px var(--box-shadow-color);display:flex;font-size:1.1rem;align-items:center;justify-content:center;transition:background-color var(--transition-value),transform var(--transition-value)}.styled-icon-button:hover{background-color:#bcc7d0;transform:translateY(-2px)}.back-icon-image{width:40px;height:40px;margin-left:40px}.create-approver-form{width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{margin-bottom:5px;color:var(--text-color);font-weight:700}.form-control{padding:10px;border:1px solid #ccc;border-radius:8px;font-size:1rem;box-shadow:0 2px 4px var(--box-shadow-color);transition:border-color var(--transition-value)}.form-control:focus{border-color:var(--highlight-color);outline:none}.error-message{color:red;font-weight:700;text-align:center;margin-top:10px}.success-message{color:green;font-weight:700;text-align:center;margin-top:10px}@media (max-width: 768px){.admin-middle{width:90%;height:auto}.admin-view-container .admin-primary-button{width:90%}}@media (max-width: 480px){.admin-middle{width:100%;padding:15px}.admin-view-container .admin-primary-button{width:100%}}.employeemanagement-message{display:flex}.employeemanagement-button{text-align:center;background-color:#64646480;color:#000;width:300px;height:35px;margin:2px 0;border-radius:20px}.employeemanagement-button:hover{background-color:#64646440;color:#fff}.employeemanagement-button-close-list{text-align:center;background-color:#64646480;color:#000;width:300px;height:35px;margin:20px 0;border-radius:20px}.employeemanagement-table{background-color:#ffffffc6;font-size:16px}.employeemanagement-table>tbody>tr>td{color:#000;font-size:16px}.employeemanagement-table-container{display:flex;justify-content:center;align-items:center;margin-top:10px;padding:20px;right:20px}.info-box{background-color:#fff;border-radius:12px;box-shadow:0 10px 20px #0003;padding:24px;max-width:700px;z-index:9999;display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease-out}.info-content{display:flex;flex-direction:column;gap:16px}.info-icon-yellow{font-size:40px;color:#a1b2c6}.button-group{display:flex;gap:8px;justify-content:flex-end}.info-close-button,.info-confirm-button{background-color:#5a6acf;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}.info-close-button:hover,.info-confirm-button:hover{background-color:#4a5ab7;transform:scale(1.05)}.info-close-button:active,.info-confirm-button:active{transform:scale(.95)}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh}.loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #80c802;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.articlecenter-main{display:flex;flex-direction:column}.articlecenter-footer{position:absolute;right:5rem;bottom:2.5rem}td{font-size:.75rem}.table-td{text-align:center}img{width:16px;height:16px}.b2bcenter-main{display:flex;flex-direction:column}.b2bcenter-footer{position:absolute;right:5rem;bottom:2.5rem}:root{--hover-button-color: rgba(100, 100, 100, .25);--transition-value: .5s}.dialog-button{background-color:#fff;border:1px solid black;color:#000}.dialog-button:hover{background-color:var(--hover-button-color);border:1px solid transparent;color:#000;transition:var(--transition-value)}.image-icon{position:absolute;width:36px;height:36px;right:-10px;top:-100px}:root{--button-background-color: rgba(200, 200, 200, .75);--button-background-color-hovered: rgba(200, 200, 200, .25);--button-delay-animation: .5s}.context-title{position:absolute;top:10%;left:2%;color:#fff;font-size:3.5rem}@media screen and (max-width: 768px){.context-title{font-size:2.5rem}}@media screen and (max-width: 480px){.context-title{font-size:2rem;left:5%}}.context-container{position:absolute;top:20%;left:2%;width:96%;height:70%;background-color:#0003;border:1px solid black}.context-image-1{position:absolute;top:5%;left:3%;max-width:100%;height:auto}.context-footer{position:absolute;bottom:5%;right:2%;display:flex;justify-content:space-around;width:40%}.context-button{width:100%;height:40px;font-size:1.5rem;background-color:var(--button-background-color);color:#000;border:1px solid transparent}.context-button:hover{background-color:var(--button-background-color-hovered);color:#fff;border:1px solid transparent;transition:var(--button-delay-animation)}.order-contract-container{display:flex;align-items:center;gap:20px}.order-contract-label{margin-right:50px;font-weight:700;color:#000;min-width:150px}.order-contract-dropdown{border-radius:8px;background-color:#fff;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .3s ease}.order-contract-dropdown:focus{border-color:#0078d4;outline:none}.order-contract-dropdown:hover{border-color:#005a9e}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:40px;height:40px;position:relative}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:bounce 2s infinite ease-in-out}.double-bounce2{animation-delay:-1s}@keyframes bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}.loading-message{margin-top:10px;color:#fff;font-size:18px;text-align:center}.documentation-card{max-width:900px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-top:-40px;height:280px}.bg-green-pattern{background-image:url(/assets/card_image-Bsx-VKVh.png);border-radius:12px;background-color:#80c801;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:10px;height:100%}.bg-green-pattern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;z-index:0}.info-icon-container{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:1}.info-icon{font-size:24px;color:#555}.documentation-card h2{z-index:1;margin-top:20px;color:#fff;text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:10px}.documentation-card p{z-index:1;margin-bottom:10px;font-size:.875rem;color:#fff;text-align:left;line-height:1.4}.documentation-card-laptop{max-width:900px;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-top:-40px;max-height:260px}.bg-laptop-pattern{background-image:url(/assets/card_image-Bsx-VKVh.png);background-color:#80c801;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:260px;max-width:900px;padding:10px}.laptop-icon-container{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:1}.laptop-icon{font-size:24px;color:#555}.documentation-card-laptop h2{z-index:1;margin-top:20px;color:#fff;text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:10px}.documentation-card-laptop p{z-index:1;margin-bottom:10px;font-size:.875rem;color:#fff;text-align:left;line-height:1.4}.hoverLink:hover{color:#1e1ea6}body,h1,h2,h3,h4,h5,h6,p,label,select,input,button{font-family:Franklin Gothic Book;color:#000}label{font-size:1.25rem;font-weight:600;color:#000;display:inline-block}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}:root{--left-value: 200px;--hovered-color: rgba(80, 80, 80, .5)}.sub-div-dropdown{margin-bottom:2.5rem;margin-top:2.5rem;margin-left:1.5rem;width:20rem;font-weight:900}.sub-div-dropdown-2{margin-bottom:2.5rem;margin-top:2.5rem;width:20rem;font-weight:900}.sub-div-1{margin-bottom:2.5rem;margin-top:2.5rem;margin-left:1.5rem;height:2rem;width:20rem;font-weight:900;display:flex;flex-direction:column}.textfield{position:absolute;left:var(--left-value);border-radius:0;height:2.25rem;width:20rem}.formular-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:40px 100px}.showcontext-select{position:absolute;font-size:1rem;left:200px;width:320px;height:35px}.showcontext-dropdown{position:absolute;left:200px;width:auto;height:35px}.showcontext-dropdown>label{position:absolute;left:-200px}.ms-Label{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1.125rem;line-height:1.75rem;font-weight:700}.ms-Dropdown-title{height:2.25rem;width:20rem;border-radius:.5rem;font-weight:700;display:flex;flex-direction:column}.formular-container-bottom{display:flex;flex-direction:row;align-items:flex-start;position:fixed;left:20px;bottom:40px;height:auto}.primary-button{background-color:#fff;color:#000;border:1px solid transparent;width:auto;height:25px;font-size:1rem;border-radius:20px;margin:20px;padding:20px;display:block;text-align:left}#clear-formular-button{background-color:#a1b2c6;height:40px}#order-formular-button{background-color:#80c802;height:40px}.primary-button:hover:nth-of-type(1){background-color:#de1313;color:#fff;border:1px solid transparent;width:auto;height:25px}.primary-button:hover:nth-of-type(2){background-color:#20bc00;color:#fff;border:1px solid transparent;width:auto;height:25px}.showcontext-primary-button-image{margin-left:20px;width:32px;height:32px}.orderFormular-title{display:flex;flex-direction:row;font-size:20px;position:fixed;left:50px;font-size:2.5rem;font-weight:bolder}.orderFormular-formular-1{display:flex;flex-direction:row;position:fixed;left:50px}.orderFormular-formular-values{display:flex;flex-direction:column;margin:50px auto}label{font-size:1.25rem;font-weight:bolder;margin:10px 0}.orderformular-div-1{padding:10px 0 100px}.city-container{display:flex;flex-direction:row;align-items:center;margin-left:610px}.city-dropdown-container{display:flex;align-items:center}.city-dropdown-label{font-weight:700;color:#000;min-width:200px}.company-container{display:flex;flex-direction:row;gap:0px;align-items:center;margin-left:610px}.company-dropdown-container{display:flex;align-items:center}.company-dropdown-label{font-weight:700;color:#000;min-width:200px}.company-dropdown{flex-grow:1}.address-container{display:flex;flex-direction:row;gap:20px;align-items:center;margin-bottom:20px}.address-dropdown-container{flex:1;display:flex;align-items:center}.address-dropdown-label{font-weight:700;color:#000;min-width:220px}.address-dropdown{flex-grow:1}.button-container{display:flex;align-items:center}.primary-button{display:flex;align-items:center;justify-content:center;background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.primary-button img{margin-left:10px}.primary-button:hover{background-color:#218838}.documentation-card-budget{background-color:#f8b400;color:#fff}.budget-icon{font-size:24px;color:#fff}.card-container{display:flex;flex-direction:row;gap:16px}.documentation-card,.documentation-card-budget{flex:1;display:flex;flex-direction:column}@media screen and (max-width: 768px){.formular-container{max-width:100%;display:block}.primary-button{margin:10px auto}.orderformular-div-1{padding:25px 0 50px}.orderFormular-title{font-size:1.25rem}label{font-size:.75rem}.textfield{width:auto;height:20px;left:150px}.orderFormular-formular-1 .formular-container-bottom{display:flex;flex-direction:column;left:0;bottom:50px}.showcontext-primary-button-image{width:20px;height:20px}.showcontext-select{position:absolute;left:150px;width:160px;height:20px}}.info-icon-red{font-size:40px;color:#d9534f}.info-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9998}.info-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:12px;box-shadow:0 10px 20px #0003;padding:24px;max-width:700px;z-index:1000;display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease-out}.info-content{display:flex;align-items:center;gap:16px}.info-icon{font-size:40px;color:#20bc00}.info-content p{color:#333;font-size:18px;margin:0;flex:1}.info-close-button{align-self:flex-end;background-color:#5a6acf;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}.info-close-button:hover{background-color:#4a5ab7;transform:scale(1.05)}.info-close-button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}:root{--background-color: rgba(255, 255, 255, .75);--hovered-toggle-color: rgba(255, 255, 255, .5);--hover-button-color: rgba(100, 100, 100, .25);--transition-value: .5s}.settings-container{background-color:var(--background-color);width:100%;height:90%}h1{font-size:2.5rem;text-align:center}.settings-frame{position:absolute;display:flex;flex-direction:column;top:2%;left:2%;padding:10px;height:85%;overflow-y:auto}.div-label{width:300px;height:25px}.settings-frame-button{width:200px;background-color:#fff;border:1px solid black;color:#000;margin:10px 0 10px 100px}.settings-frame-button:hover{background-color:var(--hover-button-color);border:1px solid transparent;color:#000;transition:var(--transition-value)}.toggle-custom:hover{background-color:var(--hovered-toggle-color)}.settings-footer{position:absolute;bottom:10px;right:10px}.settings-button{background-color:#fff;border:1px solid black;color:#000;margin:10px;width:120px}.settings-button:hover{background-color:var(--hover-button-color);border:1px solid transparent;color:#000;transition:var(--transition-value)}.settings-switcher{margin-bottom:20px;cursor:pointer;text-align:left}.div-settings-container{padding:10px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.right-1{right:.25rem}.top-1{top:.25rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-96{margin-top:24rem}.mt-\[517px\]{margin-top:517px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-\[34px\]{height:34px}.h-full{height:100%}.w-5{width:1.25rem}.w-\[26px\]{width:26px}.w-\[34px\]{width:34px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-\[530px\]{max-width:530px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0px}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.gap-10{gap:2.5rem}.gap-5{gap:1.25rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0}.p-2{padding:.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-96{padding-bottom:24rem}.pl-20{padding-left:5rem}.pt-44{padding-top:11rem}.pt-\[466px\]{padding-top:466px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--transition-value: .5s;--navbar-link-color: #273240;--navbar-link-hover-color: #5A6ACF}body{font-family:Franklin Gothic Book,sans-serif;background:url(/assets/Background_Image-D7_pmOhN.png) no-repeat fixed bottom right;background-size:cover}.app-white{font-size:16px;margin:20px;width:calc(100vw - 40px);min-height:calc(100vh - 40px)}.navbar-container{height:auto;color:var(--navbar-link-color);display:flex;flex-direction:row;justify-content:center}.navbar-container .button{background-color:transparent;color:var(--navbar-link-color);border:1px solid transparent;margin:1px;transition:var(--transition-value)}.navbar-container .button:hover,.navbar-container .button:active{color:var(--navbar-link-hover-color)}.main-container{display:flex;flex-direction:column;align-items:center;padding:20px}.context-container{width:100%;max-width:800px;margin:20px auto}@media screen and (max-width: 600px){.context-container{margin:10px auto}}.image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-logo{border-top-right-radius:40px;border-bottom-left-radius:40px}.button-images{width:32px;height:32px}.buttons-dark button{background-color:transparent;color:#000}.buttons-dark button:hover{background-color:#ffffff80;color:#000}.toggle,.toggle-dark{margin-left:2%;margin-top:.4%}.demo{position:absolute;bottom:100px;left:100px}.demo>button{background-color:#00f;color:#fff;width:200px;height:35px;margin:0 10px}.demo>button:hover{background-color:#0000ffbf}.app-refresh-button{position:absolute;bottom:50px;right:100px;width:200px;height:35px;background-color:#000;color:#fff}.app-logout-button{position:absolute;bottom:50px;right:350px;width:200px;height:35px;background-color:#000;color:#fff}.loading-div{width:100vw;height:100vh;background-image:linear-gradient(to right,#d3d3d3,#a9a9a9)}.loading-div>h1{padding-top:10px;font-size:2.5rem;color:#000}.img-1{position:absolute;left:50%;top:15%;transform:translate(-50%,-50%)}.reload-div{position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%)}.reload-div>button{background-color:#000;color:#fff;font-size:1.5rem;width:300px;height:50px}.reload-div>button:hover{background-color:#0a0a0a80}@media screen and (max-width: 768px){.app-refresh-button{right:50px}.navbar-container{display:flex;flex-direction:column}.button{height:auto;font-size:.75rem}.button-images{height:20px;width:20px}.headline-text{height:20px}.app-logout-button{right:250px}.reload-div{bottom:5%}}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}@media not all and (min-width: 768px){.max-md\:mt-10{margin-top:2.5rem}.max-md\:max-w-full{max-width:100%}.max-md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.max-md\:py-24{padding-top:6rem;padding-bottom:6rem}.max-md\:pl-5{padding-left:1.25rem}.max-md\:pt-24{padding-top:6rem}}@media (min-width: 480px){.sm\:m-11{margin:2.75rem}.sm\:rounded-lg{border-radius:.5rem}}.employeemanagement-table-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.employeemanagement-table{width:100%;max-width:1200px;border-collapse:collapse;background-color:#f4f4f4cc}.employeemanagement-table th,.employeemanagement-table td{padding:15px;border:1px solid #ddd;text-align:left;font-size:16px}.employeemanagement-table th{background-color:#f0f0f0;font-size:18px;font-weight:700}.approver-list-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0}.approver-list-intro{text-align:center}.approver-list-table{width:100%;max-width:400px;border-collapse:collapse;background-color:#f4f4f4cc}.approver-list-table th,.approver-list-table td{padding:15px;border:1px solid #ddd;text-align:left;font-size:16px}.approver-list-table th{background-color:#f0f0f0;font-size:18px;font-weight:700}.admin-intro{text-align:center;margin-top:30px;font-size:25px;color:var(--text-color);font-weight:700;background-color:var(--secondary-color);padding:20px;box-shadow:0 4px 12px var(--box-shadow-color);max-width:1000px;margin-left:auto;margin-right:auto;transition:transform var(--transition-value)}.admin-view-container{background-color:transparent;width:100%;min-height:100vh;padding:20px;box-sizing:border-box}.styled-back-button{background-color:var(--primary-color);color:#505050;border:none;padding:15px 25px;border-radius:12px;box-shadow:0 4px 12px var(--box-shadow-color);font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-value),transform var(--transition-value);margin-left:10px}.styled-back-button:hover{background-color:#bcc7d0;transform:translateY(-2px)}.custom-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.custom-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:24px;width:90%;max-width:500px;animation:fadeIn .2s ease-out}.dialog-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dialog-header h3{margin:0;font-size:20px;color:#333}.dialog-icon{font-size:24px;flex-shrink:0}.dialog-message{color:#555;font-size:16px;margin:0 0 20px;line-height:1.5}.dialog-content{margin-bottom:20px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.unit-category-container{padding:0;background-color:#f5f5f5;min-height:100vh;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px;background-color:#fff;padding:15px 20px;border-radius:0;box-shadow:0 2px 4px #0000001a}.page-header h1{margin:0;color:#323130;font-size:24px}.content-wrapper{background-color:#fff;padding:0;border-radius:0;box-shadow:0 2px 4px #0000001a;min-height:calc(100vh - 200px);overflow-x:auto}.content-wrapper .ms-DetailsList{width:100%}.content-wrapper .ms-DetailsHeader{padding:0 20px;background-color:#f8f8f8}.content-wrapper .ms-DetailsRow{padding:0 20px;border-bottom:1px solid #edebe9}.content-wrapper .ms-DetailsRow:hover{background-color:#f8f8f8}.no-data{display:flex;justify-content:center;align-items:center;min-height:400px;color:#605e5c;font-size:16px}.budget-form{display:flex;flex-direction:column;gap:15px;padding:20px 0}.ms-Dialog-main{min-width:600px!important;max-width:90vw!important}.unit-category-container .ms-MessageBar{margin:0 0 15px;border-radius:0}.content-wrapper .ms-Spinner{display:flex;justify-content:center;align-items:center;min-height:400px}@media screen and (max-width: 1400px){.page-header h1{font-size:20px}.header-buttons{flex-direction:column;gap:8px}}@media screen and (max-width: 1024px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.header-buttons{width:100%;flex-direction:row}.ms-Dialog-main{min-width:400px!important}}@media screen and (max-width: 768px){.page-header{padding:10px 15px}.page-header h1{font-size:18px}.content-wrapper{font-size:14px}.ms-Dialog-main{min-width:300px!important;max-width:95vw!important}}.unit-management-container{min-height:100vh;background-color:#f3f2f1}.page-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.page-header h1{margin:0;color:#323130}.header-buttons{display:flex;gap:10px}.content-wrapper{padding:0 20px 20px}.no-data{text-align:center;padding:40px;background-color:#fff;border-radius:4px}.unit-form{padding:10px 0}