.itemSearch{align-items:center;background:linear-gradient(248deg,#cfd9df 5.55%,#e2ebf0 47.95%,#cfd9df 90.36%);height:98vh;justify-content:center;transform:translate(1vw,1vh);width:98vw}.itemSearch,.itemSearch .top{display:flex;flex-direction:column}.itemSearch .top{height:15%;width:94%}.itemSearch .top img{cursor:pointer;margin-right:auto;margin-top:16px;width:32px}.itemSearch .top .search{align-items:center;background:#d9d9d9;display:flex;height:50px;justify-content:space-between;margin-top:auto;width:100%}.itemSearch .top .search input{background-color:#0000;border:none;margin-left:32px;outline:none;width:100%}.itemSearch .top .search .icon{align-items:center;display:flex;margin-bottom:10px;margin-right:16px}.itemSearch .top .search .icon img{height:24px;object-fit:cover;width:24px}.itemSearch main{background-color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap;height:80%;position:relative;width:94%}.itemSearch main section{align-items:center;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;height:94%;justify-content:center;padding-left:32px;padding-right:32px;padding-top:16px;width:100%}.itemSearch main section.noItem{color:gray;font-size:3rem;font-weight:700;justify-content:center}.itemSearch main section .container{display:flex;flex-direction:row;gap:48px;height:100%;padding-top:60px;width:100%}@media(max-width:500px){.itemSearch main section .container{gap:16px;padding-top:0}}.itemSearch main section .container{flex-wrap:wrap;overflow-y:auto}@media(max-width:500px){.itemSearch main section .container{align-items:center;flex-direction:column;gap:8px}}.itemSearch main section .container .items{align-items:center;background:#d9d9d9;cursor:pointer;display:flex;height:60px;justify-content:center;width:260px}@media(max-width:500px){.itemSearch main section .container .items{margin-right:0}}.itemSearch main section .container .items{-webkit-user-select:none;user-select:none}.itemSearch main section .container .items:hover{transform:scale(1.2)}.itemSearch main footer{align-items:center;display:flex;font-weight:700;height:6%;justify-content:center;margin-bottom:12px;margin-top:auto}.itemSearch main footer .prev{cursor:pointer}.itemSearch main footer .prev.disabled{color:gray;pointer-events:none}.itemSearch main footer .page{font-weight:400;margin:0 4px}.itemSearch main footer .next{cursor:pointer}.itemSearch main footer .next.disabled{color:gray;pointer-events:none}.itemSearch .overlay{background-color:#00000080;height:100vh;position:absolute;top:-8px;width:100vw}.itemSearch dialog{border:none;height:90vh;outline:none;position:fixed;top:5vh;width:90vw}.overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;width:100vw}.overlay dialog{padding:16px 32px;position:relative}@media(max-width:500px){.overlay dialog{height:90%}}.overlay dialog{fill:#f3f3f3;border:none;height:auto;height:80%;left:50%;max-height:80vh;outline:none;overflow-x:hidden;overflow-y:hidden;position:fixed;scrollbar-width:none;top:55%;transform:translate(-50%,-50%);transform:translateY(-36px) translate(-50%,-50%);width:90%}@media(max-width:500px){.overlay dialog{padding:0;width:95%}}.overlay dialog{align-items:center;display:flex;flex-direction:column;justify-content:center}@media(max-width:500px){.overlay dialog .itemName{font-size:1.5rem}}.overlay dialog .itemName{color:#000;font-family:Inter;font-size:36px;font-style:normal;font-weight:bolder;height:10%;line-height:normal;text-align:center}body .settingList{display:flex;gap:36px;height:100%;justify-content:center;overflow-x:hidden;width:100%}body .settingList .loadingPage{bottom:.1px}@media(max-width:500px){body .settingList{align-items:center;flex-direction:column-reverse;gap:16px;justify-content:flex-end;overflow-y:auto}}body .settingList .optionalArea{align-items:center;display:flex;flex-direction:column;padding-top:16px}@media(max-width:500px){body .settingList .optionalArea{overflow-y:auto}}body .settingList .optionalArea .imgArea{align-items:center;align-self:flex-start;display:flex;flex-direction:column;justify-content:center}@media(max-width:500px){body .settingList .optionalArea .imgArea{align-items:center;width:95%}}body .settingList .optionalArea .imgArea img{border-radius:10px;object-fit:cover;width:150px}body .settingList .optionalArea .imgArea .title{color:#000;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-top:16px;text-align:center}@media(max-width:500px){body .settingList .optionalArea .imgArea .title{font-size:1.5rem}body .settingList .optionalArea .itemName{font-size:1.5rem;height:auto;padding:16px 0}}body .settingList .optionalArea .itemName{color:#000;font-family:Inter;font-size:36px;font-style:normal;font-weight:bolder;height:10%;line-height:normal;text-align:center}body .settingList .optionalArea .textureContainer{background-color:#80808026;border-radius:10px;display:flex;flex-direction:column;padding:16px;width:800px}@media(max-width:500px){body .settingList .optionalArea .textureContainer{padding:12px;width:95%}}body .settingList .optionalArea .textureContainer .textureTitle{font-weight:700;width:800px}@media(max-width:500px){body .settingList .optionalArea .textureContainer .textureTitle{width:95%}}body .settingList .optionalArea .textureContainer .textures{display:flex;flex-wrap:wrap;gap:50px;height:auto;margin-top:12px}@media(max-width:500px){body .settingList .optionalArea .textureContainer .textures{width:95%}}body .settingList .optionalArea .textureContainer .textures .texture{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;-webkit-user-select:none;user-select:none;width:200px}@media(max-width:500px){body .settingList .optionalArea .textureContainer .textures .texture{justify-content:space-around;margin-left:0;width:150px}}body .settingList .optionalArea .textureContainer .textures .texture{background:#cfd9df;box-shadow:0 10px 10px 0 #00000040;flex-shrink:0;height:50px;margin-top:16px}body .settingList .optionalArea .textureContainer .textures .texture:nth-child(5n+1){margin-left:0}body .settingList .optionalArea .textureContainer .textures .texture.selected1{background:#9aacb7}body .settingList .optionalArea .optionContainer{border-radius:10px}@media(max-width:500px){body .settingList .optionalArea .optionContainer{width:95%}}body .settingList .optionalArea .optionContainer{background-color:#80808026;margin-top:16px;padding:12px;width:800px}body .settingList .optionalArea .optionContainer .options{display:flex;flex-wrap:wrap;max-height:200px;overflow-y:auto;width:60vw;width:800px}@media(max-width:500px){body .settingList .optionalArea .optionContainer .options{justify-content:space-between;width:95%}}body .settingList .optionalArea .optionContainer .options .option{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:center;margin-top:16px;-webkit-user-select:none;user-select:none;width:200px}@media(max-width:500px){body .settingList .optionalArea .optionContainer .options .option{font-size:.9rem;margin-left:0;width:150px}}body .settingList .optionalArea .optionContainer .options .option{background:#cfd9df;box-shadow:0 10px 10px 0 #00000040;flex-shrink:0;height:50px;margin-left:50px}body .settingList .optionalArea .optionContainer .options .option:nth-child(3n+1){margin-left:0}body .settingList .optionalArea .optionContainer .options .option.selected2{background:#9aacb7}@media(max-width:500px){body .settingList .optionalArea .stateRow{font-size:.9rem;width:95%}}body .settingList .optionalArea .stateRow{cursor:pointer;display:flex;font-weight:bolder;margin-top:16px;width:800px}body .settingList .optionalArea .stateRow .muti{margin-left:16px}body .settingList .optionalArea .stateRow .muti.disable{color:gray}body .settingList .optionalArea .stateRow .fixed{margin-left:8px}body .settingList .optionalArea .stateRow .fixed.disable{color:gray}body .settingList .optionalArea .inputDiv{background-color:#80808026;border-radius:10px;display:flex;flex-wrap:wrap;margin-top:16px;padding:16px;width:800px}@media(max-width:500px){body .settingList .optionalArea .inputDiv{font-size:.9rem;width:95%}}body .settingList .optionalArea .inputDiv .inputArea{margin-right:50px;margin-top:16px}body .settingList .optionalArea .inputDiv .inputArea .inputName{font-weight:700}body .settingList .optionalArea .inputDiv .inputArea .inputBlock{align-items:center;background:#cfd9df;box-shadow:0 10px 10px 0 #00000040;display:flex;margin-top:12px;width:200px}body .settingList .optionalArea .inputDiv .inputArea .inputBlock .length{background-color:#0000;border:none;height:40px;margin-left:1vw;outline:none;width:200px}body .settingList .optionalArea .inputDiv .inputArea .inputBlock input[type=number]::-webkit-inner-spin-button,body .settingList .optionalArea .inputDiv .inputArea .inputBlock input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .settingList .optionalArea .inputDiv .inputArea .inputBlock input[type=number]{-moz-appearance:textfield}body .settingList .optionalArea .priceInfo{display:flex;font-weight:bolder;margin-bottom:16px;margin-left:16px;margin-top:16px;width:800px}@media(max-width:500px){body .settingList .optionalArea .priceInfo{font-size:.9rem;width:95%}}body .settingList .optionalArea .priceInfo .sellPrice{margin-left:16px}body .settingList .optionalArea .buttonContainer{display:flex;justify-content:center;width:800px}@media(max-width:500px){body .settingList .optionalArea .buttonContainer{width:95%}}body .settingList .optionalArea .buttonContainer .submitBtn{align-items:center;align-self:center;background:#d9d9d9;cursor:pointer;display:flex;justify-content:center;margin-bottom:16px;padding-bottom:8px;padding-top:8px;width:120px}body .settingList .optionalArea .buttonContainer .submitBtn:hover{transform:scale(1.1)}body .settingList .optionalArea .submitBtn.disable{cursor:pointer;filter:brightness(.8);pointer-events:none}@media(max-width:500px){body .settingList .imgArea{width:95%}}body .settingList .imgArea{align-items:center;align-self:flex-start;display:flex;flex-direction:column;justify-content:center}body .settingList .imgArea img{border-radius:10px;object-fit:cover;width:150px}body .settingList .imgArea .itemName{color:#000;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-top:16px;text-align:center}body .designInformation{align-items:center;background-color:#e4e4e4;display:flex;height:100%;justify-content:center;overflow-y:auto;width:100%}@media(max-width:500px){body .designInformation{align-items:flex-start;padding:16px 0}body .designInformation .container{align-items:center;flex-direction:column-reverse;gap:16px;width:95%}}body .designInformation .container{align-items:center;display:flex;gap:64px;justify-content:center}@media(max-width:500px){body .designInformation .container .optionalArea{width:95%}}body .designInformation .container .optionalArea .title{color:#000;font-family:Inter;font-size:36px;font-style:normal;font-weight:400;line-height:normal;margin-top:3vh;text-align:center}@media(max-width:500px){body .designInformation .container .optionalArea .title{font-size:1.5rem}}body .designInformation .container .optionalArea .textures{background-color:#80808026;border-radius:10px;padding:16px;width:800px}@media(max-width:500px){body .designInformation .container .optionalArea .textures{font-size:.9rem;width:95%}}body .designInformation .container .optionalArea .textures{display:flex;flex-direction:column;max-height:200px;overflow-y:auto}body .designInformation .container .optionalArea .textures .textureName{font-weight:700}body .designInformation .container .optionalArea .textures .textureContainer{display:flex}@media(max-width:500px){body .designInformation .container .optionalArea .textures .textureContainer{justify-content:space-between}}body .designInformation .container .optionalArea .textures .textureContainer{flex-wrap:wrap}@media(max-width:500px){body .designInformation .container .optionalArea .textures .textureContainer .texture{font-size:.9rem;margin-left:0;width:150px}}body .designInformation .container .optionalArea .textures .textureContainer .texture{align-items:center;background:#cfd9df;box-shadow:0 10px 10px 0 #00000040;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-left:50px;margin-top:16px;-webkit-user-select:none;user-select:none;width:200px}body .designInformation .container .optionalArea .textures .textureContainer .texture:nth-child(3n+1){margin-left:0}body .designInformation .container .optionalArea .textures .texture.selected1{background:#9aacb7}body .designInformation .container .optionalArea .options{background-color:#80808026;border-radius:10px;display:flex;flex-wrap:wrap;margin-top:32px;max-height:220px;overflow-y:auto;padding:16px;width:750px}@media(max-width:500px){body .designInformation .container .optionalArea .options{justify-content:space-between;width:95%}body .designInformation .container .optionalArea .options .option{font-size:.9rem;margin-left:0;width:150px}}body .designInformation .container .optionalArea .options .option{align-items:center;background:#cfd9df;box-shadow:0 10px 10px 0 #00000040;cursor:pointer;display:flex;flex-shrink:0;flex-wrap:wrap;height:50px;justify-content:center;margin-left:50px;margin-top:16px;padding:4px;-webkit-user-select:none;user-select:none;width:200px}body .designInformation .container .optionalArea .options .option:nth-child(3n+1){margin-left:0}body .designInformation .container .optionalArea .options .option.selected2{background:#9aacb7}@media(max-width:500px){body .designInformation .container .optionalArea .stateRow{font-size:.9rem;width:95%}}body .designInformation .container .optionalArea .stateRow{cursor:pointer;display:flex;font-weight:bolder;margin-top:16px;width:750px}body .designInformation .container .optionalArea .stateRow .muti{margin-left:16px}body .designInformation .container .optionalArea .stateRow .muti.disable{color:gray}body .designInformation .container .optionalArea .stateRow .fixed{margin-left:8px}body .designInformation .container .optionalArea .stateRow .fixed.disable{color:gray}@media(max-width:500px){body .designInformation .container .optionalArea .inputArea{font-size:.9rem;width:95%}}body .designInformation .container .optionalArea .inputArea{background-color:#80808026;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:16px;width:800px}body .designInformation .container .optionalArea .inputArea .input{margin-top:8px}body .designInformation .container .optionalArea .inputArea .inputName{font-weight:700}body .designInformation .container .optionalArea .inputArea .inputBlock{align-items:center;background:#cfd9df;box-shadow:0 10px 10px 0 #00000040;display:flex;margin-right:50px;margin-top:16px;width:175px}body .designInformation .container .optionalArea .inputArea .inputBlock .length{background-color:#0000;border:none;height:40px;margin-left:12px;outline:none;width:200px}body .designInformation .container .optionalArea .inputArea .inputBlock:nth-child(odd){margin-left:0}body .designInformation .container .optionalArea .inputArea .inputBlock input[type=number]::-webkit-inner-spin-button,body .designInformation .container .optionalArea .inputArea .inputBlock input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body .designInformation .container .optionalArea .inputArea .inputBlock input[type=number]{-moz-appearance:textfield}@media(max-width:500px){body .designInformation .container .optionalArea .info{font-size:.9rem;width:95%}}body .designInformation .container .optionalArea .info{align-items:center;display:flex;font-weight:700;gap:16px;margin-top:16px;padding-left:16px;width:750px}body .designInformation .container .optionalArea .info .partner{align-items:center;display:flex;gap:8px}body .designInformation .container .optionalArea .info .partner img{cursor:pointer}@media(max-width:500px){body .designInformation .container .optionalArea .buttonContainer{width:95%}}body .designInformation .container .optionalArea .buttonContainer{align-items:center;display:flex;justify-content:center;width:750px}body .designInformation .container .optionalArea .buttonContainer .submitBtn{align-items:center;align-self:center;background:#d9d9d9;cursor:pointer;display:flex;justify-content:center;margin-top:32px;padding-bottom:1vh;padding-top:1vh;width:120px}body .designInformation .container .optionalArea .buttonContainer .submitBtn.disabled{filter:brightness(.8);pointer-events:none}body .designInformation .container .optionalArea .buttonContainer .submitBtn:hover{transform:scale(1.1)}body .designInformation .container .imgArea{align-items:center;align-self:flex-start;display:flex;flex-direction:column;justify-content:center}@media(max-width:500px){body .designInformation .container .imgArea{align-items:center;width:95%}}body .designInformation .container .imgArea img{border-radius:10px;object-fit:cover;width:150px}body .designInformation .container .imgArea .title{color:#000;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;line-height:normal;margin-top:16px;text-align:center}@media(max-width:500px){body .designInformation .container .imgArea .title{font-size:1.5rem}}.loadingPage{align-items:center;background-color:rgba(0,0,0,.516);display:flex;height:100%;justify-content:center;position:absolute;width:100%}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{color:#fff;display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid #0000;border-radius:50%;border-top-color:currentcolor;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:linear-gradient(248deg,#cfd9df 5.55%,#e2ebf0 47.95%,#cfd9df 90.36%)}body .designListContainer{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}body .designListContainer .DesignList header{align-items:center;display:flex;height:10%;justify-content:space-between;width:70%}body .designListContainer .DesignList header .userInfo{display:flex;gap:16px;justify-content:flex-end;width:100%}body .designListContainer .DesignList header .userInfo .manageBtn{background-color:#fff;border-radius:6px;cursor:pointer;display:flex;justify-content:flex-end;padding:4px 16px}body .designListContainer .DesignList header .userInfo .name{background-color:#fff;border-radius:6px;padding:4px 16px}body .designListContainer .DesignList header .userInfo .logout{background-color:#fff;border-radius:6px;cursor:pointer;padding:4px 16px}body .designListContainer .DesignList{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}body .designListContainer .DesignList section{background:#f3f3f3;display:flex;flex-direction:column;height:90%;margin-bottom:20px;position:relative;width:70vw}@media(max-width:500px){body .designListContainer .DesignList section{width:95%}}body .designListContainer .DesignList section .designBlocks{height:85vh;overflow-y:auto;padding:8px}body .designListContainer .DesignList section .designBlocks img.updateName{cursor:pointer;height:16px;margin-left:12px;width:16px}body .designListContainer .DesignList section .designBlocks .blockContainer{height:100%;width:100%}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection{margin-top:12px}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection:first-child{margin-top:0}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow{align-items:center;border-bottom:2px solid hsla(0,0%,47%,.103);border-radius:12px 12px 0 0;display:flex;font-size:1.1rem;font-weight:bolder;height:50px;margin-top:12px;padding-left:12px;width:100%}@media(max-width:500px){body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow{font-size:1rem}}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow{background-color:#e6e4e4}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow:first-child{margin-top:0}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .categoryBlock,body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .categoryNum{align-items:center;display:flex;justify-content:center}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .categoryBlock span{cursor:pointer;font-size:14px;margin-left:16px}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .price{align-items:center;display:flex;font-size:14px;gap:12px;margin-left:16px}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .partner{align-items:center;display:flex;font-size:14px;font-weight:lighter;gap:12px;margin-left:16px}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .buttonContainer{align-items:center;display:flex;margin-left:auto}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .buttonContainer .add{align-items:center;cursor:pointer;display:flex;justify-content:center}body .designListContainer .DesignList section .designBlocks .blockContainer .categorySection .categoryRow .buttonContainer .trash{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:center;width:60px}body .designListContainer .DesignList section .designBlocks .blockContainer main{height:auto}body .designListContainer .DesignList section .designBlocks .blockContainer footer{align-items:center;background-color:#e6e4e4;border-radius:0 0 12px 12px;border-top:2px solid hsla(0,0%,47%,.103);cursor:pointer;display:flex;height:70px;justify-content:center;width:100%}body .designListContainer .DesignList section .designBlocks::-webkit-scrollbar{height:18px;width:14px}body .designListContainer .DesignList section .designBlocks::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#00000026;border:4px solid #0000;border-radius:7px;box-shadow:inset -1px -1px 0 #0000000d,inset 1px 1px 0 #0000000d;height:6px}body .designListContainer .DesignList section .designBlocks::-webkit-scrollbar-button{display:none;height:0;width:0}body .designListContainer .DesignList section .designBlocks::-webkit-scrollbar-corner{background-color:#0000}body .designListContainer .DesignList section .noDesign span{font-weight:700}body .designListContainer .DesignList section .noDesign{color:#898e92;font-size:1.5rem;font-weight:400;-webkit-user-select:none;user-select:none}@media(max-width:500px){body .designListContainer .DesignList section .noDesign{font-size:1rem}}body .designListContainer .DesignList section .noDesign{margin-top:40vh;text-align:center}body .designListContainer .DesignList section footer{display:flex;justify-self:flex-end;margin-top:auto}body .designListContainer .DesignList section footer .addBtn{align-items:center;background:#eaeaea;cursor:pointer;display:flex;flex:1 1;font-weight:bolder;height:5vh;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none}body .designListContainer .DesignList section footer .addBtn.disable{cursor:auto;pointer-events:none}body .designListContainer .DesignList section footer .printBtn{align-items:center;background:#8baac078;cursor:pointer;display:flex;flex:1 1;font-weight:bolder;height:5vh;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none}body .designListContainer .DesignList section footer .printBtn.disable{cursor:auto;filter:brightness(.5);pointer-events:none}body .designListContainer .DesignList section.disable{filter:brightness(.8)}.designLayout{background-color:#00000080;display:flex;height:100%;position:absolute;top:.3px;width:100%;z-index:6}.designLayout .designSetting{fill:#f3f3f3;align-items:center;border:none;display:flex;flex-direction:column;height:60%;left:20vw;outline:none;position:relative;top:20vh;width:60vw}.designLayout .designSetting .settingTitle{color:#000;font-family:Inter;font-size:36px;font-style:normal;font-weight:400;height:5%;line-height:normal;margin-top:3vh;text-align:center;width:100%}.designLayout .designSetting .designSettingList{height:95%;margin-top:6vh;width:100%}.designLayout .designSetting .designSettingList .container{clip:auto;-webkit-clip-path:none;clip-path:none}.designLayout .designSetting .designSettingList{align-items:center;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.designLayout .designSetting .designSettingList .setting{align-items:center;background:#d9d9d9;border-radius:10px;cursor:pointer;display:flex;height:50px;justify-content:center;margin-bottom:15px;-webkit-user-select:none;user-select:none;width:350px}.designLayout .designSetting .designSettingList .setting:hover{transform:scale(1.2)}.container{position:relative}.container .hoverTop{height:15%;position:absolute;width:75%}.container .hoverBottom{height:30%;position:absolute;top:70%;width:75%}.container .designBlock{height:120px}@media(max-width:500px){.container .designBlock{height:150px}}.container .designBlock{background-color:#e6e4e4;border-collapse:collapse;border-top:none;display:flex}.container .designBlock.addGroup{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:bolder;height:80px;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.container .designBlock .information{align-items:center;display:flex;justify-content:flex-start;width:80%}.container .designBlock .information .informationImg{-webkit-user-drag:none;align-items:center;display:flex;justify-content:center;-webkit-user-select:none;user-select:none;width:15%}.container .designBlock .information .informationImg img{cursor:pointer}@media(max-width:500px){.container .designBlock .information .informationImg img{width:20px}}.container .designBlock .information main{display:flex;flex-direction:column}.container .designBlock .information main .top{align-items:center;display:flex;width:100%}.container .designBlock .information main .top .designName{-webkit-user-drag:none;font-size:1.1rem;font-weight:bolder;-webkit-user-select:none;user-select:none;width:auto}@media(max-width:500px){.container .designBlock .information main .top .designName{font-size:.9rem}}.container .designBlock .information main .top .modName{align-items:center;cursor:pointer;display:flex;margin-left:12px;margin-right:8px}@media(max-width:500px){.container .designBlock .information main .top .modName{margin-left:0;width:13px}}.container .designBlock .information main .top .modName img{width:15px}.container .designBlock .information main .top .update{cursor:pointer;margin-left:6px}.container .designBlock .information main .info{display:flex;flex-direction:column;font-size:.9rem;margin-top:4px}@media(max-width:500px){.container .designBlock .information main .info{font-size:.8rem}}.container .designBlock .information main .info .finalPrice span{cursor:pointer;font-weight:700;margin-left:16px}@media(max-width:500px){.container .designBlock .information main .info .price{font-size:.8rem}}.container .designBlock .information main .info .price{display:flex}.container .designBlock .information main .info .price>*{margin-right:16px}.container .designBlock .information main .info .numberInfo{align-items:center;display:flex;font-size:.9rem}.container .designBlock .information main .info .numberInfo .number{margin-left:29px}.container .designBlock .sortArea{display:flex;flex-direction:column;height:100%;justify-content:space-around;margin-right:12px;width:24px}.container .designBlock .sortArea img{cursor:pointer;width:14px}.container .designBlock .alterArea{align-items:center;display:flex;flex-direction:column;justify-content:center;width:20%}.container .designBlock .alterArea .alterDesign{align-items:center;background-color:#d9d9d9;cursor:pointer;display:flex;font-weight:bolder;height:50%;justify-content:center;width:100%}@media(max-width:600px){.container .designBlock .alterArea .alterDesign{font-size:.8rem}}.container .designBlock .alterArea a{align-items:center;background:#cfd9df;cursor:pointer;display:flex;font-weight:bolder;height:50%;justify-content:center;width:100%}@media(max-width:500px){.container .designBlock .alterArea a .addItem{font-size:.8rem}}.container .bottomAdd{background-color:blue}.container .bottomAdd,.container .topAdd{align-items:center;background-color:#e6e4e4;cursor:pointer;display:flex;height:40px;justify-content:center;width:100%}.drawer{background-color:#eaeaea;box-shadow:inset 0 1px 1px 0 #ffffff1a,0 50px 100px -20px #32325d40,0 30px 60px -30px #000;display:flex;flex-direction:column;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:300px;z-index:2}@media(max-width:500px){.drawer{width:100%}}.drawer .buttonArea{align-items:center;border-bottom:4px solid hsla(0,0%,47%,.103);display:flex;flex-direction:column;height:10%;margin-bottom:12px;position:relative;width:100%;z-index:5}.drawer .buttonArea .buttons{display:flex;margin-top:4px;width:100%}.drawer .buttonArea .buttons .search{display:flex;margin-left:54px;width:100%}.drawer .buttonArea .buttons .search img{width:32px}.drawer .buttonArea .buttons .search input{background:#0000;border:none;color:inherit;outline:none;width:100%}.drawer .buttonArea .buttons .addRecord{cursor:pointer;margin-left:12px;position:relative;width:32px}.drawer .buttonArea .buttons img{cursor:pointer;height:32px;margin-right:12px;position:relative;-webkit-user-select:none;user-select:none;z-index:2}.drawer .buttonArea .recordStatus{display:flex;height:100%;width:100%}.drawer .buttonArea .recordStatus .finished,.drawer .buttonArea .recordStatus .pending,.drawer .buttonArea .recordStatus .unfinished{align-items:center;color:gray;cursor:pointer;display:flex;flex:1 1;justify-content:center;-webkit-user-select:none;user-select:none;width:50%}.drawer .buttonArea .recordStatus .selected.finished,.drawer .buttonArea .recordStatus .selected.pending,.drawer .buttonArea .recordStatus .selected.unfinished{color:#000}.drawer .buttonArea .burger{cursor:pointer}.drawer .designRecord{align-items:center;align-self:flex-start;display:flex;height:90%;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%}.drawer .designRecord .records{height:100%;overflow-y:auto;position:relative;z-index:1}@media(max-width:500px){.drawer .designRecord .records{width:100%}}.drawer .designRecord .records .record{align-items:center;background-color:hsla(0,0%,50%,.112);border-radius:25px;display:flex;justify-content:center;margin-left:8px;margin-right:8px;margin-top:16px;padding:16px}.drawer .designRecord .records .record:first-child{margin-top:0}.drawer .designRecord .records .record .main{cursor:pointer;width:220px}.drawer .designRecord .records .record .main .permission{background-color:hsla(0,0%,50%,.112);border-radius:12px;cursor:pointer;font-size:.9rem;margin-left:4px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.drawer .designRecord .records .record .main .permission:hover{background-color:hsla(0,0%,50%,.212)}.drawer .designRecord .records .record .main .top{align-items:center;display:flex;flex-direction:column;margin-left:4px}.drawer .designRecord .records .record .main .top .recordName{align-items:center;display:flex;width:100%}.drawer .designRecord .records .record .main .top .recordName .name{font-size:1rem;margin-right:8px}.drawer .designRecord .records .record .main .top .recordName img{width:20px}.drawer .designRecord .records .record .main .top .createBy{align-self:flex-start;font-size:.8rem}.drawer .designRecord .records .record .main .bottom{margin-top:4px;width:250px}.drawer .designRecord .records .record .main .bottom .info{background-color:hsla(0,0%,100%,.489);border-radius:12px;padding:8px;width:200px}.drawer .designRecord .records .record .main .bottom .info .time{font-size:.8rem}.drawer .designRecord .records .record .main .bottom .info .price{display:flex;font-size:.8rem}.drawer .designRecord .records .record .main .bottom .info .price .cost{margin-right:4px}.drawer .designRecord .records .record .main .bottom .info .gross{display:flex;font-size:.8rem}.drawer .designRecord .records .record .action{align-items:center;align-self:flex-end;display:flex;flex-direction:column-reverse;height:80px;justify-content:center}.drawer .designRecord .records .record .action .pending{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:auto;width:100%}.drawer .designRecord .records .record .action .pending img{width:32px}.drawer .designRecord .records .record .action .delete{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:auto;width:100%}.drawer .designRecord .records .record .action .delete img{width:32px}.drawer .designRecord .records .record .action .finish{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:auto;width:100%}.drawer .designRecord .records .record .action .finish img{width:24px}.drawer .designRecord .records .record .action .unfinish{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:auto;width:100%}.drawer .designRecord .records .record .action .unfinish img{width:32px}.drawer .designRecord .records .selected{background-color:hsla(0,0%,50%,.543)}.drawer .designRecord .noRecord{align-items:center;color:gray;display:flex;font-size:1.5rem;height:100%;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.designRecord img{cursor:pointer}.itemsInformation .shader{background-color:rgba(0,0,0,.491);display:flex;height:100vh;position:absolute;top:10vh;transform:translate(-50vw,-10vh);width:100vw;z-index:4}.itemsInformation dialog{height:70vh;left:30vw;top:15vh;width:40vw}@media(max-width:500px){.itemsInformation dialog{left:10vw}}.itemsInformation dialog{background-color:#eaeaea;border:none;z-index:5}@media(max-width:500px){.itemsInformation dialog{width:80vw}}.itemsInformation dialog main .itemRow{height:70vh;overflow-y:scroll}@media(max-width:500px){.itemsInformation dialog main .itemRow .item{width:95%}}.itemsInformation dialog main .itemRow .item{background-color:hsla(0,0%,50%,.112);border-radius:15px;display:flex;justify-content:space-between;margin-left:8px;margin-right:4px;margin-top:24px;padding:24px}.itemsInformation dialog main .itemRow .item main{width:100%}.itemsInformation dialog main .itemRow .item main .itemName{font-size:1.3rem;font-weight:700}@media(max-width:500px){.itemsInformation dialog main .itemRow .item main .itemName{font-size:.9rem}}.itemsInformation dialog main .itemRow .item main .info{display:flex;font-size:.85em;margin-top:4px}.itemsInformation dialog main .itemRow .item main .info>*{margin-right:8px}@media(max-width:500px){.itemsInformation dialog main .itemRow .item main .info{font-size:.75rem}}.itemsInformation dialog main .itemRow .item main .info .price{display:flex;flex-direction:column}.itemsInformation dialog main .itemRow .item main .info .price .costprice{margin-right:8px}.itemsInformation dialog main .itemRow .item main .info .bottom{display:flex;flex-direction:column}.itemsInformation dialog main .itemRow .item main .info .bottom .number{color:gray}.itemsInformation dialog main .itemRow .item .action{align-items:center;display:flex;justify-content:center}.itemsInformation dialog main .itemRow .item .action img{cursor:pointer;height:32px;width:32px}@media(max-width:500px){.itemsInformation dialog main .itemRow .item .action img{width:24px}}.itemsInformation dialog main .nothing{align-items:center;display:flex;height:70vh;justify-content:center}.itemsInformation dialog main .nothing .text{color:gray;font-size:2rem;text-align:center}.searchPartPage{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;position:absolute;width:100%;z-index:5}.searchPartPage main.searchPartContainer{align-items:center;background-color:#fff;display:flex;height:auto;justify-content:center;padding:16px 0;width:40%}@media(max-width:500px){.searchPartPage main.searchPartContainer{width:80%}}.searchPartPage main.searchPartContainer .mainContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media(max-width:500px){.searchPartPage main.searchPartContainer .mainContainer{width:80%}}.searchPartPage main.searchPartContainer .mainContainer .addArea{cursor:pointer;margin-bottom:12px;width:70%}.searchPartPage main.searchPartContainer .mainContainer .searchArea{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.searchPartPage main.searchPartContainer .mainContainer .searchArea .searchBar{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.searchPartPage main.searchPartContainer .mainContainer .searchArea .searchBar{width:80%}}.searchPartPage main.searchPartContainer .mainContainer .searchArea .searchBar{align-items:center;border-radius:16px 16px 0 0;display:flex;height:50px}.searchPartPage main.searchPartContainer .mainContainer .searchArea .searchBar.idle{border-radius:16px}.searchPartPage main.searchPartContainer .mainContainer .searchArea .searchBar input.searchPart{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.searchPartPage main.searchPartContainer .mainContainer .searchArea table{width:80%}}.searchPartPage main.searchPartContainer .mainContainer .searchArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:7}.searchPartPage main.searchPartContainer .mainContainer .searchArea table ul{cursor:pointer;font-size:12px;padding:6px}.searchPartPage main.searchPartContainer .mainContainer .chooseArea{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:16px;position:relative;width:100%}.searchPartPage main.searchPartContainer .mainContainer .chooseArea .chooseNameBar{background-color:#e7e5e5;border-radius:16px 16px 0 0;box-shadow:0 2px 6px #0000001a;height:50px;width:400px;z-index:5}@media(max-width:500px){.searchPartPage main.searchPartContainer .mainContainer .chooseArea .chooseNameBar{width:80%}}.searchPartPage main.searchPartContainer .mainContainer .chooseArea .chooseNameBar{align-items:center;display:flex}.searchPartPage main.searchPartContainer .mainContainer .chooseArea .chooseNameBar.idle{border-radius:16px}.searchPartPage main.searchPartContainer .mainContainer .chooseArea .chooseNameBar.disable{color:gray;filter:brightness(.8);pointer-events:none;-webkit-user-select:none;user-select:none}.searchPartPage main.searchPartContainer .mainContainer .chooseArea .chooseNameBar .container{background-color:#e7e5e5;border:none;box-shadow:none;cursor:pointer;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.searchPartPage main.searchPartContainer .mainContainer .chooseArea table{width:80%}}.searchPartPage main.searchPartContainer .mainContainer .chooseArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:4}.searchPartPage main.searchPartContainer .mainContainer .chooseArea table ul{cursor:pointer;font-size:12px;padding:6px}@media(max-width:500px){.searchPartPage main.searchPartContainer .mainContainer .information{width:80%}}.searchPartPage main.searchPartContainer .mainContainer .information{background-color:#e7e5e5;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;font-size:14px;height:120px;justify-content:center;padding:4px;width:400px}.searchPartPage main.searchPartContainer .mainContainer .information.none{background-color:#0000;box-shadow:none}.searchPartPage main.searchPartContainer .mainContainer .information .info{margin-left:16px;margin-top:4px}.searchPartPage main.searchPartContainer .mainContainer .button{align-items:center;background-color:#e7e5e5;cursor:pointer;display:flex;height:30px;justify-content:center;margin-top:12px;width:80px}.searchPartPage main.searchPartContainer .mainContainer .button.none{background-color:#b2222200}.customerInformation{background-color:#00000080;height:100%;position:absolute;width:100%;z-index:5}.customerInformation,.customerInformation main{align-items:center;display:flex;justify-content:center}.customerInformation main{background-color:#fff;height:70%;width:50%}@media(max-width:600px){.customerInformation main{width:95%}}.customerInformation main .infos{width:100%}.customerInformation main .infos .main{align-items:center;display:flex;height:100px;justify-content:center;width:100%}.customerInformation main .infos .main .infoContainer{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;width:100%}.customerInformation main .infos .main .infoContainer .title{margin-left:24px;margin-right:6px}.customerInformation main .infos .main .infoContainer .mod{width:12px}.customerInformation main .infos .main .infoContainer .modArea{align-items:center;display:flex}.customerInformation main .infos .main .infoContainer .modArea img{margin-left:6px}.customerInformation main .infos .main .infoContainer .modArea .mod{width:12px}.customerInformation main .infos .main .infoContainer .modArea .check,.customerInformation main .infos .main .infoContainer .modArea .cross{width:16px}.searchCustomerPage{background-color:#00000080;height:100%;position:absolute;width:100%;z-index:5}.searchCustomerPage,.searchCustomerPage main{align-items:center;display:flex;justify-content:center}.searchCustomerPage main{background-color:#fff;height:auto;padding:16px 0;width:40%}@media(max-width:500px){.searchCustomerPage main{width:80%}}.searchCustomerPage main .mainContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media(max-width:500px){.searchCustomerPage main .mainContainer{width:80%}}.searchCustomerPage main .mainContainer .addArea{cursor:pointer;margin-bottom:12px;width:70%}.searchCustomerPage main .mainContainer .searchArea{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.searchCustomerPage main .mainContainer .searchArea .searchBar{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.searchCustomerPage main .mainContainer .searchArea .searchBar{width:80%}}.searchCustomerPage main .mainContainer .searchArea .searchBar{align-items:center;border-radius:16px 16px 0 0;display:flex;height:50px}.searchCustomerPage main .mainContainer .searchArea .searchBar.idle{border-radius:16px}.searchCustomerPage main .mainContainer .searchArea .searchBar input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.searchCustomerPage main .mainContainer .searchArea table{width:80%}}.searchCustomerPage main .mainContainer .searchArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:7}.searchCustomerPage main .mainContainer .searchArea table ul{cursor:pointer;font-size:12px;padding:6px}.searchCustomerPage main .mainContainer .chooseArea{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:16px;position:relative;width:100%}.searchCustomerPage main .mainContainer .chooseArea .chooseNameBar{background-color:#e7e5e5;border-radius:16px 16px 0 0;box-shadow:0 2px 6px #0000001a;height:50px;width:400px;z-index:5}@media(max-width:500px){.searchCustomerPage main .mainContainer .chooseArea .chooseNameBar{width:80%}}.searchCustomerPage main .mainContainer .chooseArea .chooseNameBar{align-items:center;display:flex}.searchCustomerPage main .mainContainer .chooseArea .chooseNameBar.idle{border-radius:16px}.searchCustomerPage main .mainContainer .chooseArea .chooseNameBar.disable{color:gray;filter:brightness(.8);pointer-events:none;-webkit-user-select:none;user-select:none}.searchCustomerPage main .mainContainer .chooseArea .chooseNameBar .container{background-color:#e7e5e5;border:none;box-shadow:none;cursor:pointer;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.searchCustomerPage main .mainContainer .chooseArea table{width:80%}}.searchCustomerPage main .mainContainer .chooseArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:4}.searchCustomerPage main .mainContainer .chooseArea table ul{cursor:pointer;font-size:12px;padding:6px}@media(max-width:500px){.searchCustomerPage main .mainContainer .information{width:80%}}.searchCustomerPage main .mainContainer .information{background-color:#e7e5e5;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;font-size:14px;height:120px;justify-content:center;padding:4px;width:400px}.searchCustomerPage main .mainContainer .information.none{background-color:#0000;box-shadow:none}.searchCustomerPage main .mainContainer .information .info{margin-left:16px;margin-top:4px}.searchCustomerPage main .mainContainer .button{align-items:center;background-color:#e7e5e5;cursor:pointer;display:flex;height:30px;justify-content:center;margin-top:12px;width:80px}.searchCustomerPage main .mainContainer .button.none{background-color:#b2222200}.addCatePage{background-color:#00000080;height:100%;position:absolute;width:100%;z-index:5}.addCatePage,.addCatePage main{align-items:center;display:flex;justify-content:center}.addCatePage main{background-color:#fff;height:auto;padding:16px 0;width:40%}@media(max-width:500px){.addCatePage main{width:80%}}.addCatePage main .mainContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media(max-width:500px){.addCatePage main .mainContainer{width:80%}}.addCatePage main .mainContainer .addArea{cursor:pointer;margin-bottom:12px;width:70%}.addCatePage main .mainContainer .cateName{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.addCatePage main .mainContainer .cateName .inputContainer{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.addCatePage main .mainContainer .cateName .inputContainer{width:80%}}.addCatePage main .mainContainer .cateName .inputContainer{align-items:center;border-radius:16px;display:flex;height:50px}.addCatePage main .mainContainer .cateName .inputContainer input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}.addCatePage main .mainContainer .searchArea{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.addCatePage main .mainContainer .searchArea .searchBar{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.addCatePage main .mainContainer .searchArea .searchBar{width:80%}}.addCatePage main .mainContainer .searchArea .searchBar{align-items:center;border-radius:16px 16px 0 0;display:flex;height:50px}.addCatePage main .mainContainer .searchArea .searchBar.idle{border-radius:16px}.addCatePage main .mainContainer .searchArea .searchBar input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.addCatePage main .mainContainer .searchArea table{width:80%}}.addCatePage main .mainContainer .searchArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:7}.addCatePage main .mainContainer .searchArea table ul{cursor:pointer;font-size:12px;padding:6px}.addCatePage main .mainContainer .chooseArea{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:16px;position:relative;width:100%}.addCatePage main .mainContainer .chooseArea .chooseNameBar{background-color:#e7e5e5;border-radius:16px 16px 0 0;box-shadow:0 2px 6px #0000001a;height:50px;width:400px;z-index:5}@media(max-width:500px){.addCatePage main .mainContainer .chooseArea .chooseNameBar{width:80%}}.addCatePage main .mainContainer .chooseArea .chooseNameBar{align-items:center;display:flex}.addCatePage main .mainContainer .chooseArea .chooseNameBar.idle{border-radius:16px}.addCatePage main .mainContainer .chooseArea .chooseNameBar.disable{color:gray;filter:brightness(.8);pointer-events:none;-webkit-user-select:none;user-select:none}.addCatePage main .mainContainer .chooseArea .chooseNameBar .container{background-color:#e7e5e5;border:none;box-shadow:none;cursor:pointer;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.addCatePage main .mainContainer .chooseArea table{width:80%}}.addCatePage main .mainContainer .chooseArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:4}.addCatePage main .mainContainer .chooseArea table ul{cursor:pointer;font-size:12px;padding:6px}@media(max-width:500px){.addCatePage main .mainContainer .information{width:80%}}.addCatePage main .mainContainer .information{background-color:#e7e5e5;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;font-size:14px;height:120px;justify-content:center;padding:4px;width:400px}.addCatePage main .mainContainer .information.none{background-color:#0000;box-shadow:none}.addCatePage main .mainContainer .information .info{margin-left:16px;margin-top:4px}.addCatePage main .mainContainer .button{align-items:center;background-color:#e7e5e5;cursor:pointer;display:flex;height:30px;justify-content:center;margin-top:12px;width:80px}.addCatePage main .mainContainer .button.none{background-color:#b2222200}.addCatePage main .mainContainer .button.disable{filter:brightness(.8)}.updateCatePage{background-color:#00000080;height:100%;position:absolute;width:100%;z-index:5}.updateCatePage,.updateCatePage main{align-items:center;display:flex;justify-content:center}.updateCatePage main{background-color:#fff;height:auto;padding:16px 0;width:40%}@media(max-width:500px){.updateCatePage main{width:80%}}.updateCatePage main .mainContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media(max-width:500px){.updateCatePage main .mainContainer{width:80%}}.updateCatePage main .mainContainer .addArea{cursor:pointer;margin-bottom:12px;width:70%}.updateCatePage main .mainContainer .costPrice{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.updateCatePage main .mainContainer .costPrice .inputContainer{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.updateCatePage main .mainContainer .costPrice .inputContainer{width:80%}}.updateCatePage main .mainContainer .costPrice .inputContainer{align-items:center;border-radius:16px;display:flex;height:50px}.updateCatePage main .mainContainer .costPrice .inputContainer input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}.updateCatePage main .mainContainer .sellPrice{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.updateCatePage main .mainContainer .sellPrice .inputContainer{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.updateCatePage main .mainContainer .sellPrice .inputContainer{width:80%}}.updateCatePage main .mainContainer .sellPrice .inputContainer{align-items:center;border-radius:16px;display:flex;height:50px}.updateCatePage main .mainContainer .sellPrice .inputContainer input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}.updateCatePage main .mainContainer .searchArea{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.updateCatePage main .mainContainer .searchArea .searchBar{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.updateCatePage main .mainContainer .searchArea .searchBar{width:80%}}.updateCatePage main .mainContainer .searchArea .searchBar{align-items:center;border-radius:16px 16px 0 0;display:flex;height:50px}.updateCatePage main .mainContainer .searchArea .searchBar.idle{border-radius:16px}.updateCatePage main .mainContainer .searchArea .searchBar input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.updateCatePage main .mainContainer .searchArea table{width:80%}}.updateCatePage main .mainContainer .searchArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:7}.updateCatePage main .mainContainer .searchArea table ul{cursor:pointer;font-size:12px;padding:6px}.updateCatePage main .mainContainer .chooseArea{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:16px;position:relative;width:100%}.updateCatePage main .mainContainer .chooseArea .chooseNameBar{background-color:#e7e5e5;border-radius:16px 16px 0 0;box-shadow:0 2px 6px #0000001a;height:50px;width:400px;z-index:5}@media(max-width:500px){.updateCatePage main .mainContainer .chooseArea .chooseNameBar{width:80%}}.updateCatePage main .mainContainer .chooseArea .chooseNameBar{align-items:center;display:flex}.updateCatePage main .mainContainer .chooseArea .chooseNameBar.idle{border-radius:16px}.updateCatePage main .mainContainer .chooseArea .chooseNameBar.disable{color:gray;filter:brightness(.8);pointer-events:none;-webkit-user-select:none;user-select:none}.updateCatePage main .mainContainer .chooseArea .chooseNameBar .container{background-color:#e7e5e5;border:none;box-shadow:none;cursor:pointer;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.updateCatePage main .mainContainer .chooseArea table{width:80%}}.updateCatePage main .mainContainer .chooseArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:4}.updateCatePage main .mainContainer .chooseArea table ul{cursor:pointer;font-size:12px;padding:6px}@media(max-width:500px){.updateCatePage main .mainContainer .information{width:80%}}.updateCatePage main .mainContainer .information{background-color:#e7e5e5;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;font-size:14px;height:120px;justify-content:center;padding:4px;width:400px}.updateCatePage main .mainContainer .information.none{background-color:#0000;box-shadow:none}.updateCatePage main .mainContainer .information .info{margin-left:16px;margin-top:4px}.updateCatePage main .mainContainer .button{align-items:center;background-color:#e7e5e5;cursor:pointer;display:flex;height:30px;justify-content:center;margin-top:12px;width:80px}.updateCatePage main .mainContainer .button.none{background-color:#b2222200}.updateCatePage main .mainContainer .button.disable{filter:brightness(.8)}.updateFinalPrice{background-color:#00000080;height:100%;position:absolute;width:100%;z-index:5}.updateFinalPrice,.updateFinalPrice main{align-items:center;display:flex;justify-content:center}.updateFinalPrice main{background-color:#fff;height:auto;padding:16px 0;width:40%}@media(max-width:500px){.updateFinalPrice main{width:80%}}.updateFinalPrice main .mainContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}@media(max-width:500px){.updateFinalPrice main .mainContainer{width:80%}}.updateFinalPrice main .mainContainer .addArea{cursor:pointer;margin-bottom:12px;width:70%}.updateFinalPrice main .mainContainer .cateName{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.updateFinalPrice main .mainContainer .cateName .inputContainer{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.updateFinalPrice main .mainContainer .cateName .inputContainer{width:80%}}.updateFinalPrice main .mainContainer .cateName .inputContainer{align-items:center;border-radius:16px;display:flex;height:50px}.updateFinalPrice main .mainContainer .cateName .inputContainer input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}.updateFinalPrice main .mainContainer .searchArea{align-items:center;display:flex;flex-direction:column;margin-bottom:16px;position:relative;width:100%}.updateFinalPrice main .mainContainer .searchArea .searchBar{background-color:#e7e5e5;box-shadow:0 2px 6px #0000001a;width:400px;z-index:8}@media(max-width:500px){.updateFinalPrice main .mainContainer .searchArea .searchBar{width:80%}}.updateFinalPrice main .mainContainer .searchArea .searchBar{align-items:center;border-radius:16px 16px 0 0;display:flex;height:50px}.updateFinalPrice main .mainContainer .searchArea .searchBar.idle{border-radius:16px}.updateFinalPrice main .mainContainer .searchArea .searchBar input{background-color:#e7e5e5;border:none;box-shadow:none;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.updateFinalPrice main .mainContainer .searchArea table{width:80%}}.updateFinalPrice main .mainContainer .searchArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:7}.updateFinalPrice main .mainContainer .searchArea table ul{cursor:pointer;font-size:12px;padding:6px}.updateFinalPrice main .mainContainer .chooseArea{align-items:center;display:flex;flex-direction:column;font-size:14px;margin-bottom:16px;position:relative;width:100%}.updateFinalPrice main .mainContainer .chooseArea .chooseNameBar{background-color:#e7e5e5;border-radius:16px 16px 0 0;box-shadow:0 2px 6px #0000001a;height:50px;width:400px;z-index:5}@media(max-width:500px){.updateFinalPrice main .mainContainer .chooseArea .chooseNameBar{width:80%}}.updateFinalPrice main .mainContainer .chooseArea .chooseNameBar{align-items:center;display:flex}.updateFinalPrice main .mainContainer .chooseArea .chooseNameBar.idle{border-radius:16px}.updateFinalPrice main .mainContainer .chooseArea .chooseNameBar.disable{color:gray;filter:brightness(.8);pointer-events:none;-webkit-user-select:none;user-select:none}.updateFinalPrice main .mainContainer .chooseArea .chooseNameBar .container{background-color:#e7e5e5;border:none;box-shadow:none;cursor:pointer;margin-left:16px;outline:none;width:100%}@media(max-width:500px){.updateFinalPrice main .mainContainer .chooseArea table{width:80%}}.updateFinalPrice main .mainContainer .chooseArea table{background-color:#e7e5e5;border-radius:0 0 16px 16px;border-top:1px solid hsla(0,0%,50%,.217);box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;max-height:280px;overflow:auto;padding:12px 16px 4px;position:absolute;top:50px;width:400px;z-index:4}.updateFinalPrice main .mainContainer .chooseArea table ul{cursor:pointer;font-size:12px;padding:6px}@media(max-width:500px){.updateFinalPrice main .mainContainer .information{width:80%}}.updateFinalPrice main .mainContainer .information{background-color:#e7e5e5;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;font-size:14px;height:120px;justify-content:center;padding:4px;width:400px}.updateFinalPrice main .mainContainer .information.none{background-color:#0000;box-shadow:none}.updateFinalPrice main .mainContainer .information .info{margin-left:16px;margin-top:4px}.updateFinalPrice main .mainContainer .button{align-items:center;background-color:#e7e5e5;cursor:pointer;display:flex;height:30px;justify-content:center;margin-top:12px;width:80px}.updateFinalPrice main .mainContainer .button.none{background-color:#b2222200}.updateFinalPrice main .mainContainer .button.disable{filter:brightness(.8)}a{color:#000;text-decoration:none}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative}#root,.App,body,html{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.customItem{height:100vh;justify-content:center;position:relative}.customItem,.customItem main{align-items:center;display:flex;width:100%}.customItem main{flex-direction:column}.customItem main input.customInput{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:12px;padding:10px;width:600px}@media(max-width:600px){.customItem main input.customInput{width:95%}}.customItem main .unitContainer{background-color:#fff;border:1px solid #ccc;border-radius:4px;display:flex;font-size:16px;margin-bottom:12px;outline:auto;position:relative;width:600px}@media(max-width:600px){.customItem main .unitContainer{width:95%}}.customItem main .unitContainer input{border:none;flex:1 1;margin-bottom:0;outline:none;padding:10px;width:90%}.customItem main .unitContainer .dropdown{background-color:#fff;height:200px;overflow-y:scroll;position:absolute;top:100%;width:100%}.customItem main .unitContainer .dropdown div{border-bottom:1px solid #ccc;cursor:pointer;padding:10px}.customItem main .unitContainer img{cursor:pointer;margin-right:14px}.customItem main select{border:none;margin-bottom:0;padding:10px;width:80%}@media(max-width:600px){.customItem main select{width:95%}}.customItem main div.partner{align-items:center;display:flex;gap:8px;margin-left:16px;width:600px}.customItem main div.partner img{cursor:pointer}.customItem main .submitBtn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 15px}@media(max-width:600px){.customItem main .submitBtn{width:95%}}.customItem main .submitBtn:hover{background-color:#0056b3}.customItem main .submitBtn.disable{background-color:#ccc;color:#666;pointer-events:none}.loginPage{background-color:#fff;height:100%;justify-content:center}.loginPage,.loginPage main{align-items:center;display:flex;flex-direction:column}.loginPage main{background:linear-gradient(248deg,#cfd9df 5.55%,#e2ebf0 47.95%,#cfd9df 90.36%);border-radius:15px;height:50%;min-width:350px;padding:0 32px;width:50%}.loginPage main header{align-items:center;display:flex;font-size:2rem;font-weight:700;height:120px;justify-content:center}.loginPage main form{justify-content:center}.loginPage main form,.loginPage main form .inputArea{align-items:center;display:flex;flex-direction:column;width:100%}.loginPage main form .inputArea .container{background-color:#fff;border-radius:24px;display:flex;height:50px;margin-bottom:24px;min-width:300px;width:60%}.loginPage main form .inputArea .container:last-child{margin-bottom:8px}.loginPage main form .inputArea .container input{border:none;border-radius:24px;margin-left:12px;min-width:300px;outline:none;width:100%}.loginPage main form .hint{height:16px;visibility:hidden}.loginPage main form .hint.error{color:red;margin-left:32px;visibility:visible;width:60%}.loginPage main form .changePassword{align-items:center;display:flex;justify-content:flex-end;width:60%}.loginPage main form .changePassword .changePasswordText{border-radius:4px;color:#1890ff;cursor:pointer;font-size:1rem;padding:8px 16px;transition:all .2s ease}.loginPage main form .changePassword .changePasswordText:hover{background-color:#1890ff1a;color:#40a9ff}.loginPage main form button{background-color:eaeaea;border:none;cursor:pointer;font-weight:700;height:40px;margin-top:16px;width:120px}.managePage{background:linear-gradient(248deg,#cfd9df 5.55%,#e2ebf0 47.95%,#cfd9df 90.36%);display:flex;height:100%;width:100%}.managePage .mainContent{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden}.managePage .mainContent .mainContentHeader{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border-bottom:1px solid #0000001a;box-shadow:0 2px 8px #0000000d;display:flex;height:64px;justify-content:space-between;padding:0 24px}.managePage .mainContent .mainContentHeader .userInfo{align-items:center;display:flex;gap:12px}.managePage .mainContent .mainContentHeader .userInfo .username{color:#2c3e50;font-size:1rem;font-weight:500}.managePage .mainContent .mainContentHeader .headerActions{align-items:center;display:flex;gap:16px}.managePage .mainContent .mainContentHeader .headerActions .addBtn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.managePage .mainContent .mainContentHeader .headerActions .addBtn:hover{background-color:#40a9ff;transform:translateY(-2px)}.managePage .mainContent .mainContentHeader .headerActions .logout{border-radius:4px;color:#2c3e50;cursor:pointer;font-size:1rem;padding:8px 16px;transition:all .2s ease}.managePage .mainContent .mainContentHeader .headerActions .logout:hover{background-color:#0000000d;color:#2c3e50}.managePage .mainContent .contentWrapper{display:flex;flex:1 1;overflow:hidden}.managePage .mainContent .contentWrapper .sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffe6;border-right:1px solid #0000001a;box-shadow:2px 0 8px #0000000d;width:240px}.managePage .mainContent .contentWrapper .sidebar .sidebarContent{padding:20px 0}.managePage .mainContent .contentWrapper .sidebar .sidebarContent .sidebarSection{margin-bottom:24px}.managePage .mainContent .contentWrapper .sidebar .sidebarContent .sidebarSection h3{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;padding:0 20px 12px;text-transform:uppercase}.managePage .mainContent .contentWrapper .sidebar .sidebarContent .sidebarSection .sidebarItem{border-left:3px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.managePage .mainContent .contentWrapper .sidebar .sidebarContent .sidebarSection .sidebarItem:hover{background-color:#1890ff14;border-left-color:#1890ff4d;color:#1890ff}.managePage .mainContent .contentWrapper .sidebar .sidebarContent .sidebarSection .sidebarItem.active{background-color:#1890ff1a;border-left-color:#1890ff;color:#1890ff;font-weight:600}.managePage .mainContent .contentWrapper .contentArea{background:linear-gradient(248deg,#cfd9df 5.55%,#e2ebf0 47.95%,#cfd9df 90.36%);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.managePage .mainContent .contentWrapper .contentArea .accessoryManagement,.managePage .mainContent .contentWrapper .contentArea .classificationManagement,.managePage .mainContent .contentWrapper .contentArea .projectManagement,.managePage .mainContent .contentWrapper .contentArea .userManagement{display:flex;flex:1 1;flex-direction:column;height:100%;overflow:hidden;padding:24px;width:100%}.managePage .dataDisplay{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:20px;width:100%}.managePage .dataDisplay__search{margin-bottom:16px}.managePage .dataDisplay__items{display:flex;flex:1 1;flex-direction:column;gap:12px}.managePage .dataDisplay__empty{background-color:#ffffff80;border:2px dashed #ddd;border-radius:8px;color:#999;font-size:16px;padding:40px 20px;text-align:center}.managePage .dataDisplay__pagination{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffc;border-radius:8px;margin-top:20px;padding:16px}.managePage .dataDisplay .dataItem{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #0000000d;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:16px;transition:all .3s ease;width:100%}.managePage .dataDisplay .dataItem:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.managePage .dataDisplay .dataItem .itemName{color:#2c3e50;flex-shrink:0;font-size:1rem;font-weight:600;min-width:150px}.managePage .dataDisplay .dataItem .itemDetails{align-items:center;display:flex;flex:1 1;gap:24px;margin:0 16px}.managePage .dataDisplay .dataItem .itemDetails>div{align-items:center;color:#666;display:flex;font-size:14px;white-space:nowrap}.managePage .dataDisplay .dataItem .itemDetails>div:not(.itemActions){min-width:120px}.managePage .dataDisplay .dataItem .itemDetails .itemActions{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.managePage .dataDisplay .dataItem .itemDetails .itemActions .viewBtn{background-color:#52c41a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.managePage .dataDisplay .dataItem .itemDetails .itemActions .viewBtn:hover{background-color:#73d13d;transform:translateY(-2px)}.managePage .dataDisplay .dataItem .itemDetails .itemActions .editBtn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.managePage .dataDisplay .dataItem .itemDetails .itemActions .editBtn:hover{background-color:#40a9ff;transform:translateY(-2px)}.managePage .dataDisplay .dataItem .itemDetails .itemActions .deleteBtn{background-color:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .3s ease}.managePage .dataDisplay .dataItem .itemDetails .itemActions .deleteBtn:hover{background-color:#ff7875;transform:translateY(-2px)}.managePage .modalOverlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.managePage .modalContent{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;padding:24px;width:400px}.managePage .modalContent h2{color:#2c3e50;font-size:20px;font-weight:500;margin:0 0 24px}.managePage .modalContent .formGroup{margin-bottom:20px}.managePage .modalContent .formGroup label{color:#2c3e50;display:block;font-size:14px;margin-bottom:8px}.managePage .modalContent .formGroup input,.managePage .modalContent .formGroup select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px;transition:all .3s;width:100%}.managePage .modalContent .formGroup input:focus,.managePage .modalContent .formGroup select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.managePage .modalContent .modalActions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.managePage .modalContent .modalActions button{border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.managePage .modalContent .modalActions button:first-child{background:none;border:1px solid #d9d9d9;color:#2c3e50}.managePage .modalContent .modalActions button:first-child:hover{border-color:#1890ff;color:#1890ff}.managePage .modalContent .modalActions button:last-child{background-color:#1890ff;border:none;color:#fff}.managePage .modalContent .modalActions button:last-child:hover{background-color:#40a9ff}.managePage .modalContent .modalActions button.deleteConfirmBtn{background-color:#ff4d4f;border:none;color:#fff}.managePage .modalContent .modalActions button.deleteConfirmBtn:hover{background-color:#ff7875}.managePage .errorMessage{animation:fadeIn .3s ease-in-out;color:#ff4d4f;font-size:12px;margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.searchInput{align-items:center;display:flex;position:relative;width:100%}.searchInput__field{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:border-color .2s ease;width:100%}.searchInput__field:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.searchInput__field::placeholder{color:#999}.searchInput__icon{color:#666;pointer-events:none;position:absolute;right:12px}.paginationControls{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:20px;padding:20px 0}.paginationControls__info{color:#666;font-size:14px}.paginationControls__buttons{align-items:center;display:flex;gap:8px}.paginationControls__navBtn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.paginationControls__navBtn:hover:not(:disabled){background:#f5f5f5;border-color:#007bff}.paginationControls__navBtn:disabled{background:#f9f9f9;cursor:not-allowed;opacity:.5}.paginationControls__pages{align-items:center;display:flex;gap:4px;margin:0 8px}.paginationControls__pageBtn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;transition:all .2s ease}.paginationControls__pageBtn:hover{background:#f5f5f5;border-color:#007bff}.paginationControls__pageBtn--active{background:#007bff;border-color:#007bff;color:#fff}.paginationControls__pageBtn--active:hover{background:#0056b3;border-color:#0056b3}.paginationControls__ellipsis{color:#666;font-size:14px;padding:0 8px}@media(max-width:768px){.paginationControls{flex-direction:column;gap:16px}.paginationControls__buttons{flex-wrap:wrap;justify-content:center}.paginationControls__pages{margin:0 4px}.paginationControls__pageBtn{font-size:13px;height:32px;min-width:32px}.paginationControls__navBtn{font-size:13px;padding:6px 12px}}.changePwdPage{background:linear-gradient(248deg,#cfd9df 5.55%,#e2ebf0 47.95%,#cfd9df 90.36%);display:flex;flex-direction:column;height:100vh}.changePwdPage .changePwdPageHeader{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000001a;display:flex;height:64px;justify-content:center}.changePwdPage .changePwdPageHeader .changePwdPageTitle{color:#333;font-size:24px;font-weight:600}.changePwdPage .changePwdFormContainer{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.changePwdPage .changePwdFormContainer .changePwdForm{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:30px;width:100%}.changePwdPage .changePwdFormContainer .changePwdForm .formGroup{margin-bottom:24px}.changePwdPage .changePwdFormContainer .changePwdForm .formGroup label{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.changePwdPage .changePwdFormContainer .changePwdForm .formGroup input{border:1px solid #ddd;border-radius:4px;font-size:16px;height:40px;padding:8px 12px;transition:all .3s;width:100%}.changePwdPage .changePwdFormContainer .changePwdForm .formGroup input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.changePwdPage .changePwdFormContainer .changePwdForm .formGroup input::placeholder{color:#bfbfbf}.changePwdPage .changePwdFormContainer .changePwdForm .formGroup .errorMessage{color:#ff4d4f;font-size:14px;margin-top:4px}.changePwdPage .changePwdFormContainer .changePwdForm .submitButton{background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:40px;transition:all .3s;width:100%}.changePwdPage .changePwdFormContainer .changePwdForm .submitButton:hover{background:#40a9ff}.changePwdPage .changePwdFormContainer .changePwdForm .submitButton:active{background:#096dd9}*{box-sizing:border-box;margin:0;padding:0}.btn{align-items:center;border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background-color:#007bff;border-color:#007bff;color:#fff}.btn--primary:hover:not(:disabled){background-color:#0062cc;border-color:#0062cc}.btn--secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn--secondary:hover:not(:disabled){background-color:#545b62;border-color:#545b62}.btn--outline{background-color:#0000;border-color:#dee2e6;color:#343a40}.btn--outline:hover:not(:disabled){background-color:#f8f9fa}.btn--danger{background-color:#343a40;border-color:#343a40;color:#fff}.btn--danger:hover:not(:disabled){background-color:#1d2124;border-color:#1d2124}.btn--small{font-size:.75rem;padding:.25rem .5rem}.btn--large{font-size:1rem;padding:.75rem 1.5rem}.form__group{margin-bottom:1rem}.form__label{color:#343a40;display:block;font-weight:500;margin-bottom:.5rem}.form__input{background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;color:#343a40;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s ease-in-out;width:100%}.form__input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form__input--error{border-color:#343a40}.form__select{background-color:#fff;border:1px solid #dee2e6;border-radius:.375rem;color:#343a40;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;width:100%}.form__select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form__error{color:#343a40;font-size:.75rem;margin-top:.25rem}.form__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.calculator{background:#fff;border-radius:.375rem;box-shadow:0 .5rem 1rem #00000026;left:50%;min-width:280px;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.calculator__overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.calculator__display{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;font-family:Courier New,monospace;font-size:1.125rem;margin-bottom:1rem;min-height:3rem;padding:.75rem;resize:none;text-align:right;width:100%}.calculator__grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.calculator__button{aspect-ratio:1;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease-in-out}.calculator__button:hover{background-color:#f8f9fa}.calculator__button:active{transform:scale(.95)}.calculator__button--operator{background-color:#007bff;border-color:#007bff;color:#fff}.calculator__button--operator:hover{background-color:#0062cc}.calculator__button--equals{background-color:#007bff;border-color:#007bff;color:#fff}.calculator__button--equals:hover{background-color:#0062cc}.calculator__button--clear{background-color:#343a40;border-color:#343a40;color:#fff}.calculator__button--clear:hover{background-color:#1d2124}.calculator__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.calculator__header h3{font-size:1.125rem;margin:0}.calculator__close{align-items:center;background:none;border:none;border-radius:.375rem;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:0;width:2rem}.calculator__close:hover{background-color:#f8f9fa}.dashboard-page{height:100%;overflow-y:auto;padding:1.5rem;width:100%}.object-manager{background:#fff;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin-bottom:2rem;padding:1.5rem}.object-manager__header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.object-manager__header h2{color:#343a40;font-size:1.5rem;margin:0}.object-manager__form{margin-bottom:2rem}.object-manager .form__section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.object-manager .form__section:last-child{margin-bottom:0}.object-manager .form__section-title{color:#343a40;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.object-manager .form__submit-section{padding-top:1rem;text-align:center}.object-manager__object-list{margin-top:2rem}.object-manager__object-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;margin-bottom:1rem;padding:1rem}.object-manager__object-item:last-child{margin-bottom:0}.object-manager__object-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.object-manager__object-header h4{color:#343a40;font-size:1.125rem;margin:0}.object-manager__object-header .object-meta{color:#6c757d;display:flex;font-size:.875rem;gap:1rem}.object-manager__object-data{background:#fff;border-radius:.375rem;margin-top:.75rem;padding:.75rem}.object-manager__object-data pre{word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;margin:0;white-space:pre-wrap}.object-manager__countable-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.object-manager__countable-badge--true{background-color:#007bff1a;color:#007bff}.object-manager__countable-badge--false{background-color:#6c757d1a;color:#3d4246}.object-manager__countable-badge--null{background-color:#007bff1a;color:#007bff}.expression-builder__container{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;padding:1rem}.expression-builder__variables{margin-bottom:1rem}.expression-builder__variable{align-items:center;background:#f8f9fa;border-radius:.375rem;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.expression-builder__variable:last-child{margin-bottom:0}.expression-builder__variable .variable-name{color:#007bff;font-weight:500;min-width:80px}.expression-builder__variable .variable-value{flex:1 1}.expression-builder__variable .variable-actions{display:flex;gap:.25rem}.expression-builder__expression{position:relative}.expression-builder__expression .expression-input{padding-right:7rem}.expression-builder__expression .expression-actions{align-items:center;display:flex;gap:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.expression-builder__expression .calculator-trigger{align-items:center;background:#007bff;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;width:2rem}.expression-builder__expression .calculator-trigger:hover{background-color:#0062cc}.expression-builder__operators{background:#fff;border:1px solid #dee2e6;border-radius:.375rem;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding:.75rem}.expression-builder__operators .operators-section,.expression-builder__operators .variables-section{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.expression-builder__operators .operators-label{color:#343a40;font-size:.875rem;font-weight:500;white-space:nowrap}.expression-builder__operators .operator-btn,.expression-builder__operators .variable-btn{margin:0}.expression-builder__operators .variable-btn{background:#007bff;border-color:#007bff;color:#fff}.expression-builder__operators .variable-btn:hover:not(:disabled){background-color:#0062cc;border-color:#0062cc}.expression-builder__example{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:.375rem;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding:.75rem}.expression-builder__example .example-label{color:#343a40;font-size:.875rem;font-weight:500}.expression-builder__example .example-expression{background:none;border:none;border-radius:.375rem;color:#007bff;cursor:pointer;font-family:Courier New,monospace;font-weight:500;padding:.25rem .5rem;transition:background-color .2s ease}.expression-builder__example .example-expression:hover{background-color:#f8f9fa}.expression-builder__example .example-description{color:#6c757d;font-size:.75rem}.expression-builder__preview{background:#e9ecef;border-left:4px solid #007bff;border-radius:.375rem;font-family:Courier New,monospace;font-size:.875rem;margin-top:1rem;padding:.75rem}.expression-builder__preview .preview-label{color:#343a40;font-weight:500;margin-bottom:.25rem}.expression-builder__preview .preview-expression{color:#007bff}.expression-builder__preview .preview-result{color:#007bff;font-size:1.125rem;font-weight:700}.expression-builder__current-expression .bg-muted{background:#f1f3f4;border:1px solid #dee2e6}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075),0 10px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem}.modal-title{color:#343a40;font-size:1.125rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.modal-close:hover{background-color:#f8f9fa;color:#343a40}.modal-body{flex:1 1;overflow-y:auto;padding:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.p-2{padding:.5rem}.block{display:block}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.bg-muted{background-color:#f8f9fa}.rounded{border-radius:.375rem}.space-y-4>*+*{margin-top:1rem}
/*# sourceMappingURL=main.c787e3ba.css.map*/