body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content{background-image:url(https://img.freepik.com/free-vector/urban-city-background-video-conferencing_23-2148658554.jpg);background-repeat:no-repeat;background-size:100%;position:relative;width:100%}.info-data,.info-name,.info-province{color:#00f;text-transform:uppercase}.info-province{font-size:.8rem;font-weight:600;margin-bottom:0;margin-top:-3px}.info-name{font-weight:700;margin-bottom:0;margin-top:0}.distance{transform:translateY(-11px)}.login-container{background-color:#fff;border-radius:15px;box-shadow:0 1px 4px #00000029;display:flex;flex-direction:column;margin:auto;transform:translateY(15px);width:500px}.info-data{font-size:.9rem;font-weight:600;margin-top:0}.title-form{align-items:center;display:flex;justify-content:center;margin-top:10px}.icon-account{color:#6495ed;font-size:1.5rem;margin-right:10px}.login-system{color:#00f;font-size:1.3rem;font-weight:700;margin:0 0 5px;transform:translateY(-1px)}.dot{background:#3f2ae0;border-radius:10px;height:4px;margin:18px auto 30px;width:70px}.name-login{color:grey;display:block;font-size:1rem;font-weight:600;margin-bottom:10px;margin-left:25px;text-align:left}.wrap{display:flex;margin-left:25px;position:relative}.wrap .input-text{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;line-height:normal;outline:none;padding:10px 10px 10px 35px;width:96%}.wrap .icon-user{color:#888;font-size:16px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.password{color:grey;display:block;font-size:1rem;font-weight:600;margin-bottom:10px;margin-left:25px;text-align:left}.wrap .icon-eye{color:#888;font-size:16px;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.wrap .icon-eye:hover{cursor:pointer}.remember-login{display:flex;margin-left:22px}.remember-login h5{color:grey;font-size:1rem;margin-top:10px;padding-left:5px;transform:translateY(-2px)}.wrap-button{display:flex;margin-left:25px;position:relative}.wrap-button .login-click{background-color:#0066bc;border:none;border-radius:5px;box-sizing:border-box;color:#fff;font-size:14px;font-size:1rem;font-weight:700;line-height:normal;outline:none;padding:10px 10px 10px 30px;text-transform:uppercase;width:95%}.wrap-button .login-click:hover{cursor:pointer}.wrap-button .icon-login{color:#fff;font-size:1rem;left:150px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.forget-password h5{color:#4169e1;display:block;font-size:.8rem;font-weight:500;margin-top:10px}.forget-password h5:hover{cursor:pointer}footer{align-items:center;background:linear-gradient(90deg,#2300a5,#3a08d1);bottom:0;color:#fff;display:flex;font-size:16px;height:40px;justify-content:center;left:0;margin-top:0;width:100%;z-index:2;z-index:1000}.save-footer{display:inline-block;text-align:center;transform:translateY(3px)}.login-layout{height:100vh}.login-layout,.login-page{display:flex;flex-direction:column;overflow:hidden;width:100%}.login-page{background:linear-gradient(180deg,#f6f2e8,#f9f8f3 40%,#eef3ff);min-height:calc(100vh - 60px);position:relative}.login-background-overlay{border:1px solid #463cc80d;border-radius:50%;box-shadow:0 0 0 80px #463cc808,0 0 0 160px #463cc805,0 0 0 240px rgba(70,60,200,.015);height:1300px;left:50%;position:absolute;top:-350px;transform:translateX(-50%);width:1300px}.login-top-logo{padding-top:10px;position:relative;text-align:center;z-index:3}.login-top-logo-image{height:90px;object-fit:contain;width:90px}.quochuy{mix-blend-mode:multiply;padding-top:20px;width:80px}.login-top-logo-title{color:#2722a0;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:0;margin-top:4px}.login-top-logo-heading{color:#2517a7;font-size:28px;font-weight:800;margin-bottom:0;margin-top:4px}.login-top-logo-desc{color:#2f2bc3;font-size:18px;margin-bottom:0;margin-top:4px}.login-form-wrapper{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border-radius:18px;box-shadow:0 10px 30px #00000014,0 0 0 1px #fff9;display:flex;flex-direction:column;margin:12px auto auto;padding:22px 28px 20px;position:relative;width:400px;z-index:3}.login-form-header{align-items:center;display:flex;gap:10px;justify-content:center}.login-form-header-icon{color:#3929d8;font-size:24px}.login-form-header-title{color:#24158f;font-size:20px;font-weight:700;margin:0}.login-form-header-line{background:#4532e3;border-radius:20px;height:3px;margin:12px auto 22px;width:70px}.login-form-group{margin-bottom:18px;width:100%}.login-form-label{color:#22175d;display:block;font-size:15px;font-weight:700;margin-bottom:10px}.login-form-input-wrapper{background:#fff;border:1px solid #ddd5f0;border-radius:8px;height:46px;position:relative;width:100%}.login-form-input-icon{color:#8f8a9e;font-size:15px;left:14px;position:absolute;top:14px}.login-form-input{background:#0000;border:none;border-radius:8px;color:#444;font-size:14px;height:100%;outline:none;padding-left:42px;padding-right:14px;width:100%}.login-form-password-group{margin-bottom:14px;width:100%}.login-form-password-label{color:#22175d;display:block;font-size:15px;font-weight:700;margin-bottom:10px}.login-form-password-wrapper{background:#fff;border:1px solid #ddd5f0;border-radius:8px;height:46px;position:relative;width:100%}.login-form-password-icon{color:#8f8a9e;font-size:15px;left:14px;position:absolute;top:14px}.login-form-password-input{background:#0000;border:none;border-radius:8px;color:#444;font-size:14px;height:100%;outline:none;padding-left:42px;padding-right:44px;width:100%}.login-form-password-eye{color:#8f8a9e;cursor:pointer;font-size:16px;position:absolute;right:14px;top:14px}.login-form-remember{align-items:center;display:flex;gap:8px;margin-bottom:20px}.login-form-remember-checkbox{accent-color:#3929d8;cursor:pointer;height:15px;width:15px}.login-form-remember-text{color:#352d7a;font-size:14px;font-weight:500}.login-form-button{align-items:center;background:linear-gradient(90deg,#3a18d8,#2d11b6);border:none;border-radius:8px;box-shadow:0 6px 14px #3a18d84d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:12px;height:46px;justify-content:center;width:100%}.login-form-button-text{font-size:16px;letter-spacing:.5px}.login-form-forgot{color:#4333d5;cursor:pointer;font-size:15px;font-weight:500;margin-top:16px;text-align:center}.login-bottom-left{background:linear-gradient(180deg,#4c68ff1a,#4c68ff4d);bottom:70px;-webkit-clip-path:polygon(0 100%,0 45%,12% 60%,18% 30%,25% 68%,34% 25%,42% 72%,100% 100%);clip-path:polygon(0 100%,0 45%,12% 60%,18% 30%,25% 68%,34% 25%,42% 72%,100% 100%);height:180px;left:0;position:absolute;width:320px}.login-bottom-right{background:linear-gradient(180deg,#4c68ff14,#4c68ff38);bottom:65px;-webkit-clip-path:polygon(0 100%,0 70%,10% 70%,10% 38%,20% 38%,20% 58%,32% 58%,32% 18%,45% 18%,45% 70%,56% 70%,56% 48%,68% 48%,68% 62%,78% 62%,78% 32%,90% 32%,90% 100%);clip-path:polygon(0 100%,0 70%,10% 70%,10% 38%,20% 38%,20% 58%,32% 58%,32% 18%,45% 18%,45% 70%,56% 70%,56% 48%,68% 48%,68% 62%,78% 62%,78% 32%,90% 32%,90% 100%);height:180px;position:absolute;right:0;width:360px}.login-bottom-wave{background:linear-gradient(180deg,#4463ff26,#4463ff59);border-radius:50%;bottom:0;height:90px;left:-5%;position:absolute;width:110%}.header{align-items:center;background:#0066bc;display:flex;height:68px;justify-content:space-between;left:0;padding:0 22px;position:fixed;top:0;width:100%;z-index:1000}.background{z-index:1}.header-left{align-items:center;display:flex;gap:14px;z-index:1}.quochuy{box-sizing:border-box;display:inline-block;padding-top:5px;width:50px}.header-text{color:#fff}.header-text .top-title{font-size:15px;font-weight:500;text-align:left;text-transform:uppercase}.header-text .bottom-title{font-size:18px;font-weight:700;margin-top:2px;text-transform:uppercase}.header-right{align-items:center;color:#fff;display:flex;gap:24px}.notify{cursor:pointer;position:relative}.notify i{font-size:22px}.notify-count{align-items:center;background:#ff3b30;border-radius:50%;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-10px;top:-8px;width:18px}.help i{cursor:pointer;font-size:22px}.user-box{cursor:pointer;gap:10px}.avatar,.user-box{align-items:center;display:flex}.avatar{background:#d9d9d9;border-radius:50%;height:38px;justify-content:center;overflow:hidden;width:38px}.avatar i{color:#666;font-size:22px}.user-info{line-height:1.2}.user-info .name{font-size:15px;font-weight:700}.user-info .role{font-size:12px;opacity:.9}.down-icon i{font-size:14px}.categogy{background-color:#fff;box-shadow:0 2px 8px 0 #63636333;height:100vh;position:-webkit-sticky;position:sticky;top:0;width:270px}.row-content{margin:auto}.categogy-heading{color:#00f;font-size:.9rem;font-weight:600;padding-left:30px;padding-top:10px;text-align:left;text-transform:uppercase}.categogy-list{display:flex;flex-direction:column;list-style:none;margin-top:10px;padding:0}.categogy-item{align-items:center;color:grey;display:flex;font-size:1rem;margin:5px 0;padding:0 15px;text-align:left}.categogy-list-link{color:grey;display:block;font-size:.9rem;font-weight:500;text-decoration:none}.categogy-list .categogy-list-link{align-items:center;display:inline-flex;gap:10px;margin-left:10px;padding:5px}.categogy-item .end-icon{margin-left:auto}.categogy-item-active .categogy-list-link,.categogy-list-link:hover{background-color:#0066bc;border-radius:10px;color:#fff;height:40px;width:80%}.categogy-list-link:hover{cursor:pointer;outline:none}.categogy-item-choose{position:relative}.user-list{background:#fff;border-radius:10px;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;display:none;list-style:none;margin-left:33px;margin-top:77px;padding-bottom:5px;padding-left:0;padding-top:5px;position:absolute;width:210px;z-index:1}.end-icon:hover+.user-list{display:block}.user-list-item{font-size:.9rem;margin-left:10px;margin-top:5px}.sidebar-col-sm-5{background:#041e78;border-right:1px solid #e5eaf2;bottom:40px;box-sizing:border-box;height:100vh;left:0;min-width:310px;overflow-x:hidden;overflow-y:auto;position:fixed;top:68px;transition:all .3s ease;width:310px;z-index:999}.sidebar-col-sm-5::-webkit-scrollbar{width:6px}.sidebar-col-sm-5::-webkit-scrollbar-thumb{background:#d6d6d6;border-radius:10px}.sidebar-wrapper{background:#041e78}.sidebar-menu-list,.sidebar-wrapper{display:flex;flex-direction:column;min-height:100%}.sidebar-menu-list{list-style:none;margin:0;padding:12px 10px}.sidebar-menu-item{width:100%}.sidebar-menu-link{align-items:center;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;min-height:46px;overflow:hidden;padding:0 14px;text-decoration:none;transition:all .2s ease;width:100%}.sidebarMenuLinkActive{background:linear-gradient(90deg,#6a11cb,#4a00e0);box-shadow:0 4px 12px #6a11cb59;color:#fff}.sidebarMenuLinkActive .sidebar-menu-arrow,.sidebarMenuLinkActive .sidebar-menu-icon,.sidebarMenuLinkActive .sidebar-menu-text{color:#fff}.sidebar-menu-left{align-items:center;display:flex;flex:1 1;gap:12px;overflow:hidden}.sidebar-menu-icon{color:#fff;flex-shrink:0;font-size:14px;min-width:16px;text-align:center;width:16px}.sidebar-menu-text{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-menu-arrow{color:#fff;flex-shrink:0;font-size:12px;margin-left:10px;transition:.2s}.sidebar-admin-wrapper{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 0 8px;padding:0;position:relative}.sidebar-admin-wrapper:before{background:#ffffff26;bottom:10px;content:"";left:18px;position:absolute;top:6px;width:1px}.sidebar-admin-wrapper .sidebar-menu-item{padding-left:18px}.sidebar-submenu{border-left:1px solid #ffffff26;display:none;list-style:none;margin:6px 0 0 18px;padding-left:14px}.sidebar-submenu-show{display:block}.sidebar-submenu-item{position:relative;width:100%}.sidebar-submenu-item:before{background:#8d83a3;border-radius:50%;content:"";height:6px;left:-8px;position:absolute;top:50%;transform:translateY(-50%);transition:.2s;width:6px;z-index:2}.sidebar-submenu-item:hover:before{background:#4f1edb}.sidebar-submenu-item:has(.sidebar-submenu-link-active):before{background:#4f1edb;box-shadow:0 0 0 3px #4f1edb1f;height:7px;width:7px}.sidebar-submenu-link{align-items:center;border-radius:8px;color:#d9ddff;display:flex;font-size:13px;font-weight:500;min-height:36px;overflow:hidden;padding:0 12px;text-decoration:none;text-overflow:ellipsis;transition:.2s ease;white-space:nowrap;width:100%}.sidebar-submenu-link:hover{background:#ffffff14;color:#fff}.sidebar-submenu-link-active{background:#6c10ce40;color:#fff;font-weight:600}.sidebar-footer{margin-top:auto;padding:16px 0 10px}.sidebar-collapse-button{align-items:center;background:#0000;border:1px solid #fffc;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;min-height:44px;transition:.2s ease;width:100%}.sidebar-collapse-button:hover{background:#ffffff14}.mobile-menu-button{background:#2952ff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:none;height:42px;left:14px;position:fixed;top:14px;width:42px;z-index:1200}.sidebar-overlay{background:#00000059;inset:0;position:fixed;z-index:998}@media screen and (max-width:1200px){.sidebar-col-sm-5{min-width:280px;width:280px}.sidebar-menu-text{font-size:13px}}@media screen and (max-width:992px){.mobile-menu-button{align-items:center;display:flex;justify-content:center}.sidebar-col-sm-5{box-shadow:0 0 25px #00000026;height:100vh;left:-100%;min-width:280px;position:fixed;top:0;width:280px}.sidebar-mobile-open{left:0}}@media screen and (max-width:576px){.sidebar-col-sm-5{min-width:85%;width:85%}.sidebar-menu-link{padding:0 12px}.sidebar-menu-text{font-size:13px}.sidebar-submenu-link{font-size:12px}}.dashboardWrapper{background:#f5f5f7;font-family:Arial,Helvetica,sans-serif;margin-top:68px;min-height:100vh;padding:24px}.dashboardHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.dashboardHeaderLeft{display:flex;flex-direction:column;gap:6px}.dashboardTitle{color:#0f172a;font-size:30px;font-weight:700;margin:0}.dashboardUpdate{color:#64748b;font-size:14px;font-weight:500;margin:0}.dashboardDateButton{background:#fff;border:1px solid #dbe2ea;border-radius:10px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;height:42px;padding:0 16px;transition:.2s}.dashboardDateButton:hover{background:#f8fafc}.dashboardCardRow{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);margin-bottom:22px}.dashboardCardItem{background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 2px 10px #0f172a0a;padding:22px;transition:.2s}.dashboardCardItem:hover{transform:translateY(-2px)}.dashboardCardTop{align-items:flex-start;display:flex;gap:14px}.dashboardCardIcon{align-items:center;border-radius:16px;color:#fff;display:flex;flex-shrink:0;font-size:22px;height:56px;justify-content:center;width:56px}.dashboardCardIconBlue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.dashboardCardIconGreen{background:linear-gradient(135deg,#22c55e,#16a34a)}.dashboardCardIconPurple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dashboardCardIconOrange{background:linear-gradient(135deg,#fb923c,#f97316)}.dashboardCardIconRed{background:linear-gradient(135deg,#ef4444,#dc2626)}.dashboardCardContent{display:flex;flex:1 1;flex-direction:column;justify-content:center}.dashboard-card-label{color:#475569;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px;text-align:left}.dashboard-card-number{color:#0f172a;font-size:36px;font-weight:700;line-height:1;margin:0 0 8px;text-align:left}.dashboard-card-success{color:#16a34a;font-size:13px;font-weight:600;line-height:1.5;margin:0;text-align:left}.in-last-week{margin-top:2px}.dashboardCardGray,.in-last-week{color:#94a3b8;font-size:13px;font-weight:500}.dashboardCardGray{margin-top:4px}.dashboardCardDanger{color:#ef4444;font-size:13px;font-weight:600;margin-top:4px}.dashboardChartRow{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1.1fr .9fr;margin-bottom:22px}.dashboardAlertBox,.dashboardChartCenter,.dashboardChartLeft,.dashboardInfoBox,.dashboardQuickAction,.dashboardUserTable{background:#fff;border:1px solid #e8edf5;border-radius:18px;box-shadow:0 2px 10px #0f172a0a;padding:20px}.dashboardBoxHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.dashboardBoxTitle{color:#0f172a;font-size:20px;font-weight:700;margin:0}.dashboardFilterButton{background:#fff;border:1px solid #dbe2ea;border-radius:10px;color:#475569;font-size:13px;font-weight:500;height:36px;padding:0 14px}.dashboardLegendWrapper{display:flex;gap:24px;margin-bottom:16px}.dashboardLegendItem{align-items:center;display:flex;gap:8px}.dashboardLegendBlue,.dashboardLegendGreen,.dashboardLegendRed{border-radius:50%;height:10px;width:10px}.dashboardLegendBlue{background:#2563eb}.dashboardLegendGreen{background:#22c55e}.dashboardLegendRed{background:#ef4444}.dashboardLegendText{color:#64748b;font-size:13px;margin:0}.dashboardChartContainer{display:flex;gap:12px}.dashboardChartYAxis{display:flex;flex-direction:column;height:300px;justify-content:space-between}.dashboardYAxisText{color:#94a3b8;font-size:12px}.dashboardChartContent{flex:1 1;position:relative}.dashboardChartGrid{background-image:linear-gradient(180deg,#e2e8f0 1px,#0000 0);background-size:100% 60px;height:300px;position:absolute;width:100%}.dashboardChartSvg{height:300px;position:relative;width:100%;z-index:2}.dashboardBlueLine,.dashboardGreenLine,.dashboardRedLine{fill:none;stroke-width:4}.dashboardBlueLine{stroke:#2563eb}.dashboardGreenLine{stroke:#22c55e}.dashboardRedLine{stroke:#ef4444}.dashboardBlueDot{fill:#2563eb}.dashboardGreenDot{fill:#22c55e}.dashboardRedDot{fill:#ef4444}.dashboardChartDateRow{display:flex;justify-content:space-between;margin-top:10px}.dashboardDateText{color:#94a3b8;font-size:12px}.dashboardDonutWrapper{align-items:center;display:flex;gap:18px;justify-content:space-between}.dashboardDonutChart{background:conic-gradient(#7c3aed 0 72%,#fb923c 72% 91%,#22c55e 91% 96%,#2563eb 96% 100%);height:210px;width:210px}.dashboardDonutCenter,.dashboardDonutChart{align-items:center;border-radius:50%;display:flex;justify-content:center}.dashboardDonutCenter{background:#fff;flex-direction:column;height:120px;width:120px}.dashboardDonutLabel{color:#64748b;font-size:14px;margin:0}.dashboardDonutNumber{color:#0f172a;font-size:34px;font-weight:700;margin:0}.dashboardRoleItem{display:flex;gap:10px;margin-bottom:14px}.dashboardRoleColor{border-radius:4px;flex-shrink:0;height:12px;margin-top:5px;width:12px}.dashboard-role-text{color:#475569;font-size:13px;line-height:1.7;margin:0;text-align:left}.dashboardQuickButton{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;font-size:14px;font-weight:500;height:48px;margin-bottom:12px;padding:0 16px;text-align:left;transition:.2s;width:100%}.dashboardQuickButton:hover{background:#f8fafc}.dashboardBottomRow{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr .9fr}.dashboardTable{border-collapse:collapse;width:100%}.dashboardTableHeadCell{background:#f8fafc;color:#334155;font-size:13px;font-weight:700;padding:14px 12px;text-align:left}.dashboardTableBodyCell{border-bottom:1px solid #edf2f7;color:#475569;font-size:13px;padding:14px 12px;vertical-align:middle}.dashboardStatusActive{background:#dcfce7;border-radius:999px;color:#16a34a;font-size:12px;font-weight:600;padding:6px 12px}.dashboardViewAll{color:#2563eb;font-size:13px;font-weight:600;text-decoration:none}.dashboardAlertItem{border-bottom:1px solid #edf2f7;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.dashboardAlertItem,.dashboardAlertLeft{display:flex;gap:12px}.dashboardAlertContent{display:flex;flex-direction:column;gap:4px}.dashboard-alert-title{color:#334155;font-size:14px;line-height:1.5;margin:0;text-align:left}.dashboardAlertSub{color:#94a3b8;font-size:12px}.dashboardAlertTime{color:#0f172a;font-size:14px;font-weight:700;margin:0;text-align:right}.dashboardAlertDate{color:#94a3b8;font-size:12px}.dashboardAlertRed{color:#ef4444;font-size:18px}.dashboardAlertYellow{color:#f59e0b;font-size:18px}.dashboardAlertBlue{color:#3b82f6;font-size:18px}.dashboardInfoItem{align-items:center;border-bottom:1px solid #edf2f7;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.dashboardInfoLabel{color:#64748b;font-size:14px}.dashboardInfoValue{color:#0f172a;font-size:14px;font-weight:600;text-align:right}.storageProgressBar{background:#e2e8f0;border-radius:999px;height:10px;margin:-6px 0 18px;overflow:hidden;width:100%}.storageProgressFill{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px;height:100%;width:62%}@media(max-width:1400px){.dashboardCardRow{grid-template-columns:repeat(3,1fr)}.dashboardBottomRow,.dashboardChartRow{grid-template-columns:1fr}}@media(max-width:768px){.dashboardCardRow{grid-template-columns:1fr}.dashboardHeader{align-items:flex-start;gap:14px}.dashboardDonutWrapper,.dashboardHeader{flex-direction:column}.dashboardTable{display:block;overflow-x:auto}}.manager-user-page{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.manager-top-header{align-items:flex-start}.manager-top-header h2{color:#1f1b6d;font-size:36px;font-weight:700;margin-bottom:10px}.manager-add-btn{align-items:center;background:#4d2eea;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;height:48px;padding:0 22px}.filter-wrapper-user{background:#fff;border:1px solid #edf0f7;border-radius:18px;box-sizing:border-box;margin-bottom:24px;padding:24px;width:100%}.filter-box-user{grid-gap:18px;align-items:end;display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr 1fr}.filter-item-user{display:flex;flex-direction:column;gap:8px}.filter-item-user label{color:#1d2671;font-size:15px;font-weight:700;margin:0;text-align:left}.search-input-fil{position:relative;width:100%}.search-input-fil input{border:1px solid #d9dfeb;border-radius:12px;box-sizing:border-box;font-size:14px;height:48px;outline:none;padding:0 46px 0 16px;width:100%}.search-input-fil i{color:#8f96a3;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.filter-item-user select{background:#fff;border:1px solid #d9dfeb;border-radius:12px;box-sizing:border-box;font-size:14px;height:48px;outline:none;padding:0 14px;width:100%}.button-group-user{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.reset-btn,.search-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:46px;padding:0 22px}.reset-btn{background:#fff;border:1px solid #d9dfeb;color:#1d2671}.search-btn{background:#3158f5;color:#fff}@media screen and (max-width:1200px){.filter-box-user{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.filter-wrapper-user{padding:16px}.filter-box-user{grid-template-columns:1fr}.button-group-user{flex-direction:column;justify-content:stretch}.reset-btn,.search-btn{justify-content:center;width:100%}}.manager-filter-item{display:flex;flex-direction:column;gap:10px}.manager-filter-item label{color:#1f1b6d;font-size:15px;font-weight:700}.manager-filter-item input,.manager-filter-item select{background:#fff;border:1px solid #dfe3eb;border-radius:12px;font-size:14px;height:48px;outline:none;padding:0 16px;width:100%}.manager-search-input{position:relative}.manager-search-input i{color:#9ca3af;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.manager-filter-actions{display:flex;gap:12px;justify-content:flex-end;margin-bottom:24px}.manager-reset-btn,.manager-search-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;height:46px;padding:0 22px}.manager-reset-btn{background:#fff;border:1px solid #dfe3eb;color:#1f1b6d}.manager-search-btn{background:#2453ff;border:none;color:#fff}.manager-table-card{background:#fff;border:1px solid #edf0f6;border-radius:18px;padding:24px;width:100%}.manager-table-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.manager-table-header h3{color:#1f1b6d;font-size:30px;font-weight:700}.manager-table-actions{display:flex;flex-wrap:wrap;gap:12px}.manager-table-actions button{align-items:center;background:#fff;border:1px solid #dfe3eb;border-radius:12px;color:#1f1b6d;cursor:pointer;display:flex;font-size:14px;gap:10px;height:44px;padding:0 18px}.manager-setting-btn{justify-content:center;width:44px}.manager-table-wrapper{overflow-x:auto;width:100%}.manager-table{border-collapse:collapse;min-width:1200px;table-layout:fixed;width:100%}.manager-table td,.manager-table th{border-bottom:1px solid #eceff5;color:#374151;font-size:14px;overflow:hidden;padding:18px 14px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.manager-table td:first-child,.manager-table th:first-child{text-align:center;width:50px}.manager-table td:nth-child(2),.manager-table th:nth-child(2){text-align:center;width:60px}.manager-table td:nth-child(3),.manager-table th:nth-child(3){width:180px}.manager-table td:nth-child(4),.manager-table th:nth-child(4){width:160px}.manager-table td:nth-child(5),.manager-table th:nth-child(5){width:260px}.manager-table td:nth-child(6),.manager-table th:nth-child(6){width:150px}.manager-table td:nth-child(7),.manager-table th:nth-child(7){width:170px}.manager-table td:nth-child(8),.manager-table th:nth-child(8){width:220px}.manager-table td:nth-child(9),.manager-table th:nth-child(9){text-align:center;width:140px}.manager-table td:nth-child(10),.manager-table th:nth-child(10){text-align:center;width:120px}.manager-table thead{background:#f7f8fc}.manager-table th{color:#1f1b6d;font-weight:700;text-align:left}.manager-table td,.manager-table th{border-bottom:1px solid #eceff5;font-size:14px;padding:18px 14px}.manager-table td{color:#374151}.manager-table tbody tr:hover{background:#fafcff}.role{border-radius:30px;display:inline-block;font-size:12px;font-weight:700;padding:7px 14px}.role-red{background:#ffe4e4;color:#ef4444}.role-blue{background:#e8e5ff;color:#4f46e5}.role-green{background:#e6f8eb;color:#16a34a}.status{display:inline-block;padding:7px 14px}.status-green{background:#dcfce7;color:#16a34a}.manager-action-icons{align-items:center;display:flex;gap:14px;justify-content:center}.manager-action-icons i{color:#6b7280;cursor:pointer;transition:.2s}.manager-action-icons i:hover{color:#2453ff}.manager-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:24px}.manager-page-left{align-items:center;color:#1f1b6d;display:flex;font-size:14px;font-weight:600;gap:10px}.manager-page-left select{border:1px solid #dfe3eb;border-radius:10px;height:38px;padding:0 10px}.manager-page-number{display:flex;gap:10px}.manager-page-number button{background:#fff;border:1px solid #dfe3eb;border-radius:10px;color:#1f1b6d;cursor:pointer;font-weight:600;height:40px;width:40px}.manager-page-number button.active{background:#2453ff;border:none;color:#fff}.userManagementOverlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.userManagementModal{animation:modalFade .25s ease;background:#fff;border-radius:18px;box-shadow:0 10px 40px #0000001f;max-width:1100px;overflow:hidden;width:100%}@keyframes modalFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.userManagementModalHeader{align-items:center;border-bottom:1px solid #ececec;display:flex;height:82px;justify-content:space-between;padding:0 28px}.userManagementModalTitle{color:#1e2b78;font-size:36px;font-weight:700;margin:0}.userManagementCloseButton{background:#0000;border:none;color:#243b7b;cursor:pointer;font-size:26px;height:42px;width:42px}.userManagementModalBody{padding:28px}.userManagementSectionTitleModal{color:#2453d4;font-size:24px;font-weight:700;margin-bottom:24px}.userManagementFormGrid{grid-gap:24px 26px;display:grid;gap:24px 26px;grid-template-columns:repeat(2,1fr)}.userManagementFormGroup,.userManagementFormGroupFull{width:100%}.userManagementLabelModal{color:#233876;display:block;font-size:18px;font-weight:600;margin-bottom:10px;text-align:left}.userManagementLabelModal span{color:red}.userManagementInput,.userManagementSelect{background:#fff;border:1px solid #d7ddeb;border-radius:10px;color:#333;font-size:16px;height:56px;outline:none;padding:0 16px;width:100%}.userManagementInput::placeholder,.userManagementTextarea::placeholder{color:#9aa3b2}.userManagementPasswordWrap{position:relative}.userManagementEye{color:#8b94a7;cursor:pointer;position:absolute;right:18px;top:50%;transform:translateY(-50%)}.userManagementStatusWrap{margin-top:28px}.userManagementRadioGroup{align-items:center;display:flex;gap:40px}.userManagementRadioLabel{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:17px;gap:10px}.userManagementRadioLabel input{accent-color:#2453d4;height:18px;width:18px}.userManagementFormGroupFull{margin-top:28px;position:relative}.userManagementTextarea{border:1px solid #d7ddeb;border-radius:10px;font-size:16px;height:140px;outline:none;padding:16px;resize:none;width:100%}.userManagementCountText{bottom:14px;color:#8b94a7;font-size:14px;position:absolute;right:16px}.userManagementModalFooter{display:flex;gap:16px;justify-content:flex-end;padding:0 28px 28px}.userManagementCancelButtonModal{background:#fff;border:1px solid #d9dfea;border-radius:10px;color:#334155;cursor:pointer;font-size:17px;font-weight:600;height:54px;min-width:140px}.userManagementSaveButton{align-items:center;background:#2453d4;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:10px;height:54px;justify-content:center;min-width:210px}@media (max-width:992px){.userManagementModal{max-width:95%}.userManagementModalTitle{font-size:28px}.userManagementSectionTitleModal{font-size:20px}.userManagementFormGrid{grid-template-columns:1fr}}@media (max-width:768px){.userManagementOverlay{padding:10px}.userManagementModal{max-height:95vh;overflow-y:auto}.userManagementModalHeader{height:auto;padding:20px}.userManagementModalTitle{font-size:24px}.userManagementModalBody{padding:20px}.userManagementLabelModal{font-size:15px}.userManagementInput,.userManagementSelect{font-size:14px;height:48px}.userManagementTextarea{font-size:14px;height:120px}.userManagementModalFooter{flex-direction:column;padding:0 20px 20px}.userManagementCancelButtonModal,.userManagementSaveButton{min-width:0;min-width:auto;width:100%}.userManagementRadioGroup{align-items:flex-start;flex-direction:column;gap:14px}}.group-page{background:#f5f7fb;margin-top:68px;min-height:100vh;padding:24px;width:100%}.manager-top-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.manager-top-header>div{align-items:flex-start;display:flex;flex-direction:column}.manager-breadcrumb{color:#7a7a9d;font-size:15px;padding-left:2px}.btn-primary{align-items:center;background:#4f1fff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:48px;padding:0 22px}.filter-box{background:#fff;border:1px solid #ececec;border-radius:14px;margin-bottom:20px;padding:18px 20px;width:100%}.filter-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr auto;width:100%}.form-group{width:100%}.form-group label{color:#222;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.search-input-wrap{position:relative;width:100%}.form-control-search{border:1px solid #dcdcdc;border-radius:10px;font-size:14px;height:44px;outline:none;padding:0 44px 0 14px;width:100%}.icon-glass{color:#8b8b8b;font-size:14px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.form-control-status{background:#fff}.form-control-status,.write-note{border:1px solid #dcdcdc;border-radius:10px;font-size:14px;height:44px;outline:none;padding:0 14px;width:100%}.button-group{align-items:center;display:flex;gap:12px}.btn-outline{background:#fff;border:1px solid #dcdcdc;border-radius:10px;padding:0 18px}.btn-outline,.btn-search{cursor:pointer;height:44px;white-space:nowrap}.btn-search{align-items:center;background:#4b18ff;border:none;border-radius:10px;color:#fff;display:flex;gap:8px;padding:0 20px}@media (max-width:1200px){.filter-grid{grid-template-columns:1fr 1fr}.button-group{grid-column:span 2;justify-content:flex-end}}@media (max-width:768px){.filter-grid{grid-template-columns:1fr}.button-group{grid-column:span 1;justify-content:stretch;width:100%}.btn-outline,.btn-search{flex:1 1;justify-content:center}}.group-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;width:100%}.detail-card,.group-card{background:#fff;border:1px solid #ececec;border-radius:14px;min-width:0;padding:18px}.detail-header,.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.detail-title,.group-title{color:#1d2563;font-size:24px;font-weight:700}.reload-btn{background:#fff;border:1px solid #ddd;border-radius:10px;cursor:pointer;height:40px;width:40px}.table-responsive{overflow-x:auto;width:100%}.group-table,.permission-table{border-collapse:collapse;width:100%}.group-table td,.group-table th,.permission-table td,.permission-table th{border-bottom:1px solid #efefef;font-size:14px;padding:14px 10px}.group-table th,.permission-table th{background:#fafafa;color:#555;font-weight:700;white-space:nowrap}.group-name{color:#1d2563;font-weight:700}.active-row{background:#f7f3ff;border-left:4px solid #5624f3}.status{align-items:center;border-radius:30px;display:inline-flex;font-size:13px;height:34px;justify-content:center;min-width:90px;padding:0 14px}.lock{background:#fff1df;color:#ff8b2b}.action-box{align-items:center;display:flex;gap:8px}.action-btn{background:#fff;border:1px solid #e5e5e5;border-radius:8px;cursor:pointer;height:34px;width:34px}.action-btn.delete{color:#ff5a5a}.table-footer{gap:20px;justify-content:space-between;margin-top:20px}.footer-left,.footer-right,.table-footer{align-items:center;display:flex;flex-wrap:wrap}.footer-left,.footer-right{gap:10px}.select-page{border:1px solid #ddd;border-radius:8px;height:36px;padding-left:10px;width:70px}.pagination{display:flex;gap:8px}.page-btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;height:36px;width:36px}.active-page{background:#4f1fff;border:none;color:#fff}.tab-box{border-bottom:1px solid #eee;display:flex;gap:30px;margin-bottom:20px}.tab-btn{background:none;border:none;color:#666;cursor:pointer;font-size:15px;font-weight:700;padding-bottom:12px}.active-tab{border-bottom:3px solid #4f1fff;color:#4f1fff}.info-card,.permission-card{border:1px solid #ececec;border-radius:12px;margin-bottom:20px;padding:18px}.edit-box{display:flex;justify-content:flex-end;margin-bottom:18px}.edit-btn{align-items:center;background:#4f1fff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:8px;height:42px;padding:0 18px}.detail-group{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.info-item{margin-bottom:20px}.info-item label{color:#666;display:block;font-size:13px;font-weight:700;margin-bottom:6px;text-align:left}.info-item p{color:#222;font-size:14px;line-height:1.5;text-align:left}.permission-title{color:#1d2563;font-size:18px;margin-bottom:16px}.permission-table td,.permission-table th{text-align:center}.permission-table td:first-child,.permission-table th:first-child{text-align:left}.permission-table input[type=checkbox]{accent-color:#4f1fff;height:16px;width:16px}.permission-footer{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px}.permission-note{color:#777}.permission-btn-update{align-items:center;background:#4f1fff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;height:48px;padding:0 20px}@media(max-width:1400px){.group-wrapper{grid-template-columns:1fr}}@media(max-width:992px){.filter-grid{grid-template-columns:1fr 1fr}.button-group{width:100%}.btn-outline,.btn-search{flex:1 1;justify-content:center}}@media(max-width:768px){.group-page{padding:14px}.page-title{font-size:28px}.detail-group,.filter-grid{grid-template-columns:1fr}.detail-group{gap:10px}.permission-footer,.table-footer{align-items:flex-start;flex-direction:column}}@media(max-width:576px){.page-header{align-items:flex-start;flex-direction:column}.btn-primary{justify-content:center;width:100%}.button-group{flex-direction:column}}.permission-user-page{background:#f5f7fb;margin-top:68px;min-height:100vh;padding:24px;width:100%}.permission-user-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.permission-user-header h2{color:#1f1b6d;font-size:36px;font-weight:700;margin-bottom:10px}.permission-user-breadcrumb{color:#8b94a7;font-size:14px;text-align:left}.permission-guide-btn,.permission-user-breadcrumb span{color:#2453ff;font-weight:600}.permission-guide-btn{align-items:center;background:#fff;border:1px solid #dfe3eb;border-radius:12px;cursor:pointer;display:flex;font-size:14px;gap:8px;height:46px;padding:0 18px}.permission-filter-card{background:#fff;border:1px solid #edf0f7;border-radius:18px;margin-bottom:24px;padding:24px;width:100%}.permission-filter-grid{grid-gap:18px;align-items:end;display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr 1fr auto}.permission-filter-item{display:flex;flex-direction:column;gap:8px}.permission-filter-item label{color:#1f1b6d;font-size:14px;font-weight:700;text-align:left}.permission-filter-item input,.permission-filter-item select{border:1px solid #dfe3eb;border-radius:12px;font-size:14px;height:48px;outline:none;padding:0 14px;width:100%}.permission-search-box{position:relative}.permission-search-box i{color:#8b94a7;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.permission-search-box input{padding-right:44px}.permission-filter-btn-group{display:flex;gap:12px}.permission-reset-btn,.permission-search-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:48px;padding:0 18px;white-space:nowrap}.permission-reset-btn{background:#fff;border:1px solid #dfe3eb;color:#1f1b6d}.permission-search-btn{background:#2453ff;color:#fff}.permission-main-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:620px 1fr}.permission-user-list-card{background:#fff;border:1px solid #edf0f7;border-radius:18px;padding:20px}.permission-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.permission-card-header h3{color:#1f1b6d;font-size:24px}.permission-card-header button{background:#fff;border:1px solid #dfe3eb;border-radius:10px;cursor:pointer;height:38px;width:38px}.permission-list-search{margin-bottom:18px;position:relative}.permission-list-search input{border:1px solid #dfe3eb;border-radius:12px;height:46px;outline:none;padding:0 44px 0 14px;width:100%}.permission-list-search i{color:#8b94a7;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.permission-user-table-wrapper{overflow-x:auto;width:100%}.permission-user-table{border-collapse:collapse;width:100%}.permission-user-table thead{background:#f8f9fd}.permission-user-table th{color:#1f1b6d;font-weight:700;text-align:left}.permission-user-table td,.permission-user-table th{border-bottom:1px solid #edf0f7;font-size:13px;padding:14px 12px}.permission-user-table td{color:#374151}.permission-user-table tbody tr:hover{background:#f8fbff}.active-row{background:#eef4ff}.status{border-radius:20px;font-size:12px;font-weight:700;padding:6px 12px}.status.active{background:#dcfce7;color:#16a34a}.status.lock{background:#ffedd5;color:#ea580c}.permission-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:18px}.permission-page-left{align-items:center;display:flex;font-size:13px;gap:8px}.permission-page-left select{border:1px solid #dfe3eb;border-radius:8px;height:34px;padding:0 8px}.permission-page-number{display:flex;gap:8px}.permission-page-number button{background:#fff;border:1px solid #dfe3eb;border-radius:8px;cursor:pointer;height:34px;width:34px}.permission-page-number button.active{background:#2453ff;color:#fff}.permission-detail-card{background:#fff;border:1px solid #edf0f7;border-radius:18px;padding:20px}.permission-detail-top{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.permission-detail-top h3{color:#1f1b6d;font-size:24px}.permission-detail-top span{color:#2453ff}.edit-user-btn{align-items:center;background:#fff;border:1px solid #dfe3eb;border-radius:12px;cursor:pointer;display:flex;gap:8px;height:44px;padding:0 18px}.permission-user-info{border-bottom:1px solid #edf0f7;display:flex;gap:28px;margin-bottom:24px;padding-bottom:24px}.permission-avatar{align-items:center;background:#eef2ff;border-radius:50%;color:#2453ff;display:flex;font-size:40px;height:90px;justify-content:center;width:90px}.permission-info-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr}.permission-info-grid label{color:#6b7280;display:block;font-size:13px;margin-bottom:6px}.permission-info-grid p{color:#1f2937;font-size:14px;font-weight:600}.permission-detail-tab{border-bottom:1px solid #edf0f7;display:flex;gap:28px;margin-bottom:20px}.permission-detail-tab button{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:700;height:44px}.permission-detail-tab button.active{border-color:#2453ff;color:#2453ff}.permission-action-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.permission-quick-action{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.permission-quick-action span{color:#1f1b6d;font-size:14px;font-weight:700}.permission-quick-action button{background:#fff;border:1px solid #dfe3eb;border-radius:10px;cursor:pointer;font-size:13px;height:36px;padding:0 14px}.save-permission-btn{align-items:center;background:#2453ff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:44px;padding:0 18px}.permission-matrix-wrapper{overflow-x:auto;width:100%}.permission-matrix-table{border-collapse:collapse;min-width:900px;width:100%}.permission-matrix-table td,.permission-matrix-table th{border:1px solid #e7ecf5;font-size:13px;padding:10px 12px;text-align:center}.permission-matrix-table th{background:#f7f9fc;color:#1e2a78;font-weight:700}.function-col{text-align:left;width:320px}.permission-col{text-align:center}.main-row td:first-child{color:#1e2a78}.group-cell{text-align:left!important}.sub-row{color:#374151;padding-left:34px!important}.table-arrow{color:#7b8199;font-size:11px;margin-right:8px}.permission-matrix-table input[type=checkbox]{accent-color:#2952ff;cursor:pointer;height:14px;width:14px}.collapsed-row td{background:#fff}.permission-note{display:flex;flex-wrap:wrap;gap:24px}.permission-note-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.permission-note-item span{border:1px solid #dfe3eb;border-radius:4px;height:16px;width:16px}.permission-note-item .blue{background:#2453ff}.permission-note-item .gray{background:#e5e7eb}.permission-note-item .white{background:#fff}@media screen and (max-width:1400px){.permission-main-content{grid-template-columns:1fr}}@media screen and (max-width:1200px){.permission-filter-grid{grid-template-columns:1fr 1fr}.permission-filter-btn-group{grid-column:span 2}}@media screen and (max-width:768px){.permission-user-page{padding:16px}.permission-user-header{flex-direction:column}.permission-user-header h2{font-size:28px}.permission-detail-card,.permission-filter-card,.permission-user-list-card{padding:16px}.permission-filter-grid{grid-template-columns:1fr}.permission-filter-btn-group{flex-direction:column;grid-column:unset}.permission-reset-btn,.permission-search-btn{justify-content:center;width:100%}.permission-detail-top{align-items:flex-start;flex-direction:column}.permission-user-info{flex-direction:column}.permission-info-grid{grid-template-columns:1fr}.permission-action-top{align-items:flex-start;flex-direction:column}.save-permission-btn{justify-content:center;width:100%}}.role-page{background:#f5f7fb;margin-top:68px;min-height:100vh;padding:24px}.role-top-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.role-page-title{color:#1b2b7b;font-size:36px;font-weight:700;margin-bottom:8px;text-align:left}.role-breadcrumb{color:#7b8199;font-size:14px}.role-add-btn{align-items:center;background:#0b57d0;border:none;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:10px;height:52px;padding:0 24px}.role-search-wrapper{background:#fff;border-radius:20px;margin-bottom:24px;padding:24px}.role-search-grid{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1.2fr 1fr 1fr auto}.role-search-label{color:#1b2b7b;display:block;font-size:14px;font-weight:600;margin-bottom:10px;text-align:left}.role-input-wrap{position:relative}.role-input-icon{color:#97a1c0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.role-search-input,.role-search-select{border:1px solid #dde3f0;border-radius:12px;font-size:14px;height:48px;outline:none;padding:0 16px;width:100%}.role-search-action{display:flex;gap:12px}.role-reset-btn,.role-submit-btn{border:none;border-radius:12px;font-weight:600;height:48px;padding:0 20px}.role-reset-btn{background:#fff;border:1px solid #dde3f0}.role-submit-btn{background:#0b57d0;color:#fff}.role-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:50% 50%}.role-left-card,.role-right-card{background:#fff;border-radius:20px;padding:20px}.role-card-header{align-items:left;display:flex;justify-content:space-between;margin-bottom:18px}.role-card-header h3,.role-detail-header{color:#1b2b7b;font-size:28px;font-weight:700}.role-refresh-btn{background:#fff;border:1px solid #dde3f0;border-radius:10px;height:40px;width:40px}.role-table{border-collapse:collapse;width:100%}.role-table th{background:#f4f7fc;color:#1b2b7b;font-size:14px;padding:14px}.role-table td{border-top:1px solid #eef2f8;font-size:14px;padding:16px 14px}.active-row{background:#f8faff;border-left:3px solid #2e5bff}.status-active{background:#ddf7e5;color:#1e9e53;text-align:left}.status-active,.status-inactive{border-radius:20px;font-size:13px;font-weight:600;padding:6px 14px}.status-inactive{background:#eceef3;color:#7b8199}.role-action-group{display:flex;gap:8px}.role-action-btn{background:#fff;border:1px solid #e2e8f4;border-radius:10px;height:34px;width:34px}.delete-btn{color:#ff4d4f}.role-pagination{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-top:24px}.role-pagination select{border-radius:10px;height:36px;margin:0 8px;width:60px}.role-pagination-right{display:flex;gap:8px}.role-pagination-right button{background:#fff;border:1px solid #dde3f0;border-radius:10px;height:36px;width:36px}.role-pagination-right .active{background:#0b57d0;color:#fff}.role-tabs{border-bottom:1px solid #eef2f8;display:flex;gap:32px;margin-top:24px}.role-tabs button{background:#0000;border:none;color:#7b8199;font-weight:600;padding-bottom:16px}.role-tabs .active{border-bottom:3px solid #2e5bff;color:#2e5bff}.role-info-box{grid-gap:24px;background:#fcfdff;border:1px solid #eef2f8;border-radius:18px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr;margin-top:24px;padding:24px}.info-label{color:#7b8199;font-size:14px;margin-bottom:6px;text-align:left}.info-value{color:#1b2b7b;font-size:15px;font-weight:600;text-align:left}.mt-16{margin-top:16px}.matrix-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px;margin-top:28px}.matrix-title{color:#1b2b7b;font-size:20px;font-weight:700}.matrix-legend{display:flex;gap:18px}.legend-item{align-items:center;display:flex;font-size:14px;gap:8px}.permission-table-wrapper{border:1px solid #e8edf7;border-radius:10px}.permission-table{table-layout:fixed}.permission-table td,.permission-table th{border:1px solid #edf1f7;font-size:14px;padding:10px 12px}.permission-table thead th{background:#f8faff;color:#1d2d7a;font-weight:700;text-align:center}.function-col{width:280px}.permission-title{text-align:center}.permission-table tbody td{text-align:center;vertical-align:middle}.permission-table tbody td:first-child{text-align:left}.group-row td{background:#fff;color:#1d2d7a;font-weight:700}.child-row{color:#4b5563;padding-left:28px!important}.permission-table input[type=checkbox]{accent-color:#0b57d0;cursor:pointer;height:15px;width:15px}.permission-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.permission-table tr{height:48px}.role-footer-btn{display:flex;justify-content:flex-end;margin-top:24px}.role-edit-btn{align-items:center;background:#0b57d0;border:none;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:10px;height:48px;padding:0 24px}.role-modal-overlay{align-items:center;background:#0f172a59;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.role-modal{background:#fff;border-radius:14px;box-shadow:0 10px 40px #0000001f;margin-top:68px;max-height:95vh;overflow-y:auto;width:1150px}.role-modal-header{align-items:center;border-bottom:1px solid #e9edf5;display:flex;justify-content:space-between;padding:22px 28px}.role-modal-header h2{color:#142c8e;font-size:32px;font-weight:700}.role-close-btn{background:#0000;border:none;color:#1d2d7a;cursor:pointer;font-size:34px}.role-modal-body{padding:28px}.modal-section{margin-bottom:28px}.section-title{color:#1d2d7a;font-size:20px;font-weight:700;margin-bottom:22px;text-align:left}.role-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.form-label{color:#344054;display:block;font-size:15px;font-weight:600;margin-bottom:10px;text-align:left}.form-label span{color:red}.role-input,.role-textarea{border:1px solid #d8e0ef;border-radius:8px;font-size:14px;padding:12px 14px;width:100%}.role-textarea{height:110px;resize:none}.status-wrapper{margin-top:20px}.radio-group{display:flex;gap:24px}.radio-item{align-items:center;display:flex;font-size:14px;gap:8px}.permission-tabs{border-bottom:1px solid #e9edf5;display:flex;gap:28px;margin-bottom:22px}.permission-tab{background:#0000;color:#667085;font-weight:600;padding-bottom:14px}.permission-tab.active{border-bottom:3px solid #1d4ed8;color:#1d4ed8}.permission-box{border:1px solid #e5eaf3;border-radius:10px;display:flex;overflow:hidden}.permission-left{border-right:1px solid #e5eaf3;width:330px}.permission-search{padding:14px}.permission-search input{border:1px solid #dbe3f0;border-radius:8px;padding:10px 40px 10px 14px}.permission-search i{color:#98a2b3;right:28px}.function-tree{padding:0 14px 14px}.tree-item{align-items:center;color:#1d2d7a;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.tree-item.bold{font-weight:700}.tree-item.child{padding-left:22px}.permission-right{flex:1 1;overflow-x:auto}.modal-permission-table{border-collapse:collapse;table-layout:fixed;width:100%}.modal-permission-table td,.modal-permission-table th{border-bottom:1px solid #edf1f7;border-left:1px solid #edf1f7;padding:12px;text-align:center}.modal-permission-table th{background:#f8faff;color:#1d2d7a;font-size:14px;font-weight:700}.modal-permission-table input[type=checkbox]{accent-color:#155eef;height:16px;width:16px}.modal-permission-table input[type=checkbox]:disabled{opacity:.45}.role-modal-footer{border-top:1px solid #e9edf5;display:flex;gap:14px;justify-content:flex-end;padding:22px 28px}.cancel-btn{background:#fff;border:1px solid #d0d5dd;border-radius:8px}.cancel-btn,.save-btn{font-weight:600;height:44px;padding:0 24px}.save-btn{align-items:center;background:#155eef;border:none;border-radius:8px;color:#fff;display:flex;gap:8px}*{box-sizing:border-box;margin:0;padding:0}.permission-page{background:#f1f2f3;margin-top:68px;min-height:100vh;padding:24px;width:100%}.permission-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:24px;text-align:left}.permission-title{color:#1f1b6d;font-size:36px;font-weight:700;margin-bottom:10px;text-align:left;width:100%}.permission-breadcrumb{color:#8a8fa3;font-size:14px}.permission-breadcrumb span{color:#4d2eea;font-weight:600}.permission-top-card{background:#fff;border:1px solid #edf0f7;border-radius:18px;margin-bottom:24px;padding:24px;width:100%}.permission-top-grid{grid-gap:18px;align-items:end;display:grid;gap:18px;grid-template-columns:1.2fr 1.6fr .8fr 1.2fr auto}.permission-form-item{display:flex;flex-direction:column;gap:8px}.permission-form-item label{color:#1f1b6d;font-size:14px;font-weight:700;text-align:left}.permission-form-item input,.permission-form-item select{border:1px solid #dfe3eb;border-radius:12px;font-size:14px;height:48px;outline:none;padding:0 14px;width:100%}.permission-status{align-items:center;background:#dcfce7;border-radius:12px;color:#16a34a;display:flex;font-size:14px;font-weight:700;height:48px;justify-content:center}.permission-btn-group{display:flex;gap:12px}.permission-btn-back,.permission-btn-save{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:48px;padding:0 20px;white-space:nowrap}.permission-btn-back{background:#fff;border:1px solid #dfe3eb;color:#1f1b6d}.permission-btn-save{background:#2453ff;color:#fff}.permission-tab-wrapper{border-bottom:1px solid #e9edf5;display:flex;gap:36px;margin-bottom:24px}.permission-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:15px;font-weight:700;height:48px}.permission-tab.active{border-color:#2453ff;color:#2453ff}.permission-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:320px 1fr}.permission-left{background:#fff;border:1px solid #edf0f7;border-radius:18px;padding:20px}.permission-left h3{color:#1f1b6d;font-size:20px;margin-bottom:18px}.permission-search{margin-bottom:22px;position:relative}.permission-search input{border:1px solid #dfe3eb;border-radius:12px;height:46px;outline:none;padding:0 44px 0 14px;width:100%}.permission-search i{color:#8b94a7;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.tree-row{align-items:center;color:#1f1b6d;display:flex;font-size:14px;gap:10px;margin-bottom:12px}.tree-child{padding-left:18px}.tree-sub{margin-bottom:14px;padding-left:28px}.permission-tree input{accent-color:#2453ff}.permission-right{background:#fff;border:1px solid #edf0f7;border-radius:18px;overflow:hidden;padding:20px}.permission-table-top{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.permission-table-top h3{color:#1f1b6d;font-size:20px}.permission-check-group{align-items:center;display:flex;flex-wrap:wrap;gap:18px}.permission-check-group label{align-items:center;color:#374151;display:flex;font-size:14px;gap:6px}.permission-table-wrapper{overflow-x:auto;width:100%}.permission-table{border-collapse:collapse;min-width:900px;width:100%}.permission-table thead{background:#f8f9fd}.permission-table th{color:#1f1b6d;font-weight:700;padding:16px 12px}.permission-table td,.permission-table th{border:1px solid #edf0f7;font-size:14px;text-align:center}.permission-table td{color:#374151;padding:14px 12px}.function-col{min-width:260px;text-align:left!important}.main-row td:first-child{color:#1f1b6d;font-weight:700;text-align:left}.sub-row{padding-left:28px!important;text-align:left!important}.permission-table input{accent-color:#2453ff}.permission-note{color:#8b94a7;font-size:13px;margin-top:18px;text-align:left}@media screen and (max-width:1200px){.permission-top-grid{grid-template-columns:1fr 1fr}.permission-btn-group{grid-column:span 2;justify-content:flex-end}.permission-content{grid-template-columns:1fr}}@media screen and (max-width:768px){.permission-page{padding:16px}.permission-title{font-size:28px}.permission-left,.permission-right,.permission-top-card{padding:16px}.permission-top-grid{grid-template-columns:1fr}.permission-btn-group{flex-direction:column;grid-column:unset;width:100%}.permission-btn-back,.permission-btn-save{justify-content:center;width:100%}.permission-tab-wrapper{gap:20px;overflow-x:auto}.permission-table-top{align-items:flex-start;flex-direction:column}}.categoryPageWrapper{background:#f7f5ff;margin-top:68px;min-height:100vh;padding:20px}.categoryPageContainer{width:100%}.categoryPageHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.categoryPageHeaderLeft{display:flex;flex-direction:column}.categoryPageTitle{color:#26146c;font-size:34px;font-weight:700;margin:0;padding-left:22px;text-align:left}.category-page-bread-crumb{align-items:center;display:flex;flex-wrap:wrap;margin-top:10px;transform:translateX(22px)}.category-page-bread-crumb-item{color:#9d95bd;font-size:1rem}.categoryPageBreadcrumbSlash{color:#b7b1cf;margin:0 10px}.category-pgebreadcrumb-active{color:#6a5acd;font-size:1rem;font-weight:600}.categoryPageHeaderRight{align-items:center;display:flex}.categoryPageAddButton{background:#4a16db;border-radius:10px;gap:10px;height:46px;padding:0 22px}.categoryPageAddIcon{font-size:20px}.categorySearchContainer{background:#fff;border:1px solid #eee8ff;border-radius:12px;margin-bottom:20px;padding:20px;transform:translateX(20px)}.categorySearchGroup{width:100%}.category-search-label{color:#3f2d86;display:block;font-size:1rem;font-weight:600;margin-bottom:10px;text-align:left}.categorySearchInputWrapper{position:relative}.category-search-input{background:#fff;border:1px solid #e6dfff;border-radius:8px;color:#3f2d86;font-size:14px;height:44px;outline:none;padding-left:14px;padding-right:40px;width:100%}.categorySearchInput::placeholder{color:#b1aacd}.category-search-input-icon{color:#9d95bd;font-size:14px;position:absolute;right:14px;top:12px}.category-search-select-share{background:#fff;border:1px solid #e6dfff;border-radius:8px;color:#786fb0;color:#3f2d86;font-size:14px;height:44px;outline:none;padding:0 14px;width:100%}.categorySearchButtonGroup{align-items:flex-end;display:flex;gap:12px;height:100%;justify-content:flex-end;padding-top:34px}.category-reset-button-refresh{background:#fff;border:1px solid #e5ddff;border-radius:8px;color:#6c5eb5;font-size:.9rem;font-weight:600;height:44px;padding:0 20px}.category-search-button-btn{background:#4a16db;border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;height:44px;padding:0 20px}.category-table-container-list{background:#fff;border:1px solid #eee8ff;border-radius:12px;overflow-y:auto;transform:translateX(20px)}.categoryTableHeader{border-bottom:1px solid #f1edff}.categoryTableTitle{color:#2f1e7a;margin:0}.categoryRefreshButton{background:#fff;border:1px solid #ece6ff;border-radius:8px;color:#6a5acd;height:34px;width:34px}.category-table-data-show{border-collapse:collapse;width:100%}.categoryTableHead{background:#faf8ff}.categoryTableHeadCell{border-bottom:1px solid #eee8ff;color:#39268c;padding:16px 14px;white-space:nowrap}.categoryTableBodyRow{border-bottom:1px solid #f3f0ff}.categoryTableBodyCell{color:#54498f;font-size:13px;padding:16px 14px;white-space:nowrap}.categoryNameText{color:#2d2370;font-weight:600}.categoryStatusActive{background:#e6f9e7;border-radius:6px;color:#1d9b36;font-size:12px;font-weight:600;padding:6px 12px}.categoryActionGroup{align-items:center;display:flex;gap:8px}.categoryCopyButton,.categoryEditButton{background:#f3edff;border:none;border-radius:8px;color:#6b3dff;height:30px;width:30px}.categoryDeleteButton{background:#fff0f0;border:none;border-radius:8px;color:#ff4d4f;height:30px;width:30px}.categoryTableFooter{align-items:center;display:flex;justify-content:space-between;padding:18px 20px}.categoryFooterLeft{align-items:center;display:flex;gap:10px}.categoryFooterText{color:#7367a7;font-size:13px}.categoryFooterSelect{border:1px solid #e6dfff;border-radius:8px;color:#5d4ea2;height:34px;outline:none;padding-left:10px;width:60px}.categoryFooterRight{align-items:center;display:flex;gap:20px}.categoryFooterPagingText{color:#7367a7;font-size:13px}.categoryPagination{align-items:center;display:flex;gap:8px}.categoryPaginationButtonActive{background:#4a16db;border:none;border-radius:8px;font-size:13px;font-weight:600;height:34px;width:34px}.categoryPaginationButton{border:1px solid #ece6ff;color:#6d61a8;font-size:13px}.categoryPageWrapper{padding:10px}.categoryPageContainer{background:#0000}.categoryPageTitleSection{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:22px}.categoryPageTitleBox{display:flex;flex-direction:column}.categoryPageMainTitle{color:#25145a;font-size:34px;font-weight:700;margin-bottom:10px;padding-left:22px;text-align:left}.categoryPageBreadcrumbType{align-items:center;color:#8678a7;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:500;transform:translateX(20px)}.categoryPageBreadcrumbTypebItem{color:#8678a7;font-size:14px}.categoryPageBreadcrumbTypeDivider{color:#b4abc8;margin:0 10px;padding:0 3px}.categoryPageAddButton{align-items:center;background:#4b18ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:10px 8px}.categoryPageAddButtonIcon{margin-right:10px}.categoryFilterWrapper{background:#fff;border:1px solid #efe8dd;border-radius:10px;margin-bottom:22px;padding:20px;transform:translateX(20px)}.categoryFilterLabel{color:#2c1a63;display:block;font-size:13px;font-weight:700;margin-bottom:10px;text-align:left}.categoryFilterInputWrapper{position:relative}.categoryFilterInput{background:#fff;border:1px solid #eee5d9;border-radius:8px;color:#2c1a63;font-size:14px;font-size:.8rem;height:44px;outline:none;padding-left:14px;padding-right:40px;width:100%}.categoryFilterInput::placeholder{color:#b4abc8}.categoryFilterSearchIcon{color:#9c92b7;font-size:13px;position:absolute;right:14px;top:14px}.categoryFilterSelect{background:#fff;border:1px solid #eee5d9;border-radius:8px;color:#6f6588;font-size:14px;height:44px;outline:none;padding-left:14px;padding-right:14px;width:100%}.categoryFilterActionWrapper{align-items:flex-end;display:flex;height:100%;justify-content:flex-end}.categoryFilterResetButton{background:#fff;border:1px solid #eee5d9;border-radius:8px;color:#4b18ff;cursor:pointer;font-size:14px;font-weight:600;height:44px;margin-right:10px;width:130px}.icon-solid-glass,.icon-solid-rotage{padding-right:5px}.category-filter-search-button{background:#4b18ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;width:130px}.categoryTableCard{background:#fff;border:1px solid #efe8dd;border-radius:10px;overflow:hidden;transform:translateX(20px)}.categoryTableHeader{align-items:center;border-bottom:1px solid #f3ece2;display:flex;justify-content:space-between;padding:18px 20px}.categoryTableTitle{color:#2c1a63;font-size:22px;font-weight:700}.categoryTableRefreshButton{background:#fff;border:1px solid #eee5d9;border-radius:8px;color:#4b18ff;cursor:pointer;height:36px;width:36px}.categoryTableResponsive{overflow-x:auto;width:100%}.categoryTableElement{border-collapse:collapse;min-width:1200px;width:100%}.categoryTableHeadRow{background:#fffdfb}.categoryTableHeadCell{border-bottom:1px solid #f3ece2;color:#2c1a63;font-size:13px;font-weight:700;padding:18px 14px;text-align:left}.categoryTableBodyRow{border-bottom:1px solid #f5efe7}.categoryTableBodyRow:hover{background:#faf8ff}.categoryTableBodyCell{color:#2c1a63;font-size:.8rem;font-weight:500;text-align:left;vertical-align:middle}.child{text-align:center}.categoryTableIndexText{font-weight:700}.categoryTableNameText{font-size:.8rem;font-weight:700}.categoryTableStatusBadge{align-items:center;background:#dff4d7;border-radius:6px;color:#2c9c35;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 12px}.categoryTableActionWrapper{align-items:center;display:flex}.categoryTableEditButton{color:#4b18ff;margin-right:8px}.categoryTableDeleteButton,.categoryTableEditButton{background:#fff;border:1px solid #eee5d9;border-radius:8px;cursor:pointer;height:32px;width:32px}.categoryTableDeleteButton{color:#ff5d5d}.categoryPaginationWrapper{justify-content:space-between;padding:18px 20px}.categoryPaginationLeft,.categoryPaginationWrapper{align-items:center;display:flex}.categoryPaginationText{color:#7c7099;font-size:14px}.categoryPaginationSelect{border:1px solid #eee5d9;border-radius:8px;color:#2c1a63;height:36px;margin:0 10px;outline:none;padding-left:10px;width:60px}.categoryPaginationRight{align-items:center;display:flex}.categoryPaginationInfo{color:#7c7099;font-size:14px;margin-right:20px}.categoryPaginationButton{background:#fff;border:1px solid #eee5d9;border-radius:8px;color:#8d83a7;cursor:pointer;height:34px;margin-left:8px;width:34px}.categoryPaginationButtonActive{background:#4b18ff;border-color:#4b18ff;color:#fff}@media (max-width:991px){.categoryPageTitleSection{flex-direction:column}.categoryPageAddButton{margin-top:20px}}@media (max-width:767px){.categoryPaginationWrapper{align-items:flex-start;flex-direction:column}.categoryPaginationRight{margin-top:15px}}.dataManagementWrapper{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.dataManagementContainer{width:100%}.dataManagementHeaderSection{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.dataManagementTitleWrapper{display:flex;flex-direction:column;transform:translateX(10px)}.dataManagementTitleText{color:#28185f;font-size:34px;font-weight:700;margin-bottom:10px;text-align:left}.dataManagementBreadcrumbWrapper{align-items:center;display:flex;flex-wrap:wrap}.dataManagementBreadcrumbText{color:#9487b0;font-size:1rem;font-weight:500}.dataManagementBreadcrumbDivider{color:#c1b8d1;margin:0 10px}.dataManagementAddButton{background:#4a16ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:48px;padding:0 10px}.dataManagementAddButtonIcon{margin-right:10px}.dataManagementFilterCard{background:#fff;border:1px solid #f0e9df;border-radius:10px;margin-bottom:24px;padding:22px}.dataManagementFilterLabel{color:#28185f;display:block;font-size:13px;font-weight:700;margin-bottom:10px;text-align:left}.dataManagementFilterInputWrapper{position:relative}.dataManagementFilterInput{background:#fff;border:1px solid #eee5d9;border-radius:8px;color:#2c1a63;font-size:14px;font-size:.8rem;height:44px;outline:none;padding-left:14px;padding-right:40px;width:100%}.dataManagementFilterInput::placeholder{color:#b3a9c8}.dataManagementFilterInputIcon{color:#9c92b7;font-size:13px;position:absolute;right:14px;top:14px}.data-type-wrap{transform:translateX(5px)}.source-wrap{transform:translateX(-3px)}.data-status{transform:translateX(-12px)}.data-type{margin-left:30px}.source{transform:translateX(25px)}.status-text{transform:translateX(22px)}.time-update{transform:translateX(10px)}.icon-magnifying,.icon-rotage-right{padding-right:5px}.dataManagementFilterSelect{background:#fff;border:1px solid #eee4d8;border-radius:8px;color:#7c7195;font-size:14px;height:44px;margin-left:25px;outline:none;padding-left:14px;padding-right:14px;width:100%}.dataManagementDateWrapper{position:relative}.dataManagementDateInput{background:#fff;border:1px solid #eee4d8;border-radius:8px;color:#28185f;font-size:14px;height:44px;outline:none;padding-left:14px;padding-right:40px;width:100%}.dataManagementDateInput::placeholder{color:#b3a9c8}.dataManagementDateIcon{color:#9f95b7;font-size:14px;position:absolute;right:14px;top:13px}.dataManagementFilterButtonWrapper{align-items:flex-end;display:flex;height:100%;justify-content:flex-end}.dataManagementResetButton{background:#fff;border:1px solid #eee4d8;border-radius:8px;color:#4a16ff;margin-right:10px;padding:0 18px}.dataManagementResetButton,.dataManagementSearchButton{cursor:pointer;font-size:14px;font-weight:600;height:44px}.dataManagementSearchButton{background:#4a16ff;border:none;border-radius:8px;color:#fff;padding:0 22px}.dataManagementTableCard{background:#fff;border:1px solid #f0e9df;border-radius:10px;overflow:hidden}.dataManagementTableHeader{align-items:center;border-bottom:1px solid #f3ece3;display:flex;justify-content:space-between;padding:20px}.dataManagementTableTitle{color:#28185f;font-size:1rem;font-weight:800}.icon-solid-share{padding-right:5px}.dataManagementTableActionWrapper{align-items:center;display:flex}.dataManagementExportButton,.dataManagementImportButton{font-size:13px;font-weight:600;margin-right:10px;padding:0 16px}.dataManagementExportButton,.dataManagementImportButton,.dataManagementSettingButton{background:#fff;border:1px solid #eee4d8;border-radius:8px;color:#4a16ff;cursor:pointer;height:38px}.dataManagementSettingButton{width:38px}.dataManagementTableResponsive{overflow-x:auto;width:100%}.dataManagementTableElement{border-collapse:collapse;min-width:1500px;width:100%}.dataManagementTableHeadRow{background:#fffdfb}.dataManagementTableHeadCell{border-bottom:1px solid #f3ece3;color:#28185f;font-size:13px;font-weight:700;padding:18px 14px;text-align:left;white-space:nowrap}.dataManagementTableBodyRow{border-bottom:1px solid #f6f0e8}.dataManagementTableBodyRow:hover{background:#faf8ff}.dataManagementTableBodyCell{color:#28185f;font-size:14px;padding:16px 14px;text-align:left;white-space:nowrap}.dataManagementTableNameText{font-weight:700}.dataManagementActiveStatus{background:#dff4d7;color:#2c9c35}.dataManagementActiveStatus,.dataManagementPauseStatus{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 12px}.dataManagementPauseStatus{background:#ffe9c7;color:#f39c12}.dataManagementActionButtonWrapper{align-items:center;display:flex}.dataManagementEditButton,.dataManagementViewButton{color:#4a16ff;margin-right:8px}.dataManagementDeleteButton,.dataManagementEditButton,.dataManagementViewButton{background:#fff;border:1px solid #eee4d8;border-radius:8px;cursor:pointer;height:32px;width:32px}.dataManagementDeleteButton{color:#ff5d5d}.dataManagementPaginationWrapper{align-items:center;display:flex;justify-content:space-between;padding:20px}.dataManagementPaginationLeft{align-items:center;display:flex}.dataManagementPaginationText{color:#867a9f;font-size:14px}.dataManagementPaginationSelect{border:1px solid #eee4d8;border-radius:8px;color:#28185f;height:36px;margin:0 10px;outline:none;padding-left:10px;width:60px}.dataManagementPaginationRight{align-items:center;display:flex}.dataManagementPaginationInfo{color:#867a9f;font-size:14px;margin-right:20px}.dataManagementPaginationButton{background:#fff;border:1px solid #eee4d8;border-radius:8px;color:#8f85a8;cursor:pointer;height:34px;margin-left:8px;width:34px}.dataManagementPaginationButtonActive{background:#4a16ff;border-color:#4a16ff;color:#fff}.dataFilterDateLabel{color:#28185f;display:block;font-size:13px;font-weight:700;margin-bottom:10px}.hiddenLabel{opacity:0}.dataFilterDateWrapper{position:relative;width:100%}.dataFilterDateInput{background:#fff;border:1px solid #ece3d8;border-radius:8px;color:#28185f;font-size:14px;height:44px;outline:none;padding-left:14px;padding-right:42px;transition:all .2s ease;width:100%}.dataFilterDateInput::placeholder{color:#b7accd;font-size:14px}.dataFilterDateInput:focus{border-color:#4a16ff;box-shadow:0 0 0 2px #4a16ff14}.dataFilterDateIconWrapper{color:#9c92b5;font-size:14px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}@media (max-width:991px){.dataManagementHeaderSection{flex-direction:column}.dataManagementAddButton{margin-top:20px}}@media (max-width:767px){.dataManagementPaginationWrapper{align-items:flex-start;flex-direction:column}.dataManagementPaginationRight{margin-top:15px}}.dataLogPageWrapper{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.dataLogPageContainer{background:#fff;border:1px solid #edf0f7;border-radius:14px;padding:24px}.dataLogPageTitle{color:#3d1ea7;font-size:30px;font-weight:700;margin-bottom:10px;text-align:left}.dataLogPageBreadcrumb{color:#8c95b2;font-size:14px;margin-bottom:28px;text-align:left}.dataLogFilterContainer{background:#fff;border:1px solid #edf0f7;border-radius:14px;margin-bottom:22px;padding:18px}.dataLogFilterGrid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr 1.2fr 1fr;margin-bottom:18px}.dataLogFilterBottom{align-items:flex-end;display:flex;gap:18px}.dataLogFilterItem{display:flex;flex-direction:column}.dataLogFilterItem.small{width:220px}.dataLogFilterItem.note{flex:1 1}.dataLogFilterItem label{color:#23358f;font-size:13px;font-weight:700;margin-bottom:8px;text-align:left}.dataLogFilterItem input,.dataLogFilterItem select{border:1px solid #dfe5f2;border-radius:8px;font-size:14px;height:44px;outline:none;padding:0 14px;width:100%}.search-box{position:relative}.search-box i{color:#9aa3bf;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.dataLogDateRangeWrapper{align-items:center;display:flex;gap:12px}.dataLogDateBox{flex:1 1;position:relative}.dataLogDateBox input{padding-right:42px}.dataLogDateBox i{color:#8c95b2;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.date-arrow{color:#7f88a7;font-weight:700}.dataLogActionButtonContainer{display:flex;gap:12px;margin-left:auto}.dataLogResetButton,.dataLogSearchButton{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:0 18px}.dataLogResetButton{background:#fff;border:1px solid #dfe5f2;color:#274bcc}.dataLogSearchButton{background:#0d4dff;border:none;color:#fff}.dataLogResetButton i,.dataLogSearchButton i{margin-right:8px}.dataLogTableHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.dataLogTableHeader h3{color:#351c8d;font-size:18px;font-weight:700}.dataLogExportButtonContainer{display:flex;gap:12px}.excel-btn,.pdf-btn,.setting-btn{background:#fff;border-radius:8px;cursor:pointer;font-weight:600;height:42px;padding:0 16px}.excel-btn{border:1px solid #24b26b;color:#24b26b}.pdf-btn{border:1px solid #ef5350;color:#ef5350}.setting-btn{border:1px solid #dfe5f2;width:42px}.dataLogTableWrapper{overflow-x:auto;width:100%}.dataLogTable{border-collapse:collapse;width:100%}.dataLogTable thead{background:#f6f8fc}.dataLogTable th{font-size:13px;font-weight:700;text-align:left;white-space:nowrap}.dataLogTable td,.dataLogTable th{border-bottom:1px solid #edf0f7;color:#23358f;padding:16px 14px}.dataLogTable td{font-size:14px;vertical-align:top}.badge{align-items:center;border-radius:30px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:5px 10px}.badge.create{background:#def7e8;color:#1f9d57}.badge.update{background:#e4eeff;color:#2d6cff}.badge.delete{background:#ffe8d8;color:#ff8a34}.result{border-radius:30px;display:inline-flex;font-size:12px;font-weight:700;padding:5px 10px}.result.success{background:#def7e8;color:#1f9d57}.result.error{background:#ffe2e2;color:#f44336}.view-detail{color:#2d6cff;font-size:13px;font-weight:600}.dataLogPaginationContainer{align-items:center;display:flex;justify-content:space-between;margin-top:22px}.pagination-left{align-items:center;color:#5c678d;display:flex;font-size:14px;gap:10px}.pagination-left select{border:1px solid #dfe5f2;border-radius:8px;height:36px;padding:0 10px}.pagination-right{align-items:center;display:flex;gap:8px}.pagination-right span{color:#5c678d;font-size:14px;margin-right:12px}.pagination-right button{background:#fff;border:1px solid #dfe5f2;border-radius:8px;color:#23358f;cursor:pointer;height:34px;width:34px}.pagination-right button.active{background:#0d4dff;border-color:#0d4dff;color:#fff}@media(max-width:1400px){.dataLogFilterGrid{grid-template-columns:repeat(2,1fr)}.dataLogFilterBottom{flex-wrap:wrap}}@media(max-width:768px){.dataLogPageTitle{font-size:30px}.dataLogFilterGrid{grid-template-columns:1fr}.dataLogDateRangeWrapper{align-items:stretch;flex-direction:column}.date-arrow{display:none}.dataLogFilterBottom{align-items:stretch;flex-direction:column}.dataLogFilterItem.small{width:100%}.dataLogActionButtonContainer{margin-left:0;width:100%}.dataLogResetButton,.dataLogSearchButton{flex:1 1}.dataLogPaginationContainer,.dataLogTableHeader{align-items:flex-start;flex-direction:column;gap:16px}}.operationLogPage{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.operationLogWrapper{width:100%}.operationLogHeader{margin-bottom:24px}.operationLogTitle{color:#3d1ea7;font-size:30px;font-weight:700;margin-bottom:10px;text-align:left}.operationLogBreadcrumb{align-items:center;display:flex;gap:8px}.operation-logBreadcrumb-text{color:#8f8aa8;font-size:13px;font-size:1rem}.operationLogBreadcrumbSlash{color:#8f8aa8;font-size:13px}.operation-logBreadcrumb-active{color:#5b2cff;font-size:1rem;font-weight:600}.operationLogFilterBox{background:#fff;border:1px solid #ebe8ff;border-radius:12px;margin-bottom:22px;padding:20px}.operationLogFilterSecondRow{margin-top:18px}.operationLogFilterItem{width:100%}.operation-logFilter-label{color:#4a2bb3;display:block;font-size:1rem;font-weight:600;margin-bottom:10px;text-align:left}.operationLogDateGroup{align-items:center;display:flex;gap:10px}.operationLogDateInputBox{position:relative;width:100%}.operation-logDate-input{background:#fff;border:1px solid #e4ddff;border-radius:8px;color:#5d3eff;font-size:.8rem;font-weight:500;height:44px;outline:none;padding-left:14px;padding-right:40px;width:100%}.operationLogDateIcon{color:#8369f6;font-size:14px;position:absolute;right:14px;top:14px}.operationLogArrow{color:#6f5ab6;font-size:18px;font-weight:600}.operationLogSearchBox{position:relative}.operation-log-search-input{border:1px solid #e4ddff;border-radius:8px;color:#6f5ab6;font-size:13px;height:44px;outline:none;padding-left:14px;padding-right:40px;width:100%}.operationLogSearchIcon{color:#8a79d9;font-size:13px;position:absolute;right:14px;top:14px}.operation-log-select{background:#fff;padding-left:14px}.operation-log-normal-input,.operation-log-select{border:1px solid #e4ddff;border-radius:8px;color:#6f5ab6;font-size:13px;height:44px;outline:none;width:100%}.operation-log-normal-input{padding:0 14px}.operationLogButtonGroup{align-items:end;display:flex;gap:12px;height:100%;justify-content:flex-end;width:100%}.operation-log-reset-button{background:#fff;border:1px solid #d9d2ff;border-radius:8px;color:#6848f5;font-size:1rem;font-weight:600;height:44px;padding:0 20px}.icon-log-reset-button{padding-right:5px}.operation-log-search-button{background:#5b2cff;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;height:44px;padding:0 24px}.icon-log-search-button{padding-right:5px}.operationLogTableBox{background:#fff;border:1px solid #ebe8ff;border-radius:12px;overflow:hidden}.operationLogTableHeader{align-items:center;display:flex;justify-content:space-between;padding:18px 20px}.operationLogTableTitle{color:#351c8d;font-size:18px;font-weight:700}.operationLogExportGroup{align-items:center;display:flex;gap:10px}.operation-log-excel-button{background:#fff;border:1px solid #d8f0dc;border-radius:8px;color:#1f9d4d;font-size:1rem;font-weight:600;height:38px;padding:0 16px}.icon-operation-log-excel-button{padding-right:5px}.operation-log-pdf-button{background:#fff;border:1px solid #ffd9d9;border-radius:8px;color:#f04848;font-size:1rem;font-weight:600;height:38px;padding:0 16px}.icon-operation-log-pdf-button{padding-right:5px}.operationLogSettingButton{background:#fff;border:1px solid #e3deff;border-radius:8px;color:#6f56f6;height:38px;width:38px}.operationLogTable{border-collapse:collapse;width:100%}.operationLogTableHead{background:#faf9ff}.operationLogTableHeadColumn{border-bottom:1px solid #ece8ff;color:#4128a9;font-size:13px;font-weight:700;padding:16px 12px;text-align:left}.operationLogTableBodyColumn{border-bottom:1px solid #f1efff;color:#4128b1;font-size:.8rem;padding:16px 12px}.operationLogAddStatus{background:#e9f9ee;color:#29a655}.operationLogAddStatus,.operationLogUpdateStatus{border-radius:6px;font-size:11px;font-weight:600;padding:5px 10px}.operationLogUpdateStatus{background:#ece9ff;color:#5c38ff}.operationLogDeleteStatus{background:#fff2df;color:#f39c12}.operationLogDeleteStatus,.operationLogExecuteStatus{border-radius:6px;font-size:11px;font-weight:600;padding:5px 10px}.operationLogExecuteStatus{background:#efe7ff;color:#7a39ff}.operationLogSuccessStatus{background:#ebf9ef;color:#24a24d}.operationLogFailStatus,.operationLogSuccessStatus{border-radius:6px;font-size:.9rem;font-weight:600;padding:5px 12px}.operationLogFailStatus{background:#ffeaea;color:#f04f4f}.operationLogFooter{align-items:center;display:flex;justify-content:space-between;padding:18px 20px}.operationLogFooterLeft{align-items:center;display:flex;gap:10px}.operation-log-footer-text{color:#5d55a5;font-size:13px}.operation-log-footer-select{border:1px solid #e3deff;border-radius:8px;color:#5d55a5;font-size:13px;height:36px;padding-left:10px;width:64px}.operationLogFooterRight{align-items:center;display:flex;gap:18px}.operation-log-pagination-info{color:#5d55a5;font-size:.9rem}.operationLogPagination{align-items:center;display:flex;gap:8px}.operationLogPaginationButton{background:#fff;border:1px solid #e5e0ff;border-radius:8px;color:#5d55a5;font-size:13px;height:34px;min-width:34px}.operationLogPaginationActive{background:#5b2cff;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;height:34px;min-width:34px}.backupPageWrapper{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.backupPageContainer{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000a;padding-left:10px;padding-right:10px}.backupHeaderContainer{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.backupTitleArea{display:flex;flex-direction:column}.backupMainTitle{color:#2d1f8f;font-size:32px;font-weight:700;margin-bottom:8px;text-align:left}.backupBreadcrumbText{font-weight:500}.backupCreateButton{background:#4b16ff;height:44px;padding:0 20px}.backupSearchTitle{color:#2d1f8f;font-size:18px;font-weight:700;margin-bottom:20px;text-align:left}.backupFilterRow{border-radius:5px;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;padding:10px}.backupFilterGroup,.backupFilterRow{margin-bottom:18px}.backup-filter-group{margin-bottom:18px;transform:translateX(-30px)}.backup-filter-group-status{margin-bottom:18px;transform:translateX(-42px)}.backup-filter-group-who{margin-bottom:18px;transform:translateX(-55px)}.backupFilterLabel{color:#6e3eff;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.backupDateRangeWrapper{align-items:center;display:flex;gap:12px}.backupDateInputBox,.backupDateInputBoxRight{position:relative;width:100%}.backupDateInputBoxRight{transform:translateX(-17px)}.backupDateInputField{background:#fff;border:1px solid #e7ddfb;border-radius:8px;color:#555;font-size:.8rem;height:44px;outline:none;padding-left:14px;padding-right:40px;width:100%}.backupDateInputField:focus{border-color:#5b24ff;box-shadow:0 0 0 3px #5b24ff14}.backupDateIcon{color:#888;font-size:14px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.backupDateArrow{color:#666;font-size:18px;font-weight:700;transform:translateX(-10px)}.backupSelectField{border:1px solid #e7ddfb;color:#555;font-size:.8rem;height:44px;padding:0 14px}.backupSearchInputWrapper{position:relative}.backupSearchInputField{width:100%}.backup-search-input-field,.backupSearchInputField{background:#fff;border:1px solid #e7ddfb;border-radius:8px;color:#555;font-size:14px;height:44px;outline:none;padding-left:14px;padding-right:40px}.backup-search-input-field{font-size:.8rem;width:250px}.backupSearchIcon{color:#999;font-size:14px;position:absolute;right:-46px;top:50%;transform:translateY(-50%)}.backupActionButtonContainer{align-items:flex-end;display:flex;gap:12px;height:100%;justify-content:flex-end}.backupResetButton{background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#555;cursor:pointer;font-size:1rem;height:44px;padding:0 18px}.icon-backup-rotage{font-size:.8rem;padding-right:5px}.backupSearchButton{background:#4b16ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:44px;padding:0 20px}.backupTableSection{border-radius:5px;box-shadow:0 6px 24px 0 #0000000d,0 0 0 1px #00000014;margin-top:24px;padding:10px}.backupTableHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.backupTableTitle{color:#2d1f8f;font-size:22px;font-weight:700}.backupTableActionGroup{align-items:center;display:flex;gap:10px}.backupRunButton{border:1px solid #6c3bff;border-radius:8px;color:#6c3bff}.backupDeleteButton,.backupRunButton{background:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0 18px}.backupDeleteButton{border:1px solid #ff4d4f;border-radius:8px;color:#ff4d4f}.backupSettingButton{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;height:40px;width:40px}.backupTableWrapper{overflow-x:auto;width:100%}.backupDataTable{background:#fff;border-collapse:collapse;width:100%}.backupTableHead{background:#f5f4fb}.backupTableHeadRow{height:54px}.backupTableHeadCell{border-bottom:1px solid #ececec;color:#2f2190;font-size:13px;font-weight:700;padding:14px 10px;text-align:left;white-space:nowrap}.backupTableBodyRow{border-bottom:1px solid #f0f0f0}.backupTableBodyCell{color:#7040ff;font-size:13px;padding:14px 10px;white-space:nowrap}.backupSuccessStatus{background:#dff5df;color:#2b8c3e}.backupErrorStatus,.backupSuccessStatus{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.backupErrorStatus{background:#ffe0e0;color:#e53935}.backupActionIconGroup{align-items:center;display:flex;gap:12px}.backupDownloadIcon{color:#6c3bff;cursor:pointer;font-size:15px}.backupRestoreIcon{color:#ff9800;cursor:pointer;font-size:15px}.backupDeleteIcon{color:#ff4d4f;cursor:pointer;font-size:15px}.backupPaginationContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:24px}.backupPaginationLeft{align-items:center;display:flex;gap:12px}.backupPaginationText{color:#7040ff;font-size:1rem}.backupPaginationSelect{background:#fff;border:1px solid #ddd;border-radius:6px;color:#7040ff;height:36px;padding:0 10px}.backupPaginationRight{align-items:center;display:flex;gap:8px}.backupPaginationButton{background:#fff;border:1px solid #ddd;border-radius:6px;color:#7040ff;cursor:pointer;height:34px;width:34px}.backupPaginationButtonActive{background:#4b16ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;height:34px;width:34px}.number-in-share{color:#7040ff}.restorePageWrapper{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.restorePageContainer{background:#fff;border-radius:12px;padding:24px}.restoreHeaderTitle{color:#1e2f97;font-size:36px;font-weight:700;margin-bottom:8px;text-align:left}.restoreBreadcrumbText{color:#6b7280;font-size:14px;margin-bottom:24px;text-align:left}.restoreSearchRow{background:#fff;border:1px solid #edf0f5;border-radius:12px;margin-bottom:24px;padding:20px}.restoreSearchSectionTitle{color:#1f2a7c;font-size:18px;font-weight:700;margin-bottom:20px;text-align:left}.restoreSearchLabel{color:#1f2a7c;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.restoreDateRangeWrapper{align-items:center;display:flex;gap:12px}.restoreDateInputBox{flex:1 1;position:relative}.restoreDateInputField{border:1px solid #dbe3f0;border-radius:8px;font-size:14px;height:44px;outline:none;padding:0 42px 0 14px;width:100%}.restoreDateInputField:focus{border-color:#2952ff}.restoreDateInputIcon{color:#94a3b8;font-size:14px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.restoreDateArrow{color:#64748b;font-weight:600}.restoreSelectField{border:1px solid #dbe3f0;border-radius:8px;color:#475569;font-size:14px;height:44px;outline:none;padding:0 14px;width:100%}.restoreSearchInputWrapper{position:relative}.restore-search-input-field-user{border:1px solid #dbe3f0;border-radius:8px;font-size:14px;height:44px;outline:none;padding:0 42px 0 14px;width:100%}.restoreSearchInputIcon{color:#94a3b8;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.restoreActionButtonWrapper{align-items:end;display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.restoreResetButton{background:#fff;border:1px solid #dbe3f0;border-radius:8px;color:#334155;padding:0 20px}.restoreResetButton,.restoreSearchButton{font-size:14px;font-weight:600;height:44px}.restoreSearchButton{background:#1447ff;border:none;border-radius:8px;color:#fff;padding:0 22px}.restoreTableSection{background:#fff;border:1px solid #edf0f5;border-radius:12px;margin-bottom:24px;padding:20px}.restoreTableTitle{color:#1f2a7c;font-size:20px;font-weight:700;margin-bottom:18px;text-align:left}.restoreTableWrapper{overflow-x:auto}.restoreDataTable{border-collapse:collapse;width:100%}.restoreTableHead{background:#f8fafc}.restoreTableHeadCell{border-bottom:1px solid #e5e7eb;color:#334155;font-size:13px;font-weight:700;padding:14px 12px;text-align:left;white-space:nowrap}.restoreTableBodyRow{border-bottom:1px solid #eef2f7}.restoreTableBodyCell{color:#334155;font-size:13px;padding:14px 12px;vertical-align:middle;white-space:nowrap}.restoreSuccessStatus{align-items:center;background:#dcfce7;border-radius:999px;color:#15803d;display:inline-flex;font-size:12px;font-weight:600;padding:4px 10px}.restoreRadioInput{accent-color:#1447ff;margin-right:10px}.restoreEyeButton{color:#1447ff;cursor:pointer}.restorePaginationContainer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:18px}.restorePaginationLeft{align-items:center;display:flex;gap:10px}.restorePaginationText{color:#475569;font-size:14px}.restorePaginationSelect{border:1px solid #dbe3f0;border-radius:6px;height:36px;padding:0 10px}.restorePaginationRight{align-items:center;display:flex;gap:8px}.one-five{color:#475569;font-size:14px;margin-right:10px}.restorePaginationButton,.restorePaginationButtonActive{border-radius:6px;font-size:14px;height:34px;width:34px}.restorePaginationButton{background:#fff;border:1px solid #dbe3f0}.restorePaginationButtonActive{background:#1447ff;border:none;color:#fff;font-weight:700}.restoreWrapper{background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:24px}.mainLayout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.leftContent{border-right:1px solid #e5e7eb;padding-right:32px}.rightContent{padding-left:10px}.leftTitle,.rightTitle{color:#1f2a7c;font-size:18px;font-weight:700;margin-bottom:24px;text-align:left}.backupInfoGrid{grid-row-gap:14px;display:grid;grid-template-columns:180px 1fr;row-gap:14px}.backupLabel{color:#334155;font-weight:600}.backupLabel,.backupValue{font-size:14px;text-align:left}.backupValue{color:#475569}.warningArea{margin-top:24px}.warningBox{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:16px}.warningFlex{display:flex;gap:12px}.warningText{color:#c2410c;font-size:14px;line-height:24px;margin:0;text-align:left}.restoreOption{margin-bottom:24px}.optionHeader{align-items:center;display:flex}.optionRadio{accent-color:#1447ff;height:16px;width:16px}.optionTitle{color:#1e293b;font-size:15px;font-weight:600;margin-left:10px}.optionDescription{color:#64748b;font-size:13px;line-height:22px;margin-left:26px;margin-top:6px;text-align:left}.moduleSelect{height:44px;padding:0 14px;width:100%}.chooseButton,.moduleSelect{border:1px solid #dbe3f0;border-radius:8px;font-size:14px;margin-top:12px}.chooseButton{background:#fff;height:42px;padding:0 18px}.footerAction{display:flex;gap:12px;justify-content:flex-end;margin-top:40px}.cancelButton{background:#fff;border:1px solid #dbe3f0;border-radius:8px;padding:0 22px}.cancelButton,.submitButton{font-size:14px;font-weight:600;height:44px}.submitButton{background:#1447ff;border:none;border-radius:8px;color:#fff;padding:0 24px}@media(max-width:991px){.mainLayout{grid-template-columns:1fr}.leftContent{border-right:none;padding-right:0}.rightContent{padding-left:0}.restoreActionButtonWrapper{justify-content:flex-start}}.backupMainContainer{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.backupPageTitle{color:#2d0d82;font-size:34px;font-weight:700;margin-bottom:10px;text-align:left}.backupBreadcrumbWrapper{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.backupBreadcrumbText{color:#6e3eff;font-size:1rem}.backupSectionCard{background:#fff;border:1px solid #ece7fa;border-radius:12px;margin-bottom:24px;padding:24px;width:100%}.backupSectionTitle{color:#2d0d82;font-size:18px;font-weight:700;margin-bottom:24px;text-align:left}.backupThreeColumnGrid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(3,1fr);width:100%}.backupFormGroup{width:100%}.backupInputLabel{color:#2d0d82;display:block;font-size:1rem;font-weight:600;margin-bottom:10px;text-align:left}.time-save{align-items:center;display:flex}.date{color:#2d0d82;margin-left:5px;transform:translateY(10px)}.backupRequiredStar{color:#ff3d57}.backupTextInput{background:#fff;border:1px solid #e3dbf7;border-radius:8px;color:#2d0d82;font-size:14px;height:48px;outline:none;padding:0 16px;width:100%}.backupTextInput::placeholder{color:#9c92bd}.backupTextareaField{border:1px solid #e3dbf7;border-radius:8px;color:#2d0d82;font-size:14px;height:120px;outline:none;padding:14px 16px;resize:none;width:100%}.backupTextareaField::placeholder{color:#9c92bd}.backupTextareaCounter{color:#9c92bd;font-size:12px;margin-top:6px;text-align:right}.auto-delete,.backupHintText{color:#8d82b3;font-size:.8rem;font-weight:500;line-height:1.5;margin-top:8px;text-align:left}.auto-delete{transform:translateX(20px)}.backupRadioGroupWrapper{align-items:center;display:flex;flex-wrap:wrap;gap:30px;margin-bottom:10px;margin-top:6px}.backupRadioItem{align-items:center;display:flex;gap:10px}.backupRadioInput{accent-color:#5b20ff;cursor:pointer;height:18px;width:18px}.backupRadioText{color:#2d0d82;font-size:1rem;font-weight:500;text-align:left}.backupSelectField{background:#fff;border:1px solid #e3dbf7;border-radius:8px;color:#2d0d82;font-size:14px;height:48px;outline:none;padding:0 16px;width:100%}.backupScheduleWrapper{width:100%}.backupScheduleDateBox{margin-top:12px;position:relative}.backupScheduleInput{border:1px solid #e3dbf7;border-radius:8px;color:#2d0d82;font-size:14px;height:48px;outline:none;padding:0 46px 0 16px;width:100%}.backupCalendarIcon{color:#8d82b3;font-size:18px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.backupModuleSelect{margin-top:12px}.backupAdvancedButton{background:#fff;border:1px solid #d7c9ff;border-radius:8px;color:#5b20ff;cursor:pointer;font-size:14px;font-weight:600;height:44px;margin-top:18px;width:190px}.backupCheckboxWrapper{align-items:flex-start;display:flex;gap:12px;margin-top:22px}.backupCheckboxInput{accent-color:#5b20ff;cursor:pointer;height:18px;margin-top:2px;width:18px}.backupCheckboxContent{flex:1 1;transform:translateX(-25px)}.backupCheckboxTitle{color:#2d0d82;font-size:14px;margin-bottom:4px}.backupFooterButtonArea{display:flex;gap:16px;justify-content:flex-end;margin-top:30px;width:100%}.backupCancelButton{background:#fff;border:1px solid #d7c9ff;border-radius:8px;color:#5b20ff;width:120px}.backupCancelButton,.backupCreateButton{cursor:pointer;font-size:14px;font-weight:600;height:48px}.backupCreateButton{background:#5b20ff;border:none;border-radius:8px;color:#fff;width:160px}@media screen and (max-width:1200px){.backupThreeColumnGrid{grid-template-columns:1fr}.backupMainContainer{width:100%}}.integrationPageWrapper{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.integrationPageContainer{background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000a;padding:24px}.integrationHeaderWrapper{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.integrationMainTitle{color:#1d3fd8;font-size:34px;font-weight:700;line-height:1.2;margin-bottom:6px;text-align:left}.integrationBreadcrumbText{color:#7c86a5;font-size:14px;text-align:left}.integrationCreateButton{background:#1d4fff;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;height:44px;padding:0 18px;white-space:nowrap}.integrationSearchSection{background:#fff;border:1px solid #edf1f7;border-radius:14px;margin-bottom:24px;padding:20px}.integrationSearchTitle{color:#1d3fd8;font-size:18px;font-weight:700;margin-bottom:20px;text-align:left}.integrationSearchRow{align-items:end}.integration-search-group-btn,.integration-search-group-protocol,.integration-search-group-status,.integration-search-group-type,.integrationSearchGroup{margin-bottom:14px;transform:none!important}.integrationSearchLabel{color:#344054;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.integrationInputWrapper{position:relative}.integrationInputField,.integrationSelectField{background:#fff;border:1px solid #dbe2f0;border-radius:10px;color:#344054;font-size:14px;height:44px;outline:none;padding:0 14px;width:100%}.integrationInputField{padding-right:40px}.integrationInputField:focus,.integrationSelectField:focus{border-color:#36f;box-shadow:0 0 0 3px #3366ff1a}.integrationInputIcon{color:#98a2b3;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.integrationSearchButtonWrapper{align-items:center;display:flex;gap:12px;justify-content:flex-end;width:100%}.integrationResetButton{background:#fff;border:1px solid #d0d5dd;border-radius:10px;color:#344054;font-size:14px;font-weight:600;height:44px;padding:0 18px}.integrationSearchButton{background:#1d4fff;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;height:44px;padding:0 20px}.integrationTableSection{background:#fff;border:1px solid #edf1f7;border-radius:14px;padding:20px}.integrationTableHeader{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.integrationTableTitle{color:#1d3fd8;font-size:20px;font-weight:700}.integrationTableActionWrapper{align-items:center;display:flex;gap:10px}.integrationRefreshButton,.integrationSettingButton,.integrationTestButton{border-radius:10px;font-size:14px;font-weight:600;height:40px}.integrationTestButton{border:1px solid #36f;color:#36f;padding:0 16px}.integrationRefreshButton{padding:0 16px}.integrationRefreshButton,.integrationSettingButton{background:#fff;border:1px solid #d0d5dd;color:#344054}.integrationSettingButton{width:40px}.integrationTableWrapper{overflow-x:auto;width:100%}.integrationDataTable{border-collapse:collapse;table-layout:auto;width:100%}.integrationTableHead{background:#f8f9fc}.integrationTableHeadCell{border-bottom:1px solid #eaecf0;color:#344054;font-size:13px;font-weight:700;padding:16px 12px;text-align:left;white-space:nowrap}.integrationTableBodyCell{border-bottom:1px solid #f2f4f7;color:#344054;font-size:13px;padding:16px 12px;vertical-align:middle}.integrationTableBodyRow:hover{background:#fafcff}.integrationSystemInfoWrapper{align-items:center;display:flex;gap:12px}.integrationSystemIcon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;width:34px}.integrationConnectedStatus,.integrationDisconnectedStatus,.integrationNotConfigStatus{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;height:28px;justify-content:center;padding:0 12px}.integrationConnectedStatus{background:#e8f8ee;color:#12b76a}.integrationDisconnectedStatus{background:#feecec;color:#f04438}.integrationNotConfigStatus{background:#f2f4f7;color:#667085}.integrationActionIconWrapper{align-items:center;display:flex;font-size:15px;gap:14px}.integrationEditIcon{color:#36f;cursor:pointer}.integrationDeleteIcon{color:#f04438;cursor:pointer}.integrationPaginationContainer{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:20px}.integrationPaginationLeft,.integrationPaginationRight{align-items:center;display:flex;gap:10px}.integrationPaginationText,.one-seven{color:#667085;font-size:14px}.integrationPaginationSelect{border:1px solid #d0d5dd;border-radius:8px;height:36px;padding:0 10px}.integrationPaginationButton,.integrationPaginationButtonActive{align-items:center;border-radius:8px;display:flex;height:34px;justify-content:center;width:34px}.integrationPaginationButton{background:#fff;border:1px solid #d0d5dd;color:#667085}.integrationPaginationButtonActive{background:#1d4fff;border:none;color:#fff}.integrationBottomSection{margin-top:24px}.circle-middle,.circle-one,.circle-right{transform:none!important}.integration-bottom-card-left,.integrationBottomCard{background:#fff;border:1px solid #edf1f7;border-radius:14px;height:100%;padding:20px;width:100%}.integrationBottomCardTitle{color:#1d3fd8;font-size:16px;font-weight:700;margin-bottom:18px;text-align:left}.integrationCircleWrapper{align-items:center;display:flex;gap:24px}.integrationCircleChart{background:conic-gradient(#4caf50 0deg 257deg,#f44336 257deg 308deg,#c7c7c7 308deg 1turn);flex-shrink:0;height:120px;width:120px}.integrationCircleCenter,.integrationCircleChart{align-items:center;border-radius:50%;display:flex;justify-content:center}.integrationCircleCenter{background:#fff;flex-direction:column;height:76px;width:76px}.integrationCircleNumber{font-size:28px;font-weight:700}.integrationCircleText{color:#667085;font-size:12px}.content-show{transform:none}.integrationLegendItem{align-items:center;display:flex;gap:10px;margin-bottom:12px}.integrationLegendGray,.integrationLegendGreen,.integrationLegendRed{border-radius:50%;height:12px;width:12px}.integrationLegendGreen{background:#4caf50}.integrationLegendRed{background:#f44336}.integrationLegendGray{background:#c7c7c7}.integrationLegendText{color:#344054;font-size:13px}.integrationQuickSelect{border:1px solid #dbe2f0;border-radius:10px;height:44px;margin-bottom:14px;padding:0 14px;width:100%}.integrationQuickButton{background:#1d4fff;border:none;border-radius:10px;color:#fff;font-weight:600;height:42px;padding:0 18px}.integrationQuickResult{color:#667085;font-size:14px;margin-top:14px}.integrationLogItem{align-items:flex-start;display:flex;gap:10px;margin-bottom:14px}.integration-log-dot,.integrationLogDot{border-radius:50%;flex-shrink:0;height:10px;margin-top:5px;width:10px}.integrationLogDot{background:#22c55e}.integration-log-dot{background:#ef4444}.integrationLogText{color:#344054;font-size:13px;line-height:1.5;text-align:left}.integrationLogLink{color:#1d4fff;display:inline-block;font-size:14px;font-weight:600;margin-top:10px;text-decoration:none}@media(max-width:992px){.integrationHeaderWrapper{align-items:flex-start;flex-direction:column}.integrationSearchButtonWrapper{justify-content:flex-start}.integrationCircleWrapper{align-items:flex-start;flex-direction:column}}.integrationConfigPage{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.integrationConfigContainer{background:#fff;border:1px solid #ebe7ff;border-radius:10px;padding:24px;width:100%}.integrationHeaderWrapper{margin-bottom:26px}.integrationTitle{color:#5b2cff;font-size:28px;font-weight:700;margin-bottom:8px}.integrationBreadcrumbWrapper{align-items:center;display:flex;gap:8px}.integration-breadcrum-item{color:#5b2cff;font-size:1rem}.integration-breadcrumb-slash{color:#5b2cff;font-size:13px}.integration-bread-crumb-active{color:#5b2cff;font-size:1rem;font-weight:700}.integrationSectionWrapper{margin-bottom:34px}.inte-gration-section-title{color:#5b2cff;font-size:1rem;font-weight:700;margin-bottom:18px}.integrationFieldWrapper{margin-bottom:22px;position:relative}.inte-gration-label-share{color:#5d5a7b;display:block;font-size:.8rem;font-weight:700;margin-bottom:8px;text-align:left}.inte-gration-label-share span{color:#ff4d6d}.integrationInput{background:#fff;border:1px solid #e6defd;border-radius:8px;color:#4d4968;font-size:14px;height:44px;outline:none;padding:0 14px;width:100%}.integrationInput::placeholder{color:#b5b0d3}.integrationInput:focus{border-color:#7c4dff}.integrationTextarea{border:1px solid #e6defd;border-radius:8px;color:#4d4968;font-size:14px;height:88px;outline:none;padding:14px;resize:none;width:100%}.integrationTextarea::placeholder{color:#b5b0d3}.integrationTextarea:focus{border-color:#7c4dff}.inte-gration-text-count{bottom:12px;color:#5b2cff;font-size:12px;position:absolute;right:14px}.integrationRadioGroup{align-items:center;display:flex;gap:18px;height:44px}.inte-gration-radio-item{align-items:center;color:#5b2cff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px}.inte-gration-radio-item input{accent-color:#6a35ff}.integrationSelectWrapper{position:relative}.inte-gration-section-title{text-align:left}.integrationSelect{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e6defd;border-radius:8px;color:#4d4968;font-size:14px;height:44px;outline:none;padding:0 14px;width:100%}.integrationSelectWrapper:after{color:#8f89b7;content:"\f107";font-family:Font Awesome\ 6 Free;font-weight:900;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.integrationPasswordWrapper{position:relative}.integrationEyeIcon{color:#a8a2c7;cursor:pointer;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.inte-gration-hint-text{color:#6b38ff;display:block;font-size:.8rem;margin-top:6px}.inte-gration-text-count-below{color:#6b38ff;display:block;text-align:right}.integrationAddHeaderButton{align-items:center;background:#faf7ff;border:1px dashed #d6c8ff;border-radius:8px;color:#6b38ff;display:flex;font-size:13px;font-weight:600;gap:8px;height:44px;padding:0 16px}.integrationUploadWrapper{align-items:center;display:flex;gap:12px}.integrationUploadButton{background:#f9f6ff;border:1px solid #d8ceff;border-radius:8px;color:#6a35ff;font-size:13px;font-weight:600;height:40px;padding:0 18px}.inte-gration-description,.inte-gration-upload-text{color:#6a35ff;font-size:.8rem}.inte-gration-description{margin-bottom:22px}.nte-gration-bottom-wrappe{align-items:center;display:flex;justify-content:space-between}.inte-gration-action-wrapper{align-items:center;display:flex;gap:12px;justify-content:flex-end}.check-conncected{display:flex;justify-content:space-between}.integrationTestButton{border:1px solid #d7cbff;border-radius:8px;color:#6a35ff;font-size:13px}.integration-cancel-button,.integrationTestButton{align-items:center;background:#fff;display:flex;font-weight:600;gap:8px;height:42px;padding:0 18px}.integration-cancel-button{border:1px solid #e0dafb;border-radius:8px;color:#726d8f;font-size:1rem}.inte-gration-save-button{align-items:center;background:#5b2cff;border:none;border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;height:42px;padding:0 18px}@media screen and (max-width:991px){.integrationRadioGroup{flex-wrap:wrap;height:auto;padding-top:10px}.integrationBottomWrapper{align-items:flex-start;flex-direction:column;gap:18px}.inte-gration-action-wrapper{width:100%}}.systemConfigContainer{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.systemConfigHeader{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px;width:100%}.systemConfigHeaderLeft{transform:translateX(45px)}.systemConfigTitle{color:#2b176d;font-size:30px;font-weight:700;margin-bottom:10px}.systemConfigBreadcrumb{align-items:center;display:flex;gap:10px}.systemConfigBreadcrumbText{color:#9c9c9c;font-size:1rem;font-weight:600}.systemConfigBreadcrumbSlash{color:#9c9c9c;font-size:13px}.systemConfigBreadcrumbActive{color:#6a33ff;font-size:1rem;font-weight:600}.icon-floppy-disk{padding-right:5px}.systemConfigSaveButton{background-color:#5b22ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:42px;padding:0 20px}.systemConfigTabContainer{align-items:center;border-bottom:1px solid #ebe4ff;display:flex;gap:35px;margin-bottom:20px;padding-bottom:15px;transform:translateX(45px);width:100%}.systemConfigTabActive{border-bottom:3px solid #5b22ff;color:#5b22ff;font-weight:700;padding-bottom:14px;transform:translateY(10px)}.systemConfigTabActive,.systemConfigTabItem{align-items:center;display:flex;font-size:14px;gap:8px}.systemConfigTabItem{color:#787878;font-weight:600}.systemConfigContentRow{display:flex;gap:20px;transform:translateX(35px);width:100%}.systemConfigLeftBox,.systemConfigRightBox{width:50%}.systemConfigCard{background-color:#fff;border-radius:10px;margin-bottom:20px;padding:20px;width:100%}.systemConfigCardBelow,.systemConfigCardNoti,.systemConfigCardRight{background-color:#fff;border-radius:10px;margin-bottom:20px;padding:20px;transform:translateX(-15px);width:100%}.systemConfigCardTitle{color:#2b176d;font-size:18px;font-weight:700;margin-bottom:20px;text-align:left}.systemConfigFormGroup{margin-bottom:18px;width:100%}.systemConfigLabel{color:#2b176d;display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.systemConfigRequired{color:red}.systemConfigInput{height:42px;padding-left:14px}.systemConfigInput,.systemConfigTextarea{border:1px solid #e7dfff;border-radius:8px;color:#2b176d;font-size:14px;outline:none;width:100%}.systemConfigTextarea{height:90px;padding:12px;resize:none}.systemConfigTextCount{color:#8f8f8f;font-size:12px;margin-top:6px;text-align:right}.systemConfigLogoBox{align-items:center;display:flex;gap:15px;width:100%}.systemConfigLogoImage{border:1px solid #ccc;border-radius:5px;height:70px;overflow:hidden;width:70px}.quoc-huy{box-sizing:border-box;display:inline-block;height:67px;mix-blend-mode:multiply;padding-top:5px;width:80%}.systemConfigLogoTag{height:100%;object-fit:cover;width:100%}.systemConfigLogoInfo{flex:1 1;text-align:left}.systemConfigChooseFileButton{background-color:#f0ebff;border:none;border-radius:6px;color:#5b22ff;cursor:pointer;font-size:13px;font-weight:600;height:36px;margin-bottom:8px;padding:0 16px}.systemConfigLogoText{color:#8f8f8f;font-size:12px}.systemConfigDeleteLogo{color:#ff4a4a;cursor:pointer;transform:translateX(-10px)}.systemConfigDoubleInput{display:flex;gap:20px;margin-bottom:18px;width:100%}.systemConfigHalfInput{width:50%}.systemConfigHint{color:#2b176d;font-size:12px;margin-top:6px;text-align:left}.systemConfigSelect{border:1px solid #e7dfff;border-radius:8px;color:#2b176d;font-size:10x;height:42px;outline:none;padding-left:14px;width:100%}.time-zone{font-size:.7rem;font-weight:600}.systemConfigToggleBox{align-items:center;display:flex;justify-content:space-between;margin-top:10px;width:100%}.systemConfigToggleText{color:#8a8a8a;font-size:12px;line-height:20px;text-align:left;width:80%}.systemConfigNotificationItem{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.systemConfigNotificationText{color:#2b176d;font-size:14px}.systemConfigSwitch{display:inline-block;height:24px;position:relative;width:46px}.systemConfigSwitchInput{height:0;opacity:0;width:0}.systemConfigSlider{background-color:#ddd;border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.systemConfigSlider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.systemConfigSwitchInput:checked+.systemConfigSlider{background-color:#5b22ff}.systemConfigSwitchInput:checked+.systemConfigSlider:before{transform:translateX(22px)}.securityPageWrapper{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.securityHeaderWrapper{margin-bottom:20px}.securityHeaderTitle{color:#4b18ff;font-size:34px;font-weight:700;margin:0 0 10px;text-align:left}.securityBreadcrumbWrapper{align-items:center;display:flex;gap:8px}.securityBreadcrumbItem{color:#8f8f8f;font-size:1rem}.securityBreadcrumbSlash{color:#b1b1b1;font-size:13px}.securityBreadcrumbActive{color:#7b61ff;font-size:1rem}.securityGridWrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.securityLeftColumn,.securityRightColumn{display:flex;flex-direction:column;gap:20px}.securityCardDataProtection,.securityCardIp,.securityCardLoginPolicy,.securityCardOtherOption,.securityCardPassword,.securityCardSession,.securityCardTwoFactor{background:#fff;border-radius:8px;padding:20px}.securityCardIpRight,.securityCardLoginPolicyRight,.securityCardSessionRight{background:#fff;border-radius:8px;padding:20px;transform:translateX(-12px)}.securityCardTitle{color:#4b18ff;font-size:18px;font-weight:700;margin-bottom:20px;text-align:left}.securityRowItem{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.securityLabelText{color:#2b176d;font-size:1rem;line-height:20px;text-align:left}.securityInputGroup{align-items:center;display:flex;gap:10px}.securityTextInput{background:#fff;border:1px solid #ddd;border-radius:6px;color:#2b176d;font-size:14px;height:36px;outline:none;padding:0 10px;width:70px}.securityTextInput:focus{border-color:#5b28ff}.securityInputUnit{color:#2b176d;font-size:14px}.securitySwitchWrapper{display:inline-block;height:22px;position:relative;width:38px}.securitySwitchInput{height:0;opacity:0;width:0}.securitySwitchSlider{background:#d7d7d7;border-radius:30px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.securitySwitchSlider:before{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:.3s;width:16px}.securitySwitchInput:checked+.securitySwitchSlider{background:#5b28ff}.securitySwitchInput:checked+.securitySwitchSlider:before{transform:translateX(16px)}.securityTwoFactorMethods{display:flex;flex-wrap:wrap;gap:25px}.securityCheckboxItem{align-items:center;display:flex;gap:8px}.securityCheckboxInput{accent-color:#5b28ff;cursor:pointer;height:14px;width:14px}.securityCheckboxLabel{color:#444;font-size:14px}.securityRightAction{align-items:center;display:flex;gap:10px}.securityInfoIcon{align-items:center;border:1px solid #2b176d;border-radius:50%;color:#2b176d;display:flex;font-size:1rem;font-weight:500;height:18px;justify-content:center;width:18px}.securityFileTypeWrapper{margin-top:10px}.securityFileTypeList{display:flex;gap:25px;margin-top:15px}.securityOtherGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.securityOtherItem{gap:15px}.securityOtherItem,.securitySessionTop{align-items:center;display:flex;justify-content:space-between}.securitySessionTop{margin-bottom:20px}.securitySessionButton{background:#f3eeff;border:none;border-radius:6px;color:#5b28ff;cursor:pointer;font-size:13px;height:36px;padding:0 18px}.icon-user-grup{padding-right:5px}.securityIpModeWrapper{margin-bottom:20px}.securityRadioList{display:flex;gap:30px;margin-top:15px}.securityRadioItem{align-items:center;display:flex;gap:8px}.securityRadioInput{accent-color:#5b28ff;cursor:pointer}.securityRadioLabel{color:#2b1797;font-size:14px}.securityTextareaWrapper{margin-top:20px}.securityTextareaInput{border:1px solid #ddd;border-radius:6px;color:#444;font-size:14px;margin-top:10px;min-height:120px;outline:none;padding:12px;resize:none;width:100%}.securityTextareaInput:focus{border-color:#5b28ff}.securityTextareaNote{color:#2b1797;font-size:1rem;margin-top:8px;text-align:left}.securityFooterAction{display:flex;gap:15px;justify-content:flex-end;margin-top:25px;transform:translateX(-50px)}.securityResetButton{background:#fff;border:1px solid #d7d7d7;border-radius:6px;color:#2b1797;cursor:pointer;font-size:1rem;height:40px;padding:0 20px}.icon-lock-share{padding-right:5px}.securitySaveButton{background:#5b28ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;height:40px;padding:0 25px}@media screen and (max-width:1200px){.securityGridWrapper,.securityOtherGrid{grid-template-columns:1fr}}.pageHeader{background:#f5f5f7;min-height:100vh}.pageHeaderLeft{gap:10px}.pageTitle{color:#4b18e2;text-align:left}.breadcrumb{cursor:pointer;margin-top:12px}.breadcrumb,.breadcrumbText{color:#8b8b8b}.breadcrumbActive{color:#4b18e2}.saveConfigButton{align-items:center;background:#4b18e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:42px;margin-right:10px;margin-top:10px;padding:0 18px}.saveConfigButton:hover{opacity:.95}.tabWrapper{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;margin-bottom:28px;transform:translateX(60px)}.tabItem{color:#6f6f6f;cursor:pointer;font-size:14px;font-weight:600;padding:14px 24px;position:relative}.tabItemActive{color:#4b18e2}.tabItemActive:after{background:#4b18e2;border-radius:10px;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.sectionWrapper{margin-bottom:34px;transform:translateX(65px)}.sectionTitle{color:#4b18e2;font-size:22px;margin-bottom:20px;text-align:left}.switchRow{align-items:center;display:flex;gap:14px;margin-bottom:26px}.switchLabel{color:#4b18e2;font-size:1rem;font-weight:600}.switch{height:22px;width:42px}.slider{background:#d5d5d5}.slider:before{height:16px;width:16px}.switch input:checked+.slider{background:#4b18e2}.switch input:checked+.slider:before{transform:translateX(20px)}.formGrid{grid-gap:20px 24px;display:grid;gap:20px 24px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.formGroup,.formGroupKey{display:flex;flex-direction:column;width:100%}.formGroupKey{transform:translateX(-20px)}.formGroupVerify{transform:translateX(-42px)}.formGroupPort,.formGroupUser,.formGroupVerify{display:flex;flex-direction:column;width:100%}.formGroupUser{transform:translateX(-20px)}.formGroupWait{transform:translateX(-42px)}.formGroupEmail,.formGroupPass,.formGroupWait{display:flex;flex-direction:column;width:100%}.formGroupPass{transform:translateX(-20px)}.formGroupSend{transform:translateX(-42px)}.formGroupSend,.formGroupShowName{display:flex;flex-direction:column;width:100%}.formGroupShowName{transform:translateY(-42px)}.formGroupDescription{transform:translateY(-20px)}.formGroupBelow,.formGroupDescription{display:flex;flex-direction:column;width:100%}.formGroupBelow{transform:translateX(-20px)}.formGroupShare{transform:translateY(-42px)}.formGroupShare,.formGroupTimeWait{display:flex;flex-direction:column;width:100%}.formGroupTimeWait{transform:translateX(-42px)}.formGroupNote{transform:translateY(-42px)}.formGroupNote,.formGroupTry{display:flex;flex-direction:column;width:100%}.formGroupTry{transform:translateX(-42px)}.formGroupSendID{display:flex;flex-direction:column;transform:translateY(-90px);width:100%}.formLabel,.formLabelEncryption{color:#4b18e2;font-size:13px;font-weight:700;margin-bottom:8px;text-align:left}.formLabelEncryption{transform:translateX(-15px)}.formLabelWarning{color:#4b18e2;font-size:13px;font-weight:700;margin-bottom:8px;text-align:left;transform:translateX(-30px)}.required{color:red}.formInput,.formInputServer{border:1px solid #e2dff0;color:#4b18e2;font-size:14px;font-size:.9rem;font-weight:500;height:42px;padding:0 14px;transition:.2s}.formInputServer{background:#fff;border-radius:6px;outline:none;width:90%}.formInput:focus,.formInputServer:focus{border-color:#4b18e2;box-shadow:0 0 0 3px #4b18e214}.formInputEmail,.formInputPass,.formInputPort,.formInputUser,.formInputWait{background:#fff;border:1px solid #e2dff0;border-radius:6px;color:#4b18e2;font-size:14px;font-size:.9rem;font-weight:500;height:42px;outline:none;padding:0 14px;transition:.2s;width:90%}.formInputPass{position:relative}.icon-eye-pass{cursor:pointer;position:absolute;right:45px;transform:translateY(40px)}.formInputSend{transform:translateX(-10px);transition:.2s;width:90%}.formInputSend,.formSelect{background:#fff;border:1px solid #e2dff0;border-radius:6px;color:#4b18e2;font-size:14px;font-size:.9rem;font-weight:500;height:42px;outline:none;padding:0 14px}.formSelect{width:100%}.formInputTry{background:#fff;border:1px solid #e2dff0;border-radius:6px;color:#4b18e2;font-size:14px;font-size:.9rem;font-weight:500;height:42px;outline:none;padding:0 14px;transform:translateX(-10px);width:85%}.formInputSendID,.formSelectKey,.formSelectVerify{background:#fff;font-size:14px;font-size:.9rem;height:42px;padding:0 14px;width:90%}.formInputSendID,.formSelectKey,.formSelectVerify,.formTextarea{border:1px solid #e2dff0;border-radius:6px;color:#4b18e2;font-weight:500;outline:none}.formTextarea{font-size:14px;min-height:80px;padding:12px 14px;resize:none;width:70%}.textareaCount{color:#4b18e2;display:flex;font-size:12px;font-weight:500;justify-content:center;margin-top:6px}.formTextareaWarning{min-height:80px;padding:12px 14px;resize:none;transform:translateX(-35px);width:85%}.formShare,.formTextareaWarning{border:1px solid #e2dff0;border-radius:6px;color:#4b18e2;font-size:14px;font-weight:500;outline:none}.formShare{font-size:.9rem}.formShare,.formShareKey{background:#fff;height:42px;padding:0 14px;width:90%}.formShareKey{border:1px solid #e2dff0;border-radius:6px;color:#4b18e2;font-size:14px;font-size:.9rem;font-weight:500;outline:none;position:relative}.eye-key{cursor:pointer;position:absolute;right:39%;transform:translateY(41px)}.formSelectShare,.formSelectShareUTF{border:1px solid #e2dff0;color:#4b18e2;font-size:14px;font-size:.9rem;font-weight:500;height:42px;padding:0 14px;width:90%}.formSelectShareUTF{background:#fff;border-radius:6px;outline:none;transform:translateX(-17px)}.actionWrapper{transform:translateY(87px);transform:translateY(45px)}.actionWrapper,.actionWrapperBelow{align-items:center;display:flex;gap:14px;margin-top:10px;padding-left:10px}.actionWrapperBelow{transform:translateY(150px)}.actionButton{padding:0 18px}.actionButton,.actionButtonsend{align-items:center;background:#fff;border:1px solid #4b18e2;border-radius:6px;color:#4b18e2;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px}.actionButtonsend{padding:0 15px;transform:translateX(-25px)}.actionButtonSendSms{align-items:center;background:#fff;border:1px solid #4b18e2;border-radius:6px;color:#4b18e2;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px;padding:0 10px;transform:translateX(-27px)}.actionButton:hover,.actionButtonSendSms,.actionButtonsend:hover{background:#f7f4ff}.successMessage{align-items:center;color:#2ca94f;display:flex;font-size:13px;font-weight:600;gap:6px}.emailTestWrapper{align-items:flex-end;display:flex;gap:10px}.emailTestInput{flex:1 1}.smsTestWrapper{align-items:flex-end;display:flex;gap:10px}.smsTestInput{flex:1 1}.noteBox{background:#faf9ff;border:1px solid #ebe7ff;border-radius:8px;margin-top:28px;padding:16px;transform:translateX(60px);width:93%}.noteTitle{font-size:15px;font-weight:700;margin-bottom:10px;padding-left:5px}.noteItem,.noteTitle{color:#4b18e2;text-align:left}.noteItem{font-size:13px;line-height:1.8}.icon-exclamation{border:1px solid #4b18e2;border-radius:50%;display:inline-block;font-weight:900;height:25px;padding-top:5px;text-align:center;transform:translateX(-5px);width:25px}@media(max-width:1200px){.formGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pageHeader{flex-direction:column;gap:18px}.formGrid{grid-template-columns:1fr}.emailTestWrapper,.smsTestWrapper{align-items:stretch;flex-direction:column}}.pageHeader{background:#fff;margin-top:68px;min-height:10vh;padding:24px;width:100%}.pageHeaderLeft{display:flex;flex-direction:column;gap:8px}.pageTitle{color:#4a18e2;font-size:34px;font-weight:700}.breadcrumb{align-items:center;color:#8c8c8c;display:flex;font-size:13px;gap:8px}.breadcrumbText{color:#8c8c8c;cursor:pointer;font-size:1rem;font-weight:500}.breadcrumbActive{color:#4a18e2;font-weight:600}.saveButtonDisplay{align-items:center;background:#4a18e2;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:42px;margin-right:10px;margin-top:10px;padding:0 18px}.saveButtonDisplay:hover{opacity:.95}.mainGrid{grid-gap:45px;display:grid;gap:45px;grid-template-columns:1fr 1fr}.sectionWrapper{margin-bottom:42px}.sectionTitle{color:#4a18e2;font-size:18px;font-weight:700;margin-bottom:18px}.formRow{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:260px 1fr auto;margin-bottom:14px}.formLabelShare{color:#4a18e2;font-size:13px;font-weight:700;text-align:left}.formInput{background:#fff;border:1px solid #e5def9;border-radius:6px;color:#333;font-size:13px;height:38px;outline:none;padding:0 12px;width:100%}.formInput:focus{border-color:#4a18e2;box-shadow:0 0 0 3px #4a18e214}.formSelectShare{background:#fff;border:1px solid #e5def9;border-radius:6px;color:#4a18e2;cursor:pointer;font-size:13px;height:38px;outline:none;padding:0 12px;width:100%}.formSelectShare:focus{border-color:#4a18e2;box-shadow:0 0 0 3px #4a18e214}.distance-share{transform:translateX(-90px)}.distance{transform:translateX(-55px)}.exampleText{color:#4a18e2;font-size:12px;white-space:nowrap}.radioWrapper{gap:22px}.radioItem,.radioWrapper{align-items:center;display:flex}.radioItem{color:#4a18e2;font-size:13px;font-weight:600;gap:7px}.radioInput{accent-color:#4a18e2;cursor:pointer}.colorWrapper{align-items:center;display:flex;gap:10px}.colorItem{border:2px solid #0000;border-radius:4px;cursor:pointer;height:24px;width:24px}.colorItemActive{border:2px solid #4a18e2;position:relative}.colorItemActive:after{align-items:center;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;inset:0;justify-content:center;position:absolute}.colorPurple{background:#4a18e2}.colorGreen{background:#42c46b}.colorOrange{background:#ff9d2f}.colorRed{background:#ff4163}.colorBlue{background:#4ba3c7}.switch{height:20px;position:relative;width:38px}.switch input{display:none}.slider{background:#d8d8d8;border-radius:50px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;content:"";height:14px;left:3px;top:3px;width:14px}.switch input:checked+.slider{background:#4a18e2}.switch input:checked+.slider:before{transform:translateX(18px)}@media(max-width:1200px){.mainGrid{grid-template-columns:1fr}}@media(max-width:768px){.pageHeader{flex-direction:column;gap:18px}.formRow{grid-template-columns:1fr}.exampleText{margin-top:-5px}}.page-wrapper{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.top-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:22px}.header-left-other{display:flex;flex-direction:column;gap:6px}.page-title{color:#5a1fe0;font-size:32px;font-weight:700;text-align:left}.breadcrumb{color:#5a1fe0;font-size:1rem;font-weight:600}.save-button{align-items:center;background:#5b1ee6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 22px}.save-button:hover{background:#4a12d4}.btn-lock{padding-right:5px}.content-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.setting-card,.setting-card-internal{background:#fffdfd;border:1px solid #f1e8ff;border-radius:10px;padding:18px 20px}.setting-card-internal{margin-top:10px;transform:translateX(60px);width:95%}.setup-internal{display:flex;justify-content:space-between}.content-share-right{transform:translateX(-35px)}.card-title{color:#5a1fe0;font-size:20px;font-weight:700;margin-bottom:22px;text-align:left}.setting-row{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:18px}.setting-label{color:#5a1fe0;font-size:.7rem;font-size:.9rem;font-weight:700;line-height:1.5;text-align:left;width:55%}.setting-control{align-items:center;display:flex;gap:10px;justify-content:left;width:45%}.input-field{background:#fff;border:1px solid #eadfff;border-radius:8px;color:#5a1fe0;font-size:.9rem;height:40px;outline:none;padding:0 12px;width:120px}.input-field:focus{border-color:#5a1fe0}.textarea-field-system{border:1px solid #eadfff;border-radius:10px;color:#5a1fe0;font-size:14px;height:110px;outline:none;padding:12px;resize:none;width:280px}.textarea-field-system:focus{border-color:#5a1fe0}.select-field{background:#fff;border:1px solid #eadfff;border-radius:8px;height:40px;outline:none;padding:0 12px;width:100%}.select-field,.unit-text{color:#5a1fe0;font-size:.9rem;font-weight:500}.unit-text{min-width:40px}.toggle-wrapper{height:24px;position:relative;width:46px}.toggle-input{display:none}.toggle-label{background:#d8c9ff;border-radius:999px;cursor:pointer;height:100%;position:absolute;transition:.3s;width:100%}.toggle-label:before{background:#fff;border-radius:50%;content:"";height:18px;left:4px;position:absolute;top:3px;transition:.3s;width:18px}.toggle-input:checked+.toggle-label{background:#5a1fe0}.toggle-input:checked+.toggle-label:before{transform:translateX(20px)}.file-types{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.file-badge{background:#f7f1ff;border:1px solid #e5d8ff;border-radius:6px;color:#5a1fe0;font-size:13px;font-weight:600;padding:6px 10px}.full-width-control{width:100%}.email-note{font-size:.8rem}.counter-text,.email-note{color:#5a1fe0;margin-top:6px}.counter-text{font-size:12px;text-align:right}@media (max-width:992px){.content-grid{grid-template-columns:1fr}.setting-row{align-items:flex-start;flex-direction:column}.setting-label{width:100%}.setting-control{width:100%}.file-types,.setting-control{justify-content:flex-start}}.reportMainContainer{background:#f5f5f7;margin-top:68px;min-height:100vh;padding:24px;width:100%}.reportPageTitle{color:#2140ff;font-size:40px;font-weight:700;margin-bottom:10px;text-align:left}.reportBreadcrumbWrapper{display:flex;gap:10px;margin-bottom:28px}.reportBreadcrumbText{color:#8a8fa3;font-size:14px}.reportFilterCard{background:#fff;border:1px solid #edf0f7;border-radius:18px;margin-bottom:24px;padding:24px}.report-filter{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.reportFilterTitle{color:#2140ff;font-size:20px;font-weight:700}.reportFilterRow{align-items:end;display:flex;flex-wrap:wrap;gap:18px}.reportFilterItem{display:flex;flex-direction:column}.reportFilterLabel{color:#5c6480;font-size:14px;font-weight:600;margin-bottom:10px;text-align:left}.reportFilterDate,.reportFilterSelect{border:1px solid #dde3ee;border-radius:10px;height:48px;outline:none;padding:0 14px;width:220px}.reportViewButton{background:#2140ff;border:none;border-radius:10px;color:#fff;height:48px;padding:0 22px}.reportExportButton,.reportViewButton{align-items:center;display:flex;font-weight:600;gap:8px}.reportExportButton{background:#fff;border:1px solid #dde3ee;border-radius:10px;color:#2140ff;height:46px;padding:0 18px}.reportSummaryRow{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.reportSummaryCard{border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:16px 18px;transition:all .2s ease}.reportCardBlue{background:#f8faff;border:1px solid #dbe7ff}.reportCardGreen{background:#f6fffb;border:1px solid #d9f5e8}.reportCardOrange{background:#fffdfa;border:1px solid #f9ead6}.reportCardPurple{background:#fefbff;border:1px solid #eedfff}.reportSummaryTop{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.reportSummaryTitle{font-size:14px;font-weight:700;line-height:20px}.reportCardBlue .reportSummaryTitle{color:#2d5bff}.reportCardGreen .reportSummaryTitle{color:#34c889}.reportCardOrange .reportSummaryTitle{color:#ff9f1a}.reportCardPurple .reportSummaryTitle{color:#b44cff}.reportSummaryValue{color:#172b4d;font-size:22px;font-weight:700;line-height:1.2;margin-bottom:10px;text-align:left}.reportSummaryBottom{align-items:center;display:flex;font-size:13px;font-weight:500;gap:6px}.blueText{color:#3d6dff}.greenText{color:#34c889}.orangeText{color:#ff7d2a}.purpleText{color:#b44cff}.reportSummaryIcon{font-size:34px;line-height:1}.reportBlue{color:#3d6dff}.reportGreen{color:#34c889}.reportOrange{color:#ff7d2a}.reportPurple{color:#b44cff}.reportSummaryCard:hover{transform:translateY(-2px)}@media (max-width:1200px){.reportSummaryRow{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.reportSummaryRow{grid-template-columns:1fr}}.reportContentGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr .8fr;margin-bottom:24px}.login-chart-wrapper{background:#fff;border:1px solid #edf0f7;border-radius:18px;padding:24px}.login-chart-header{display:flex;justify-content:space-between;margin-bottom:20px}.login-chart-title{color:#2140ff;font-size:22px;font-weight:700}.login-chart-select{border:1px solid #dde3ee;border-radius:10px;height:40px;width:120px}.login-chart-note{display:flex;gap:30px;margin-bottom:20px}.login-chart-note-item{align-items:center;display:flex;gap:8px}.login-fail-color,.login-success-color{border-radius:50%;height:12px;width:12px}.login-success-color{background:#37c871}.login-fail-color{background:#ff5f5f}.chartArea{height:340px;padding-left:45px;position:relative}.chartYAxis{color:#7b8199;display:flex;flex-direction:column;font-size:13px;font-weight:600;justify-content:space-between;left:0;width:40px}.chartGrid,.chartYAxis{height:270px;position:absolute;top:0}.chartGrid{background-image:linear-gradient(180deg,#e9edf5 1px,#0000 0);background-size:100% 54px;left:45px;right:0}.chartSvg{height:270px;position:relative;width:100%;z-index:2}.chartDates{color:#6f7a95;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-left:10px;margin-top:8px}.reportRightColumn{display:flex;flex-direction:column;gap:20px}.reportPieCard,.reportSystemCard,.reportTableCard{background:#fff;border:1px solid #edf0f7;border-radius:18px;overflow-x:auto;padding:24px}.reportCardTitle{margin-bottom:24px}.reportCardTitle,.reportTopActionTitle{color:#2140ff;font-size:20px;font-weight:700}.reportTopActionTitle{margin-bottom:14px}.reportPieContent{align-items:center;display:flex;justify-content:space-between}.reportPieCircle{align-items:center;background:conic-gradient(#2140ff 0 32%,#2cc56f 32% 77%,#ffc529 77% 95%,#c152ff 95% 100%);border-radius:50%;display:flex;height:220px;justify-content:center;width:220px}.reportPieInner{background:#fff;border-radius:50%;height:110px;width:110px}.reportPieLegendWrapper{display:flex;flex-direction:column;gap:18px}.reportPieLegendItem{align-items:center;display:flex;gap:10px}.legendColor{border-radius:50%;height:14px;width:14px}.blue{background:#2140ff}.green{background:#2cc56f}.yellow{background:#ffc529}.purple{background:#c152ff}.reportSystemRow{color:#5c6480;display:flex;justify-content:space-between;margin-bottom:16px}.reportBottomGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.reportTable thead th{border-top:1px solid #e9edf5;color:#6b7280;font-weight:700}.reportTable tbody td,.reportTable thead th{border-bottom:1px solid #e9edf5;font-size:14px;padding:12px;text-align:left}.reportTable td:first-child,.reportTable th:first-child{width:40px}.reportTable td:nth-child(3),.reportTable th:nth-child(3){width:140px}.reportTable td:nth-child(4),.reportTable th:nth-child(4){width:180px}.success{color:#2cc56f;font-weight:700}.danger{color:#ff5f5f;font-weight:700}.reportPercentCell{align-items:center;display:flex;gap:10px}.reportPercentBar{background:#edf2ff;border-radius:999px;flex-shrink:0;height:6px;overflow:hidden;width:60px}.reportPercentFill{background:#2140ff;border-radius:999px;height:100%}.reportPercentCell span{color:#24324b;font-size:14px;font-weight:600}.reportLogTitle{color:#2140ff;font-size:20px;font-weight:700;margin-bottom:12px}.reportTable{border-collapse:collapse;width:100%}.logSuccess{color:#2cc56f;font-weight:600}.logDanger{color:#ff5f5f;font-weight:600}.ipSuccess{color:#2cc56f}.ipDanger{color:#ff5f5f}.reportTable td:nth-child(2),.reportTable th:nth-child(2){width:140px}.reportTable td:nth-child(3),.reportTable th:nth-child(3){width:220px}.reportTable td:nth-child(4),.reportTable th:nth-child(4){width:140px}@media screen and (max-width:1200px){.reportSummaryRow{grid-template-columns:repeat(2,1fr)}.reportBottomGrid,.reportContentGrid{grid-template-columns:1fr}}@media screen and (max-width:768px){.reportSummaryRow{grid-template-columns:1fr}.reportFilterRow{flex-direction:column}.reportExportButton,.reportFilterDate,.reportFilterSelect,.reportViewButton{width:100%}.reportPieContent{flex-direction:column;gap:24px}}
/*# sourceMappingURL=main.af63dcf4.css.map*/