@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap);.login-page{background:#f5f6f3;color:#14212e;display:grid;grid-template-columns:minmax(380px,44%) 1fr;min-height:100vh}.login-page,.login-page *{box-sizing:border-box;font-family:IBM Plex Sans Thai,Nunito,sans-serif}.login-brand{background-color:#0b2d4f;background-image:linear-gradient(hsla(0,0%,100%,.045) 1px,#0000 0);background-size:100% 32px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:48px 56px;position:relative}.login-brand:after{background:#6cb33f;bottom:0;content:"";left:0;position:absolute;top:0;width:6px}.login-brand .brand-top{align-items:center;display:flex;gap:14px}.login-brand .brand-logo{background:#fff;border-radius:10px;height:52px;object-fit:contain;padding:4px;width:52px}.login-brand .brand-company{color:#ffffffbf;display:flex;flex-direction:column;font-size:13px;letter-spacing:.04em;line-height:1.35;text-transform:uppercase}.login-brand .brand-company span:first-child{color:#fff;font-weight:600}.login-brand .brand-middle{max-width:420px}.login-brand .brand-middle .brand-eyebrow{color:#6cb33f;font-size:13px;font-weight:600;letter-spacing:.14em;margin-bottom:16px;text-transform:uppercase}.login-brand .brand-middle h1{font-size:38px;font-weight:600;line-height:1.3;margin-bottom:20px}.login-brand .brand-middle .brand-desc{color:#ffffffb8;font-size:15px;line-height:1.75}.login-brand .brand-steps{border-top:1px solid #ffffff24;display:flex;gap:0;list-style:none;padding:0}.login-brand .brand-steps li{color:#ffffffd9;flex:1 1;font-size:14px;padding:16px 0 0}.login-brand .brand-steps li span{font-feature-settings:"tnum";color:#ffffff73;display:block;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;margin-bottom:4px}.login-main{align-items:center;display:flex;justify-content:center;padding:40px 24px}.login-card{max-width:380px;width:100%}.login-card .login-mobile-brand{display:none}.login-card h2{font-size:28px;font-weight:600;margin-bottom:6px}.login-card .login-sub{color:#5f6b78;font-size:15px;margin-bottom:32px}.login-card .field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.login-card .field label{color:#14212e;font-size:14px;font-weight:500}.login-card .field input{background:#fff;border:1px solid #dfe4ea;border-radius:8px;color:#14212e;font-size:15px;height:46px;outline:none;padding:0 14px;transition:border-color .15s,box-shadow .15s;width:100%}.login-card .field input:hover{border-color:#bac5d2}.login-card .field input:focus{border-color:#0a62b0;box-shadow:0 0 0 3px #0a62b026}.login-card .input-wrap{position:relative}.login-card .input-wrap input{padding-right:46px}.login-card .input-wrap .toggle-pass{align-items:center;background:#0000;border:none;border-radius:6px;color:#5f6b78;cursor:pointer;display:flex;height:38px;justify-content:center;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px}.login-card .input-wrap .toggle-pass:hover{background:#f5f6f3;color:#14212e}.login-card .input-wrap .toggle-pass:focus-visible{outline:2px solid #0a62b0}.login-card .btn-signin{align-items:center;background:#0a62b0;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:48px;justify-content:center;margin-top:8px;transition:background-color .15s;width:100%}.login-card .btn-signin svg{transition:transform .15s}.login-card .btn-signin:hover:not(:disabled){background:#12406c}.login-card .btn-signin:hover:not(:disabled) svg{transform:translateX(3px)}.login-card .btn-signin:focus-visible{outline:2px solid #0b2d4f;outline-offset:2px}.login-card .btn-signin:disabled{cursor:progress;opacity:.7}.login-card .login-foot{border-top:1px solid #dfe4ea;color:#5f6b78;font-size:12px;margin-top:40px;padding-top:20px}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-card .login-mobile-brand{align-items:center;color:#0b2d4f;display:flex;font-size:14px;font-weight:600;gap:10px;letter-spacing:.08em;margin-bottom:32px;text-transform:uppercase}.login-card .login-mobile-brand img{height:40px;object-fit:contain;width:40px}}.navbar{background:#fff;padding:1rem 2rem;position:sticky;top:0;z-index:1}.navbar .wrapper .logo{align-content:center;align-items:center;color:#4e9428;font-size:14px;font-weight:400}.profile-menu{display:inline-block;font-family:sans-serif;position:relative}.profile-button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:6px 10px}.profile-button img{border-radius:50%;height:32px;width:32px}.dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 8px #0000001a;position:absolute;right:0;top:110%;width:200px;z-index:100}.info{border-bottom:1px solid #eee;padding:10px}.info p{margin:0}.info .email{color:gray;font-size:12px}.dropdown a,.dropdown button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:14px;padding:10px;position:"absolute";text-align:left;text-decoration:none;width:100%}.dropdown a:hover,.dropdown button:hover{background-color:#f5f5f5}.dropdownontity{display:inline-block;position:relative}.dropdownontity-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px}.dropdownontity-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-top:5px;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}.dropdownontity-content a{border-radius:6px;color:#1e293b;display:block;padding:10px 15px;text-decoration:none;transition:background .2s}.dropdownontity-content a:hover{background-color:#f1f5f9}.btn{background-color:#2563eb;border:none;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn:hover{background-color:#1d4ed8;box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 8px #0003;transform:translateY(1px)}.row-pace-w100-line-start{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.layout-flex-line .input-box{border:1px solid #b1b1b1;border-radius:5px;display:flex;height:28px;margin-left:3;margin-right:3}.table,td,th{border:.1px ridge #000;border-collapse:collapse}th{background-color:#e6e6e6}.nd-page{--nd-border:#e3e6ea;--nd-text:#2b2f36;--nd-muted:#8a919c;--nd-accent:#1976d2;--nd-accent-soft:#e8f1fb;color:var(--nd-text);font-size:14px;padding-bottom:16px}.nd-card{background:#fff;border:1px solid var(--nd-border);border-radius:10px;box-shadow:0 1px 2px #1018280a;margin-top:14px}.nd-card-head{align-items:center;border-bottom:1px solid var(--nd-border);display:flex;gap:12px;justify-content:space-between;padding:12px 18px}.nd-card-title{border-left:4px solid var(--nd-accent);font-size:15px;font-weight:700;line-height:1.2;padding-left:10px}.nd-card-action{align-items:center;display:flex}.nd-grid{grid-gap:14px 20px;display:grid;gap:14px 20px;padding:16px 18px}.nd-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.nd-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nd-grid-cust{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.nd-grid-cust>.nd-field:last-child{grid-column:1/-1}.nd-span-2{grid-column:span 2}.nd-span-4{grid-column:1/-1}.nd-field{display:flex;flex-direction:column;gap:6px;min-width:0}.nd-label{color:#4a505a;font-size:13px;font-weight:600}.nd-req{color:#d32f2f}.nd-input{background:#fff;border:1px solid #cfd4da;border-radius:6px;color:inherit;font:inherit;height:36px;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.nd-input:focus{border-color:var(--nd-accent);box-shadow:0 0 0 3px #1976d226;outline:none}.nd-input:disabled{background:#f4f6f8;color:var(--nd-text)}.nd-input-code{font-weight:700;letter-spacing:.3px}.nd-textarea{height:84px;padding:8px 10px;resize:vertical}.nd-static{align-items:center;display:flex;min-height:36px}.nd-hint,.nd-muted{color:var(--nd-muted)}.nd-hint{font-size:13px}.nd-input-group{align-items:stretch;display:flex}.nd-input-group .nd-input{border-bottom-right-radius:0;border-top-right-radius:0}.nd-picker{align-items:center;background:#f7f9fb;border:1px solid #cfd4da;border-left:none;border-radius:0 6px 6px 0;color:var(--nd-accent);justify-content:center;min-width:40px;padding:0 6px}.nd-picker,.nd-picker>div{display:flex}.nd-picker:hover{background:var(--nd-accent-soft)}.nd-choices{display:flex;flex-wrap:wrap;gap:8px}.nd-chip{align-items:center;border:1px solid #cfd4da;border-radius:999px;cursor:pointer;display:inline-flex;gap:6px;padding:6px 12px;transition:background .15s,border-color .15s;-webkit-user-select:none;user-select:none}.nd-chip input{accent-color:var(--nd-accent);margin:0}.nd-chip:hover{border-color:var(--nd-accent)}.nd-chip:has(input:checked){background:var(--nd-accent-soft);border-color:var(--nd-accent);color:#0d4f99;font-weight:600}.nd-checklist{grid-gap:6px 14px;display:grid;gap:6px 14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.nd-check{align-items:center;cursor:pointer;display:flex;gap:6px}.nd-check input{accent-color:var(--nd-accent);margin:0}.nd-upload{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.nd-file{font-size:13px;word-break:break-all}.nd-meta{background:#fafbfc;border-radius:0 0 10px 10px;border-top:1px dashed var(--nd-border);color:#4a505a;font-size:13px;gap:8px 24px;padding:10px 18px}.nd-meta,.nd-toolbar{display:flex;flex-wrap:wrap}.nd-toolbar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-bottom:1px solid #e3e6ea;gap:12px;justify-content:space-between;padding:12px 24px;position:sticky;top:0;z-index:10}.nd-toolbar-title{color:#2b2f36;font-size:18px;font-weight:700}.nd-toolbar-sub{color:#8a919c;font-size:13px}.nd-toolbar-actions{display:flex;gap:10px}@media(max-width:900px){.nd-grid-2,.nd-grid-4,.nd-grid-cust{grid-template-columns:minmax(0,1fr)}.nd-grid-cust>.nd-field:last-child,.nd-span-2{grid-column:auto}}.nd-columns{grid-gap:0 12px;align-items:start;display:grid;gap:0 12px}.nd-page{padding-bottom:8px}.nd-page .nd-card{border-radius:8px;margin-top:10px}.nd-page .nd-card-head{padding:7px 14px}.nd-page .nd-card-title{font-size:14px}.nd-page .nd-grid{gap:8px 12px;padding:10px 14px}.nd-page .nd-field{gap:3px}.nd-page .nd-label{font-size:12.5px}.nd-page .nd-input,.nd-page .nd-static{height:32px;min-height:32px}.nd-page .nd-textarea{height:52px;padding:6px 10px}.nd-page .nd-chip{padding:3px 10px}.nd-page .nd-choices{gap:6px}.nd-page .nd-checklist{gap:2px 12px}.nd-page .nd-meta{border-radius:0 0 8px 8px;padding:7px 14px}.nd-toolbar{padding:8px 24px}.nd-toolbar-title{font-size:17px}@media(max-width:1200px){.nd-columns{grid-template-columns:minmax(0,1fr)}}.nd-columns{align-items:stretch;gap:12px;grid-auto-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.nd-page .nd-columns>.nd-card{display:flex;flex-direction:column;margin-top:0}.nd-columns>.nd-card>.nd-meta{margin-top:auto}.nd-pos-1{order:1}.nd-pos-2{order:2}.nd-pos-3{order:3}.nd-pos-4{order:4}.nd-detail-bar{align-items:center;background:#fff;border:1px solid #e3e6ea;border-radius:8px;box-shadow:0 1px 2px #1018280a;display:flex;gap:10px;margin-top:12px;padding:8px 14px}.nd-detail-bar .nd-card-title{font-size:14px}.nd-detail-count{background:#eef1f4;border-radius:999px;color:#5b6470;font-size:12px;padding:2px 10px}@media(max-width:1200px){.nd-columns{grid-template-columns:minmax(0,1fr)}.nd-pos-1,.nd-pos-2,.nd-pos-3,.nd-pos-4{order:0}}.nd-page .nd-textarea-remark{height:84px}.nd-page .nd-card-head{min-height:40px;padding-bottom:0;padding-top:0}.nd-detail-bar .nd-detail-extra>div{margin:0!important}.nd-page .nd-value{align-items:center;background:#f4f6f8;border:1px solid #edf0f3;border-radius:6px;display:flex;min-height:32px;padding:5px 10px;word-break:break-word}.nd-page .nd-value-multi{align-items:flex-start;min-height:52px;white-space:pre-wrap}.nd-chip-on{background:var(--nd-accent-soft);border-color:var(--nd-accent);color:#0d4f99;cursor:default;font-weight:600}.nd-tag{background:#eef1f4;border-radius:6px;font-size:13px;padding:3px 10px}.nd-link,.nd-tag{display:inline-flex}.nd-link{align-items:center;color:var(--nd-accent);cursor:pointer;gap:4px}.nd-link:hover{text-decoration:underline}.nd-revisions{flex-wrap:wrap;gap:6px}.nd-view-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.nd-status{align-items:center;background:#fdecea;border-radius:999px;color:#c0392b;display:inline-flex;font-size:12px;font-weight:700;gap:2px;padding:2px 10px}.nd-status-ok{background:#e0f5e9;color:#1e8449}.nd-page .nd-steps{margin-top:12px}.nd-steps-body{overflow-x:auto;padding:10px 14px}.customSuccess-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.customSuccess-button,.customSuccess-button:hover{background-color:#28b463}.customWarning-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.customWarning-button,.customWarning-button:hover{background-color:#dc7633}.customInfo-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s ease}.customInfo-button,.customInfo-button:hover{background-color:#0679d4}[data-rmiz-ghost]{pointer-events:none;position:absolute}[data-rmiz-btn-unzoom],[data-rmiz-btn-zoom]{-webkit-appearance:none;appearance:none;background-color:#000000b3;border:none;border-radius:50%;box-shadow:0 0 1px #ffffff80;color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px}[data-rmiz-btn-zoom]:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;position:absolute;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{cursor:zoom-in;inset:10px 10px auto auto;position:absolute}[data-rmiz-btn-unzoom]{cursor:zoom-out;inset:20px 20px auto auto;position:absolute;z-index:1}[data-rmiz-content=found] [data-zoom],[data-rmiz-content=found] [role=img],[data-rmiz-content=found] img,[data-rmiz-content=found] svg{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{background:#0000;border:0;height:100vh;height:100dvh;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;position:fixed;width:100vw;width:100dvw}[data-rmiz-modal-overlay]{inset:0;position:absolute;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{height:100%;position:relative;width:100%}[data-rmiz-modal-img]{cursor:zoom-out;image-rendering:high-quality;position:absolute;transform-origin:top left;transition:transform .3s}@media (prefers-reduced-motion:reduce){[data-rmiz-modal-img],[data-rmiz-modal-overlay]{transition-duration:.01ms!important}}.row-pace-w100-line{display:flex;flex-direction:row;justify-content:space-between;width:100%}.row-pace-w100-line .input-box{height:28px}.row-pace-w100-line .input-box,.row-pace-w100-line .textarea-box{border:1px solid #b1b1b1;border-radius:5px;display:flex;margin-left:3;margin-right:3}.row-pace-w100-line .textarea-box{height:50px}.input-box{border:1px solid #b1b1b1;border-radius:5px;display:flex;height:28px;margin-left:3;margin-right:3}.layout-margintop-5{display:flex;flex-direction:row;margin-top:5px}.layout-flex-line{display:flex;flex-direction:row;width:100%}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:#0000}.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#4e9428;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul li .icon{color:#4e9428;font-size:18px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}.sidebar .menu-singoup{list-style:none;margin-bottom:5px;margin-top:20%;position:relative}.navbar{border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background:#0000;border:none;outline:none}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{cursor:pointer;margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.home{display:flex}.home .homeContainer{flex:6 1}.home .homeContainer .charts,.home .homeContainer .widgets{display:flex;gap:20px;padding:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{box-shadow:2px 4px 10px 1px #c9c9c978;margin:20px;padding:20px}.home .homeContainer .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:#a0a0a0;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.featured{box-shadow:2px 4px 10px 1px #c9c9c978;flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:16px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:100px;width:100px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:12px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{color:gray;font-size:14px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:14px;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:green}.featured .bottom .summary .item .itemResult.negative{color:red}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.chart{box-shadow:2px 4px 10px 1px #c9c9c978;color:gray;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e4e1e1}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.single{display:flex;width:100%}.single .singleContainer{flex:6 1}.single .singleContainer .top{display:flex;gap:20px;padding:20px}.single .singleContainer .top .left{box-shadow:2px 4px 10px 1px #c9c9c978;flex:1 1;padding:20px;position:relative}.single .singleContainer .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .singleContainer .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.single .singleContainer .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.single .singleContainer .top .right{flex:2 1}.single .singleContainer .bottom{box-shadow:2px 4px 10px 1px #c9c9c978;margin:10px 20px;padding:20px}.single .singleContainer .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.single .input-box{border:1px solid #b1b1b1;border-radius:5px;display:flex;height:28px;margin-left:3;margin-right:3}.datatable .space-row-layer{display:flex;flex-direction:row;margin:5px}.new{display:flex;width:100%}.new .newContainer{flex:6 1}.new .newContainer .bottom,.new .newContainer .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;margin:20px;padding:10px}.new .newContainer .bottom h1,.new .newContainer .top h1{color:#d3d3d3;font-size:20px}.new .newContainer .bottom .left,.new .newContainer .top .left{flex:1 1;text-align:center}.new .newContainer .bottom .left img,.new .newContainer .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .newContainer .bottom .right,.new .newContainer .top .right{flex:2 1}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:40%}.new .newContainer .bottom .right form .formInput label,.new .newContainer .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .newContainer .bottom .right form .formInput label .icon,.new .newContainer .top .right form .formInput label .icon{cursor:pointer}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .content-between{display:flex;flex-direction:row;justify-content:space-between;width:100%}.new .space-row-layer{display:flex;flex-direction:row;margin:5px}.new .input-box{border:1px solid #b1b1b1;border-radius:5px;display:flex;height:28px;margin-left:3;margin-right:3}.list{display:flex;width:100%}.list .listContainer{flex:6 1}.datatable{height:700px;padding:20px}.datatable .datatableTitle{align-items:center;color:gray;display:flex;font-size:24px;justify-content:space-between;margin-bottom:10px;width:100%}.datatable .datatableTitle .link{border:1px solid green;border-radius:5px;color:green;cursor:pointer;font-size:16px;font-weight:400;padding:5px;text-decoration:none}.datatable .top{box-shadow:2px 4px 10px 1px #c9c9c978;display:flex;margin:20px;padding:10px}.datatable .cellWithImg{align-items:center;display:flex}.datatable .cellWithImg .cellImg{border-radius:50%;height:32px;margin-right:20px;object-fit:cover;width:32px}.datatable .cellWithStatus{border-radius:5px;padding:5px}.datatable .cellWithStatus.active{background-color:#0080000d;color:green}.datatable .cellWithStatus.pending{background-color:#ffd9000d;color:#daa520}.datatable .cellWithStatus.passive{background-color:#ff00000d;color:crimson}.datatable .cellAction{align-items:center;display:flex;gap:15px}.datatable .cellAction .viewButton{border:1px dotted rgba(0,0,139,.596);border-radius:5px;color:#00008b;cursor:pointer;padding:2px 5px}.datatable .cellAction .deleteButton{border:1px dotted #dc143c99;border-radius:5px;color:crimson;cursor:pointer;padding:2px 5px}.datatable .row-layer{display:flex;flex-direction:row;margin:5px}.datatable .input-box{border:1px solid #b1b1b1;border-radius:5px;display:flex;height:28px;margin-left:3;margin-right:3}.datatable .box-email{border:1px dotted #dc143c99;display:block;padding:5px}.NotFound_not-found__UKcIZ{align-items:center;display:flex;height:80vh;justify-content:center}.NotFound_not-found__UKcIZ div{align-items:center;display:flex;flex-direction:column;justify-content:center}.NotFound_not-found__UKcIZ h2{font-size:10rem}.NotFound_not-found__UKcIZ p{margin-bottom:2rem}
/*# sourceMappingURL=main.ecfa6f97.css.map*/