:root{--background-color:#f4f4f4;--text-color:#212529;--primary-color:#f5b041;--secondary-color:#4a4a4a;--accent-color:#ff8c00;--header-bg-color:var(--primary-color);--header-text-color:#000;--header-icon-color:#000;--header-box-shadow:0px 4px 8px rgba(0,0,0,.1);--menu-bg-color:#e9ecef;--menu-text-color:#343a40;--menu-icon-color:#343a40;--menu-hover-bg-color:#ced4da;--menu-hover-text-color:#212529;--menu-active-bg-color:var(--primary-color);--menu-active-text-color:#fff;--menu-border-color:#adb5bd;--menu-box-shadow:2px 0px 5px rgba(0,0,0,.1);--button-primary-bg-color:var(--primary-color);--button-primary-text-color:#fff;--button-primary-hover-bg-color:var(--accent-color);--button-secondary-bg-color:var(--secondary-color);--button-secondary-text-color:#fff;--button-secondary-hover-bg-color:#6c757d;--link-color:var(--primary-color);--link-hover-color:var(--accent-color);--card-bg-color:#fff;--card-border-color:#dee2e6;--card-box-shadow:0 2px 4px rgba(0,0,0,.05);--input-bg-color:#fff;--input-border-color:#ced4da;--input-text-color:#495057;--input-focus-border-color:var(--primary-color);--success-bg-color:#d1e7dd;--success-text-color:#0f5132;--success-border-color:#badbcc;--danger-bg-color:#f8d7da;--danger-text-color:#842029;--danger-border-color:#f5c2c7;--input-focus-border-color-transparent:rgba(245,176,65,.25);--background-color-rgb:244,244,244;--button-attach-text-color:#6c757d;--button-attach-border-color:#6c757d;--button-attach-hover-bg-color:rgba(255,165,0,.1);--button-attach-hover-text-color:orange;--button-attach-hover-border-color:orange;--transition-speed:0.3s}body.dark-theme{--background-color:#121212;--text-color:#e0e0e0;--primary-color:#f5b041;--secondary-color:#bbb;--accent-color:#ff9d2b;--header-bg-color:#1e1e1e;--header-text-color:var(--primary-color);--header-icon-color:var(--primary-color);--header-box-shadow:0px 4px 8px rgba(0,0,0,.25);--menu-bg-color:#2c2c2c;--menu-text-color:#e0e0e0;--menu-icon-color:#e0e0e0;--menu-hover-bg-color:#383838;--menu-hover-text-color:var(--primary-color);--menu-active-bg-color:var(--primary-color);--menu-active-text-color:#121212;--menu-border-color:#444;--menu-box-shadow:2px 0px 5px rgba(0,0,0,.25);--button-primary-bg-color:var(--primary-color);--button-primary-text-color:#121212;--button-primary-hover-bg-color:var(--accent-color);--button-secondary-bg-color:var(--secondary-color);--button-secondary-text-color:#121212;--button-secondary-hover-bg-color:#a0a0a0;--link-color:var(--primary-color);--link-hover-color:var(--accent-color);--card-bg-color:#1e1e1e;--card-border-color:#333;--card-box-shadow:0 2px 4px rgba(0,0,0,.2);--input-bg-color:#2c2c2c;--input-border-color:#444;--input-text-color:#e0e0e0;--input-focus-border-color:var(--primary-color);--success-bg-color:#0f5132;--success-text-color:#d1e7dd;--success-border-color:#146c43;--danger-bg-color:#842029;--danger-text-color:#f8d7da;--danger-border-color:#a9323c;--input-focus-border-color-transparent:rgba(245,176,65,.35);--background-color-rgb-dark:18,18,18}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6;background-color:var(--background-color);color:var(--text-color);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--link-hover-color);text-decoration:underline}canvas,img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{margin-bottom:.75rem;font-weight:600;line-height:1.3;color:var(--text-color)}p{margin-bottom:1rem}ol,ul{list-style:none}.mainLayout{padding-top:70px;min-height:calc(100vh - 70px);transition:padding-left var(--transition-speed) ease}.mainContentContainer{max-width:1320px;margin:0 auto;padding:20px;display:flex;flex-direction:column;align-items:center}.headerContainer{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--header-bg-color);box-shadow:var(--header-box-shadow);justify-content:space-between;padding:0 20px;height:60px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.headerContainer,.headerLeftSection,.logoLink{display:flex;align-items:center}.logoLink{color:var(--header-text-color);text-decoration:none}.logoIcon{-o-object-fit:contain;object-fit:contain;margin-right:10px}.logoText{font-size:1.5rem;font-weight:700;color:var(--header-text-color);margin-left:10px}.headerRightSection{display:flex;align-items:center;gap:15px}.hamburgerButton{font-size:1.8rem;background:none;border:none;color:var(--header-icon-color);cursor:pointer;padding:5px;margin-right:15px;display:flex;align-items:center;justify-content:center}.headerButton{border:1px solid var(--header-text-color);background-color:transparent;color:var(--header-text-color);padding:8px 15px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease;font-size:.9rem}.headerButton:hover{background-color:var(--header-text-color);color:var(--header-bg-color)}.sideMenu{position:fixed;top:60px;left:0;width:280px;height:calc(100vh - 60px);background-color:var(--menu-bg-color);box-shadow:var(--menu-box-shadow);padding:20px 0;z-index:999;transform:translateX(-100%);transition:transform var(--transition-speed) ease,background-color var(--transition-speed) ease;overflow-y:auto}.sideMenu.open{transform:translateX(0)}.sideMenuList{list-style:none;padding:0;margin:0}.sideMenuItem>div,.sideMenuLink{display:flex;align-items:center;padding:12px 20px;color:var(--menu-text-color);font-weight:500;cursor:pointer;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;border-bottom:1px solid var(--menu-border-color)}.sideMenuItem:last-child>.sideMenuLink,.sideMenuItem:last-child>div{border-bottom:none}.sideMenuItem>div:hover,.sideMenuLink:hover{background-color:var(--menu-hover-bg-color);color:var(--menu-hover-text-color)}.sideMenuItem.active>div,.sideMenuLink.active{background-color:var(--menu-active-bg-color);color:var(--menu-active-text-color);font-weight:700}.sideMenuSubMenu{list-style:none;padding-left:0;margin:0;background-color:var(--menu-bg-color);max-height:0;overflow:hidden;transition:max-height .3s ease-out}.sideMenuSubMenuLink{display:block;padding:10px 20px 10px 35px;color:var(--menu-text-color);font-size:.9rem;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.sideMenuSubMenuLink:hover{background-color:var(--menu-hover-bg-color);color:var(--menu-hover-text-color)}.sideMenuSubMenuLink.active{background-color:var(--menu-active-bg-color);color:var(--menu-active-text-color);font-weight:500}.menuItemToggleIcon{margin-left:auto;transition:transform var(--transition-speed) ease;font-size:.8em}.menuItemToggleIcon.open{transform:rotate(90deg)}.card{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:8px;box-shadow:var(--card-box-shadow);padding:1.5rem;margin-bottom:1.5rem;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.button{display:inline-block;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-align:center;border-radius:6px;cursor:pointer;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease;border:1px solid transparent}.button-primary{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color);border-color:var(--button-primary-bg-color)}.button-primary:hover{background-color:var(--button-primary-hover-bg-color);border-color:var(--button-primary-hover-bg-color)}.button-secondary{background-color:var(--button-secondary-bg-color);color:var(--button-secondary-text-color);border-color:var(--button-secondary-bg-color)}.button-secondary:hover{background-color:var(--button-secondary-hover-bg-color);border-color:var(--button-secondary-hover-bg-color)}@media (min-width:768px){.mainContentContainer{padding:30px}}body.dark-theme .MuiInputBase-input,body.dark-theme .MuiInputLabel-root,body.dark-theme .MuiInputLabel-root.MuiInputLabel-shrink,body.dark-theme .MuiOutlinedInput-input,body.dark-theme .MuiSelect-select{color:var(--text-color)}body.dark-theme input::-moz-placeholder,body.dark-theme textarea::-moz-placeholder{color:hsla(0,0%,100%,.6)}body.dark-theme .MuiFormHelperText-root,body.dark-theme input::placeholder,body.dark-theme textarea::placeholder{color:hsla(0,0%,100%,.6)}.layout2-logout-button:hover{background-color:#fff!important;color:#007bff!important}.attach-button-icon{color:var(--button-attach-text-color)!important}.attach-button:hover .attach-button-icon{color:var(--button-attach-hover-text-color)!important}.change-button-icon{color:var(--icon-file-selected-color)!important}.change-button:hover .change-button-icon{color:var(--button-attach-hover-text-color)!important}