/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!mx-5{margin-inline:calc(var(--spacing)*5)!important}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-6{margin-right:calc(var(--spacing)*6)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.\!mb-6{margin-bottom:calc(var(--spacing)*6)!important}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3\.5{margin-bottom:calc(var(--spacing)*3.5)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.max-h-20{max-height:calc(var(--spacing)*20)}.\!w-9{width:calc(var(--spacing)*9)!important}.\!w-auto{width:auto!important}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-\[92\%\]{width:92%}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_1fr_1fr_14px\]{grid-template-columns:1fr 1fr 1fr 14px}.grid-cols-\[1fr_1fr_14px\]{grid-template-columns:1fr 1fr 14px}.grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}.grid-cols-\[1fr_455px\]{grid-template-columns:1fr 455px}.grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing)*5)}.gap-x-6{column-gap:calc(var(--spacing)*6)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#F5F5F5\]{border-color:#f5f5f5}.border-\[\#F7F9FA\]{border-color:#f7f9fa}.bg-\[\#16B364\]{background-color:#16b364}.bg-\[\#EAAA08\]{background-color:#eaaa08}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.\!text-\[\#fff\]{color:#fff!important}.text-\[\#1F2A37\]{color:#1f2a37}.text-\[\#252B37\]{color:#252b37}.text-\[\#374151\]{color:#374151}.text-\[\#A4A7AE\]{color:#a4a7ae}.text-\[\#F04438\]{color:#f04438}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Black.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-ExtraBold.otf) format("opentype");font-weight:800;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Bold.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-SemiBold.otf) format("opentype");font-weight:600;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Light.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-UltraLight.otf) format("opentype");font-weight:200;font-style:normal}@font-face{font-family:GIP;src:url(/assets/fonts/GIP-Thin.otf) format("opentype");font-weight:100;font-style:normal}:root{--font-1:"GIP",sans-serif;--font-2:"Poppins",sans-serif;--main-color:#eaaa08;--text-color:#1f2a37;--body-color:#f0f2f5;--color-red:#f04438;--color-white:#fff;interpolate-size:allow-keywords}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{border-radius:50px}::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#022b60}body{margin:0;padding:0;overflow-x:hidden;background-color:var(--body-color)}a,body,button,div,input,li,p,span,textarea,ul{font-family:var(--font-1)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}.auth-page{display:flex;flex-wrap:wrap;align-items:center;width:100vw;height:100vh;background-color:#fff}.auth-page .auth-page_body{width:50%}.auth-page .auth-page_body .auth-page_detail{display:flex;align-items:center;justify-content:center}.auth-page .auth-page_body .auth-page_detail .form-card{width:378px}.auth-page .auth-page_body .auth-page_detail .form-card img{width:200px;height:auto;margin:0 auto 64px}.auth-page .auth-page_body .auth-page_detail .form-card h1{font-size:36px;color:var(--text-color);text-align:center;margin-bottom:48px}.auth-page .auth-page_body .auth-page_detail .form-card .ant-form .ant-btn{width:100%;height:56px}.auth-page .auth-page_body .auth-page_detail .form-card .ant-form .ant-btn span{font-size:20px;line-height:20px;font-weight:500}.auth-page .auth-page_banner{width:50%;height:100%}.auth-page .auth-page_banner img{width:100%;height:100%;object-fit:cover}header .breadcrumb ul{list-style:none;padding:0 0 5px;margin:0;display:flex;gap:16px}@media(min-width:320px)and (max-width:767px){header .breadcrumb ul{display:none}}header .breadcrumb ul li{position:relative}header .breadcrumb ul li:last-child:after{display:none}header .breadcrumb ul li:after{content:"/";position:absolute;top:50%;transform:translateY(-50%);right:-11px;font-size:12px;user-select:none;pointer-events:none}header .breadcrumb ul li.active p{color:var(--text-color)}header .breadcrumb ul li p{color:#a0aec0;font-size:12px;line-height:18px}header .breadcrumb h4{font-size:14px;line-height:19.6px;font-weight:700;color:var(--text-color)}header .header-menu{display:flex;flex-direction:row;gap:16px;position:relative}header .header-menu .header-menu_button{width:48px;height:48px;padding:12px;background-color:var(--nav-hover);border-radius:500px;position:relative;cursor:pointer}header .header-menu .header-menu_button svg{width:100%;height:100%;object-fit:contain}@media(min-width:320px)and (max-width:767px){header .header-menu .header-menu_button{width:32px;height:32px;padding:8px}}header .header-menu .header-menu_button.dot .dot-count{position:absolute;background-color:#eb5757;width:18px;height:18px;top:0;right:0;border-radius:500px;font-size:12px;line-height:normal;color:#fff;display:flex;align-items:center;justify-content:center}header .header-menu .header-menu_user{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}header .header-menu .header-menu_user .avatar{width:48px;height:48px;overflow:hidden;border-radius:500px;background-color:var(--main-color);display:flex}header .header-menu .header-menu_user .avatar p{color:#fff;font-size:20px;line-height:normal;margin:auto;font-weight:500}@media(min-width:320px)and (max-width:767px){header .header-menu .header-menu_user .avatar{width:32px;height:32px}}header .header-menu .header-menu_user .avatar img{width:100%;height:100%;object-fit:cover}header .header-menu .header-menu_user .detail span{font-size:12px;line-height:16px;color:var(--text-color);display:block;margin-bottom:4px}header .header-menu .header-menu_user .detail p{font-weight:700;font-size:14px;line-height:20px;color:var(--text-color)}header .header-menu .header-menu_user .icon{width:24px;height:24px;transform:rotate(90deg);display:flex;align-items:center;justify-content:center;padding:5px}.dropMenu{background-color:#fff;border:1px solid #d0d5dd;border-radius:8px;width:232px}.dropMenu .dropMenu-box{padding:0 16px}.dropMenu .dropMenu-box .tt{font-size:12px;line-height:16px;color:var(--text-color);padding:6px 0}.dropMenu .dropMenu-box .list{margin-bottom:6px}.dropMenu .dropMenu-box .list .item{padding:4px 0;position:relative;cursor:pointer;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.dropMenu .dropMenu-box .list .item.active .checked{opacity:1}.dropMenu .dropMenu-box .list .item .detail span{font-size:12px;line-height:16px;color:var(--text-color)}.dropMenu .dropMenu-box .list .item .detail p{font-weight:500;font-size:14px;line-height:20px;color:var(--text-color)}.dropMenu .dropMenu-box .list .item .checked{margin-left:8px;width:20px;height:20px;padding:2px;opacity:0;transition:.3s ease}.dropMenu .dropMenu-box .list .item .checked svg{width:100%;height:100%;object-fit:contain}.dropMenu .link-btn{display:flex;flex-wrap:wrap;border-top:1px solid #d0d5dd;padding:8px 16px;gap:8px;cursor:pointer}.dropMenu .link-btn:first-child{border-top:none}.dropMenu .link-btn.logout .icon,.dropMenu .link-btn.logout p{color:#e24c1e}.dropMenu .link-btn .icon{width:20px;height:20px;padding:2px}.dropMenu .link-btn p{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}#main{display:flex;flex-wrap:wrap;justify-content:space-between;height:100vh}#main .sidebar{width:212px;background-color:var(--color-white);padding:16px;border-radius:0 8px 8px 0;height:100%;overflow-y:scroll;position:relative;z-index:999;box-shadow:0 1px 3px rgba(16,24,40,.1)}@media(min-width:320px)and (max-width:767px){#main .sidebar{position:fixed;transform:translateX(-120%);transition:transform .4s ease}}#main .sidebar.open{transform:translateX(0);z-index:999}#main .sidebar .sidebar-content{display:flex;height:100%;flex-direction:column;justify-content:space-between}#main .sidebar .bottom-nav .nav-logo,#main .sidebar .top-nav .nav-logo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 0 16px}#main .sidebar .bottom-nav .nav-logo .logo,#main .sidebar .top-nav .nav-logo .logo{width:60px;height:50px;object-fit:cover;color:var(--main-color)}#main .sidebar .bottom-nav .nav-logo .logo img,#main .sidebar .top-nav .nav-logo .logo img{width:100%;height:100%;object-fit:contain}#main .sidebar .bottom-nav .nav-logo .logo-text,#main .sidebar .top-nav .nav-logo .logo-text{width:calc(100% - 75px)}#main .sidebar .bottom-nav .nav-logo .logo-text p,#main .sidebar .top-nav .nav-logo .logo-text p{color:#1f2a37;font-size:14px;line-height:20px}#main .sidebar .bottom-nav .nav-logo .logo-text p.bold,#main .sidebar .top-nav .nav-logo .logo-text p.bold{font-weight:700;font-size:16px}#main .sidebar .bottom-nav .nav-list,#main .sidebar .top-nav .nav-list{list-style:none;padding:12px 0;margin:0;display:grid;grid-template-columns:1fr;gap:8px}#main .sidebar .bottom-nav .nav-list li .logout-btn,#main .sidebar .bottom-nav .nav-list li .nav-link,#main .sidebar .top-nav .nav-list li .logout-btn,#main .sidebar .top-nav .nav-list li .nav-link{display:flex;flex-wrap:wrap;align-items:center;background-color:rgba(0,0,0,0);padding:15px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease-in-out,color .3s ease-in-out;color:var(--text-color);gap:8px}#main .sidebar .bottom-nav .nav-list li .logout-btn.active,#main .sidebar .bottom-nav .nav-list li .logout-btn:hover,#main .sidebar .bottom-nav .nav-list li .nav-link.active,#main .sidebar .bottom-nav .nav-list li .nav-link:hover,#main .sidebar .top-nav .nav-list li .logout-btn.active,#main .sidebar .top-nav .nav-list li .logout-btn:hover,#main .sidebar .top-nav .nav-list li .nav-link.active,#main .sidebar .top-nav .nav-list li .nav-link:hover{background-color:var(--main-color);color:var(--color-white)}#main .sidebar .bottom-nav .nav-list li .logout-btn .icon,#main .sidebar .bottom-nav .nav-list li .nav-link .icon,#main .sidebar .top-nav .nav-list li .logout-btn .icon,#main .sidebar .top-nav .nav-list li .nav-link .icon{width:16px;height:16px}#main .sidebar .bottom-nav .nav-list li .logout-btn p,#main .sidebar .bottom-nav .nav-list li .nav-link p,#main .sidebar .top-nav .nav-list li .logout-btn p,#main .sidebar .top-nav .nav-list li .nav-link p{width:calc(100% - 48px);font-size:14px;font-weight:500;line-height:22px}#main .sidebar .bottom-nav .nav-list li .logout-btn.child,#main .sidebar .bottom-nav .nav-list li .nav-link.child,#main .sidebar .top-nav .nav-list li .logout-btn.child,#main .sidebar .top-nav .nav-list li .nav-link.child{display:flex}#main .sidebar .bottom-nav .nav-list li .logout-btn.child.childActive .arrow,#main .sidebar .bottom-nav .nav-list li .nav-link.child.childActive .arrow,#main .sidebar .top-nav .nav-list li .logout-btn.child.childActive .arrow,#main .sidebar .top-nav .nav-list li .nav-link.child.childActive .arrow{transform:rotate(0)}#main .sidebar .bottom-nav .nav-list li .logout-btn.child .arrow,#main .sidebar .bottom-nav .nav-list li .nav-link.child .arrow,#main .sidebar .top-nav .nav-list li .logout-btn.child .arrow,#main .sidebar .top-nav .nav-list li .nav-link.child .arrow{width:16px;height:16px;display:flex;transform:rotate(180deg);transition:transform .3s ease}#main .sidebar .bottom-nav .nav-list li .dropdown-menu,#main .sidebar .top-nav .nav-list li .dropdown-menu{display:flex;flex-direction:column}#main .sidebar .bottom-nav .nav-list li .dropdown-menu a,#main .sidebar .top-nav .nav-list li .dropdown-menu a{display:flex;width:100%;font-size:14px;line-height:20px;font-weight:500;color:var(--text-color);padding:12px 12px 12px 40px;background-color:rgba(0,0,0,0);transition:background-color .3s ease-in-out,color .3s ease-in-out;border-radius:6px;position:relative}#main .sidebar .bottom-nav .nav-list li .dropdown-menu a.active,#main .sidebar .bottom-nav .nav-list li .dropdown-menu a:hover,#main .sidebar .top-nav .nav-list li .dropdown-menu a.active,#main .sidebar .top-nav .nav-list li .dropdown-menu a:hover{background-color:var(--main-color);color:var(--color-white)}#main .sidebar .bottom-nav .nav-list li .dropdown-menu a.active:after,#main .sidebar .bottom-nav .nav-list li .dropdown-menu a:hover:after,#main .sidebar .top-nav .nav-list li .dropdown-menu a.active:after,#main .sidebar .top-nav .nav-list li .dropdown-menu a:hover:after{background-color:var(--color-white)}#main .sidebar .bottom-nav .nav-list li .dropdown-menu a:after,#main .sidebar .top-nav .nav-list li .dropdown-menu a:after{content:"";position:absolute;left:22px;top:0;bottom:0;width:1px;background-color:#a0aec0;transition:background-color .3s ease-in-out}#main .sidebar .bottom-nav .nav-list li .logout-btn,#main .sidebar .top-nav .nav-list li .logout-btn{color:var(--color-red)}#main .sidebar-back{position:fixed;inset:0;display:none;background-color:rgba(0,0,0,.4);z-index:998;opacity:0;transition:allow-discrete .4s}#main .sidebar-back.open{opacity:1;display:flex}#main .layout{width:calc(100% - 236px);display:flex;flex-direction:column;gap:20px;overflow-y:scroll;height:100%;padding-right:20px;padding-top:120px}@media(min-width:320px)and (max-width:767px){#main .layout{width:100%;padding-right:8px;padding-left:8px;padding-top:60px}}#main .layout header{background-color:var(--color-white);padding:24px;border-radius:0;position:fixed;z-index:99;left:212px;right:0;top:0}@media(min-width:320px)and (max-width:767px){#main .layout header{padding:8px 12px;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;right:0;top:0}}#main .layout header .sidebar-toggle-button{display:none;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #ececec;background-color:var(--color-white);cursor:pointer;font-size:20px;border-radius:6px}@media(min-width:320px)and (max-width:767px){#main .layout header .sidebar-toggle-button{display:flex}}#main .layout header .header-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media(min-width:320px)and (max-width:767px){#main .layout header .header-content{width:calc(100% - 42px)}}#main .layout footer .footer-content{display:flex;flex-direction:row;justify-content:flex-end;padding-bottom:24px}.pages{padding-bottom:20px}.dashboard-page .progress .ant-progress .ant-progress-inner{width:100%!important;height:100%!important}.dashboard-page .progress .ant-progress .ant-progress-inner .progress-now{font-size:60px;line-height:normal;font-weight:400;color:var(--text-color)}.dashboard-page .progress .ant-progress .ant-progress-inner .progress-total{font-size:24px;line-height:normal;font-weight:400;color:#535862}.box{background-color:#fff;border-radius:8px;padding:24px}.main-title{font-size:24px;font-weight:700}.main-sub_title,.main-title{line-height:normal;color:var(--text-color)}.main-sub_title{font-size:18px;font-weight:600}.main-text{font-size:14px;color:var(--text-color)}.main-text span{color:#a0aec0}.main-text-m{font-size:14px;color:var(--text-color);font-weight:500}.main-text-m span{color:#a0aec0}.main-text-m.success{color:#17b26a!important}.main-text-m.progress{color:#6172f3!important}.main-text-m.warning{color:#eaaa08!important}.main-text-m.error{color:#e24c1e!important}.main-text-m.disabled{color:#94979c!important}.divider{width:100%;border-bottom:1px solid #e9eaeb;margin-bottom:20px;padding-bottom:20px}.main-desc{font-size:14px;line-height:normal;font-weight:500;color:#a0aec0}.statistic-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.statistic-list .statistic-item{background-color:#f0f2f5;padding:20px;border-radius:12px}.statistic-list .statistic-item .icon{width:48px;height:48px;background-color:#fff;border-radius:500px;padding:12px;margin-bottom:20px}.statistic-list .statistic-item .tt{font-size:24px;line-height:normal;font-weight:700;color:var(--text-color);margin-bottom:4px}.statistic-list .statistic-item .sub-tt{font-size:16px;line-height:normal;color:var(--text-color)}.emoji-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.emoji-list .emoji-item{display:flex;flex-wrap:wrap}.emoji-list .emoji-item .img{width:52px;height:52px;margin-right:8px}.emoji-list .emoji-item .detail{width:calc(100% - 60px)}.emoji-list .emoji-item .detail .tt{font-size:24px;line-height:normal;font-weight:600;color:var(--text-color)}.emoji-list .emoji-item .detail .sub-tt{font-size:14px;font-weight:500;color:#535862}.order-detail{display:flex;flex-direction:column;gap:8px}.order-detail .tt{font-size:14px;line-height:normal;font-weight:500;color:#a0aec0}.order-detail .sub-tt{font-size:14px;font-weight:500;color:#374151}.doughnutList{display:flex;flex-direction:column;width:100%;gap:10px}.doughnutList li{display:flex;align-items:center;justify-content:space-between;position:relative;padding-left:16px}.doughnutList li:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:500px;background-color:#535862}.doughnutList li:first-child:after{background-color:#ff5a1d}.doughnutList li:nth-child(2):after{background-color:#39cef3}.doughnutList li:nth-child(3):after{background-color:#98d85f}.doughnutList li p{font-size:12px;line-height:normal;color:#374151}.list-progress{display:flex;flex-direction:column;gap:20px;max-height:278px;overflow-y:scroll;padding-right:12px}.list-progress .progress-item p{font-size:14px;color:#414651;font-weight:500}.ant-btn{flex-direction:row;align-items:center;height:36px;padding:0 12px;border-radius:8px;cursor:pointer}.ant-btn,.ant-btn .ant-btn-icon{display:flex}.ant-btn .ant-btn-icon+span{font-weight:500;font-size:14px;line-height:normal}.select-group{display:flex;flex-direction:row;align-items:center;gap:8px}.select-group .select-group_name{font-size:16px;font-weight:600;color:var(--text-color)}.select-group .ant-select{min-width:180px;max-width:256px}.ant-tree-select{height:40px!important}.button-group{gap:4px}.button-group,.button-group .action-btn{display:flex;justify-content:center;align-items:center}.button-group .action-btn{color:#a4a7ae;width:36px;height:36px;cursor:pointer}.button-group .action-btn.danger{color:#e24c1e}.ant-table .ant-table-content{border:1px solid #f7f9fa;border-radius:8px;overflow:hidden}.ant-table .ant-table-content .ant-table-thead .ant-table-cell{border-bottom:none;background-color:#f7f9fa}.ant-table .ant-table-content .ant-table-thead .ant-table-cell:before{display:none}.ant-table .ant-table-content .ant-table-tbody .ant-table-row:last-child .ant-table-cell{border-bottom:none}.ant-table .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell{border-bottom:1px solid #f7f9fa}.ant-table .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell.ant-table-cell-row-hover{background-color:#f5faff;color:#2970ff}.ant-table .ant-table-content .ant-table-tbody .ant-table-row .ant-table-cell.ant-table-cell-row-hover p{color:#2970ff}.modal-form .form-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px}.form-card_title{font-size:16px;font-weight:600;color:var(--text-color)}.upload-form{display:flex;flex-direction:column;margin-bottom:24px}.upload-form .upload-section{display:flex;flex-wrap:wrap;align-items:center;border:1px dashed #d0d5dd;border-radius:8px;padding:16px;position:relative}.upload-form .upload-section .ant-upload-wrapper,.upload-form .upload-section .ant-upload-wrapper .ant-upload{width:100%;height:100%}.upload-form .upload-section .ant-upload-wrapper .ant-upload .ant-btn{border:none;width:100%;height:100%;box-shadow:none;font-size:14px;font-weight:500;color:var(--main-color)}.upload-form .upload-section .icon{right:16px;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;color:var(--main-color);cursor:pointer;z-index:0}.upload-form .upload-section .icon,.upload-form .upload-section .icon:after{position:absolute;background-color:#feee95;border-radius:500px;width:32px;height:32px}.upload-form .upload-section .icon:after{content:"";z-index:-1}.upload-form .upload-section .icon:before{content:"";position:absolute;background-color:#fefbe8;width:40px;height:40px;z-index:-2;border-radius:500px}.upload-form .upload-preview{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.upload-form .upload-preview .ant-image-img{object-fit:cover}.upload-form .upload-preview .name{font-size:14px;font-weight:500}.rbc-today{background-color:#fff!important}.custom-event-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:2px 4px;cursor:pointer}.custom-event-wrapper .event-tooltip{position:fixed!important;background:#fff;border-radius:16px;width:344px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px 0 rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06);z-index:9999!important;min-width:250px;font-size:13px;pointer-events:none}.custom-event-wrapper .event-tooltip div{margin-bottom:6px}.custom-event-wrapper .event-tooltip div:last-child{margin-bottom:0}.custom-event-wrapper .event-tooltip div strong{color:#333;font-weight:600;margin-right:8px}.rbc-events-container{pointer-events:none!important}.rbc-events-container .rbc-event{pointer-events:auto!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-timeslot-group .rbc-time-slot{position:relative}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-timeslot-group .rbc-time-slot:hover{background-color:rgba(22,179,100,.05)!important;border:1px solid rgba(22,179,100,.3)!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-timeslot-group .rbc-time-slot:hover:after{content:attr(data-time);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;white-space:nowrap;z-index:1000;pointer-events:none}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-timeslot-group .rbc-time-slot:hover:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(22,179,100,.1);pointer-events:none;z-index:1}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{border-right:1px solid #e8e8e8!important}.rbc-time-slot{min-height:40px}.calendar-head{margin-bottom:20px}.calendar-head .status-list{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:24px}.calendar-head .status-list .item{font-size:12px;line-height:normal;font-weight:500;position:relative;padding-left:20px;width:150px}.calendar-head .status-list .item.success:after{background-color:#3ccb7f}.calendar-head .status-list .item.error:after{background-color:#f04438}.calendar-head .status-list .item.pending:after{background-color:#6172f3}.calendar-head .status-list .item:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:500px}.rbc-time-gutter .rbc-timeslot-group{position:relative;height:60px}.rbc-time-gutter .rbc-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:500;color:#444}.rbc-time-gutter{width:168px}.rbc-time-slot.past-time-slot{background-color:#f5f5f5!important;opacity:.6;cursor:not-allowed!important}.rbc-time-view.rbc-time-view-week .rbc-time-content .rbc-day-slot,.rbc-time-view.rbc-time-view-week .rbc-time-header .rbc-header{min-width:120px!important;flex:1 1 0%!important}.calendar-container{overflow-x:auto;min-width:100%}.calendar-container .rbc-calendar{min-width:900px}.rbc-time-view.rbc-time-view-week .rbc-time-content .rbc-day-slot,.rbc-time-view.rbc-time-view-week .rbc-time-header .rbc-header,.rbc-time-view.rbc-week-view .rbc-time-content .rbc-day-slot,.rbc-time-view.rbc-week-view .rbc-time-header .rbc-header{min-width:100px!important;flex:1 1 0%!important}.rbc-calendar .rbc-time-header .rbc-time-header-content{width:128px}.rbc-calendar .rbc-time-view .rbc-row{height:65px;padding:4px}.rbc-calendar .rbc-time-view .rbc-row .rbc-today{display:flex;align-items:center;justify-content:center;font-weight:500!important;font-size:16px!important;color:#1f2a37!important;gap:4px}.rbc-calendar .rbc-time-view .rbc-row .rbc-today:before{content:"";background:url(/assets/icons/person.svg) no-repeat 50%;background-size:contain;width:20px;height:20px;display:inline-block}.rbc-calendar .rbc-time-view-resources{border:1px solid #e8e8e8!important}.rbc-calendar .rbc-time-view-resources .rbc-time-header .rbc-time-header-content .rbc-row-resource{border-bottom:none!important}.rbc-calendar .rbc-time-view-resources .rbc-time-header .rbc-time-header-content .rbc-row-resource .rbc-header{border-bottom:none;font-size:14px;color:var(--text-color);font-weight:500;padding:16px}.rbc-calendar .rbc-time-view-resources .rbc-time-header .rbc-time-header-content .rbc-allday-cell{display:none!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content{border-top:1px solid #e8e8e8!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-time-gutter .rbc-timeslot-group .rbc-time-slot{display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(0,0,0,0)}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-time-gutter .rbc-timeslot-group .rbc-time-slot .rbc-label{font-size:14px;line-height:16px;font-weight:500;color:var(--text-color);padding:0 20px}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-timeslot-group .rbc-time-slot{cursor:pointer!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container{margin:0!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event{border:1px solid #fff!important;border-radius:8px;width:100%!important;display:flex;flex-direction:column;padding:0;justify-content:center;align-items:center;left:0!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-conflict,.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-not-available{background-color:#ddd!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-conflict .rbc-event-content,.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-conflict .rbc-event-label,.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-not-available .rbc-event-content,.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-not-available .rbc-event-label{display:none}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-paid{border-left:4px solid #16b364!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-pending{border-left:4px solid #6172f3!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event.event-not-paid{border-left:4px solid #f04438!important}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event .rbc-event-label{text-align:start;width:100%;font-size:14px;font-weight:500}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event .rbc-event-content{display:flex;align-items:center;text-align:center;font-size:14px}.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event:focus,.rbc-calendar .rbc-time-view-resources .rbc-time-content .rbc-day-slot .rbc-events-container .rbc-event:focus-visible{outline:none!important}.user-section{display:flex;flex-wrap:wrap;justify-content:space-between}.user-section .image{width:80px;height:80px;background-color:var(--main-color);border-radius:500px;overflow:hidden}.user-section .image .default-img{padding:8px;filter:invert(1)}.user-section .detail{width:calc(100% - 104px)}.user-section .detail .name{font-size:20px;line-height:normal;color:var(--text-color);font-weight:600}.user-section .detail .list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.user-section .detail .list .txt{font-size:14px;line-height:normal;color:var(--text-color)}.user-section .detail .list .txt span{font-weight:500}.fresha-calendar{padding:24px;background:#f8fafc;min-height:100vh}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:24px}.status-legend{display:flex;gap:24px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px}.status-item{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:12px;height:12px;border-radius:50%}.status-success .status-dot{background:#10b981}.status-warning .status-dot{background:#6172f3}.status-error .status-dot{background:#ef4444}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.toolbar-center,.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:16px}.toolbar-center{flex:1;justify-content:center}.nav-button{padding:8px;border-radius:6px;border:1px solid #e2e8f0}.date-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8fafc;border-radius:6px}.date-text{font-weight:600;font-size:16px;color:#1e293b}.today-button{border:1px solid #3b82f6;color:#3b82f6}.view-segmented .ant-segmented-item{padding:8px 16px}.rbc-calendar{border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.rbc-header{background:#f1f5f9;padding:12px;height:48px;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0}.rbc-timeslot-group{border-bottom:1px solid #f1f5f9}.rbc-time-slot{border-top:1px solid #f1f5f9}.rbc-event{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;border:none;box-shadow:0 1px 3px rgba(0,0,0,.1)}.event-paid{background:#edfcf2!important;color:#16b364!important;padding-left:8px!important}.event-not-paid{background:#fef3f2!important;color:#f04438!important;padding-left:8px!important}.event-pending{background:#eef4ff!important;color:#6172f3!important;padding-left:8px!important}.event-conflict{background:#ef4444!important;color:#fff!important}.enhanced-modal .ant-modal-content{border-radius:12px;overflow:hidden;padding:0}.enhanced-modal .ant-modal-header{background:#f8fafc;padding:14px 20px;border-bottom:1px solid #e2e8f0}.enhanced-modal .ant-modal-title{font-size:18px;font-weight:600;color:#1e293b}.enhanced-modal .ant-modal-body{padding:20px 20px 0}.enhanced-modal .ant-modal-footer{padding:20px}.form-section-title{font-weight:600;color:#1e293b;font-size:16px;margin-bottom:8px;display:flex;align-items:center}.user-search-result{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px;margin-bottom:16px}.ant-form-item-label>label{font-weight:500;color:#374151}.ant-input,.ant-picker,.ant-select-selector{border-radius:6px;border-color:#d1d5db}.ant-input:focus,.ant-picker-focused,.ant-select-focused .ant-select-selector{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.1)}@media(max-width:1024px){.calendar-toolbar{flex-direction:column;gap:16px}.toolbar-center,.toolbar-left,.toolbar-right{width:100%;justify-content:center}}.profile{display:flex;flex-wrap:wrap;justify-content:space-between}.profile .upload-form{width:80px;height:80px;margin-bottom:0;position:relative}.profile .upload-form .upload-section{position:absolute;padding:0;width:32px;height:32px;right:0;bottom:0}.profile .upload-form .upload-section .ant-upload .icon{top:50%;left:50%;transform:translate(-50%,-50%)}.profile .upload-form .upload-preview{margin-top:0;gap:0;border-radius:500px;overflow:hidden;background-color:var(--main-color)}.profile .upload-form .upload-preview .default-img{filter:invert(1);padding:8px}.profile .detail{width:calc(100% - 104px)}.feedback-list{display:flex;flex-direction:column;gap:24px}.feedback-list .feedback-item{display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(0,0,0,.0509803922)}.feedback-list .feedback-item:first-child{border-top:none}.feedback-list .feedback-item .feedback-user{width:20%}.feedback-list .feedback-item .feedback-user .name{font-size:18px;font-weight:500;color:var(--text-color)}.feedback-list .feedback-item .feedback-user .txt{font-size:14px;color:#717680;line-height:normal}.feedback-list .feedback-item .feedback-user .txt span{font-weight:500;color:var(--text-color)}.feedback-list .feedback-item .feedback-body{width:calc(80% - 24px)}.feedback-list .feedback-item .feedback-body .text{font-size:16px;line-height:normal;color:var(--text-color)}.feedback-list .feedback-item .feedback-body .img{margin-top:12px;width:440px;height:240px}.feedback-list .feedback-item .feedback-body .date{margin-top:12px;text-align:right;font-size:16px;line-height:normal;font-weight:500;color:#a4a7ae}.role-list{margin-bottom:24px}.role-list .role-item{padding:24px;background-color:#fff;border-top:2px solid var(--body-color);display:flex;flex-wrap:wrap;justify-content:space-between}.role-list .role-item:last-child{border-radius:0 0 8px 8px}.role-list .role-item .name{font-size:16px;line-height:normal;font-weight:600;color:var(--text-color)}.role-list .role-item .name,.role-list .role-item .user_name{display:flex;align-items:center}.role-list .role-item .user_name .user_name__img{width:32px;height:32px;border-radius:500px;display:flex;margin:auto 8px auto 0}.role-list .role-item .user_name .user_name__img img{width:100%;height:100%;object-fit:cover}.role-list .role-item .user_name .user_name__body p{font-size:14px;line-height:20px;font-weight:500;color:var(--text-color)}.role-list .role-item .user_name .user_name__body span{font-size:12px;line-height:16px;color:#a0aec0}.role-list .role-item .action{display:flex;align-items:center;gap:8px}.role-list .role-item .action .ant-btn{width:36px}.role-list .role-item .action .total{font-size:14px;line-height:20px;font-weight:500;color:#a0aec0;margin-right:8px}.role-list .role-item .action .total span{font-weight:700;color:var(--text-color)}.role-list .role-item .action .tag{padding:2px 8px;background-color:#f0f2f5;border-radius:500px;font-size:14px;line-height:normal;font-weight:500;color:var(--text-color)}