*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,input,textarea,video{border:0;margin:0;padding:0;text-decoration:none;vertical-align:baseline}html{font-size:62.5%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.6}@media (max-width: 750px){body{line-height:1.4}}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:focus:not(:focus-visible){outline:none}.contact-management-title{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;line-height:31px;letter-spacing:-.4000000059604645px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@keyframes fadeInTable{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filter-transition{animation:fadeInTable .5s ease-in-out;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.datalist-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;line-height:18px;text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#444;transition:color .3s ease}.dark-mode .datalist-label{color:#e0e0e0}.datalist-name{font-size:15px;font-weight:600;transition:color .3s ease;letter-spacing:.1px}.datalist-value{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1.5;text-align:left;transition:color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.icon-style{width:128px;height:20px;top:22px;left:20px;opacity:1}.contact-list-page{min-height:100vh;padding-bottom:100px;background-color:var(--background-color, #f8f9fa);transition:background-color .3s ease}.table-container{max-width:1600px;margin:0 auto;padding:0 1.5rem;position:relative;width:100%}.toggle-container{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0;height:48px;white-space:nowrap;transition:all .3s ease}.search-and-toggle-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;margin-top:30px;gap:20px;position:relative;flex-wrap:nowrap}.search-container{flex:1;position:relative}.active-toggle{font-weight:600;font-size:13px;transition:color .3s ease;letter-spacing:.2px;white-space:nowrap;display:inline-block;text-align:center}body.dark-mode .active-toggle{color:#fff}.toggle-container .MuiFormControlLabel-root{font-family:DM Sans,sans-serif;color:#333}.MuiTableBody-root .MuiTableRow-root:hover{cursor:pointer}.MuiTableHead-root .MuiTableRow-root{cursor:default}.search-bar{width:100%;opacity:1;font-family:DM Sans,sans-serif;font-size:15px;font-weight:400;line-height:1.4;text-align:left;border-radius:8px!important;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.search-bar:hover{box-shadow:0 4px 12px #00000014}.search-bar.focused{box-shadow:0 4px 16px #0000001a}.dark-mode .search-bar:hover{box-shadow:0 4px 12px #0003}.dark-mode .search-bar.focused{box-shadow:0 4px 16px #00000040}.search-bar .MuiInputBase-root{border-radius:8px!important;height:48px;transition:all .3s ease}.search-bar input{padding-left:16px!important;padding-right:8px!important;font-size:15px;font-weight:400;height:100%;transition:all .3s ease}.search-bar .MuiInputAdornment-root button{transition:transform .2s ease}.search-bar .MuiInputAdornment-root button:hover{transform:scale(1.05)}.contact-type{width:auto;height:auto;padding:5px 10px;gap:3px;border-radius:20px;color:#fff;margin-right:8px;margin-bottom:5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;text-transform:capitalize}.contact-type:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.contact-type-customer-contact{background:linear-gradient(135deg,#e6a600 0%,#ffc107 100%)}.contact-type-invoicing-contact{background:linear-gradient(135deg,#0085c0 0%,#00b4db 100%)}.contact-type-buyer-contact{background:linear-gradient(135deg,#444 0%,#666 100%)}.contact-type-default{background:linear-gradient(135deg,#1db2a6 0%,#3ec6e0 100%);color:#fff;font-style:normal;font-weight:700;box-shadow:none;border:1px solid #1db2a6;opacity:1}.contact-type-empty{background:transparent;color:transparent;box-shadow:none;border:none}.create-contact-icon{width:106px;height:18px;transition:all .3s ease;cursor:pointer;opacity:.8}.create-contact-icon:hover{transform:scale(1.05);opacity:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.table-icon-cell{padding:0;width:1%;white-space:nowrap}.align-end{display:flex;justify-content:flex-end;align-items:center}.no-results-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:80px 20px;text-align:center;background-color:#f9f9f9;border-radius:12px;margin:30px 0;box-shadow:0 8px 30px #0000000f;transition:all .3s ease;border:1px solid rgba(0,0,0,.06);opacity:1;width:100%;position:relative;left:50%;transform:translate(-50%)}.dark-mode .no-results-container,.dark-mode .loading-container{background-color:#ffffff08;box-shadow:0 8px 30px #00000026;border:1px solid rgba(255,255,255,.06)}.loading-container{background-color:#f5faff;border:1px solid #e1f1ff}.loading-message{font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;color:#1976d2;text-align:center;padding:30px;max-width:800px;animation:pulse 1.5s infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;margin:0 auto 40px;width:100%;background:rgba(240,247,255,.9);border-radius:12px;box-shadow:0 4px 20px #1976d226;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(25,118,210,.15)}.dark-mode .loading-message{color:#90caf9;background:rgba(30,33,42,.8);box-shadow:0 4px 20px #90caf926;border:1px solid rgba(144,202,249,.15)}.loading-message:after{content:"";display:block;width:60px;height:6px;background-color:#1976d2;border-radius:30px;animation:loading-bar 2.5s infinite;margin-top:20px;box-shadow:0 2px 8px #00000026}.dark-mode .loading-message:after{background-color:#90caf9;box-shadow:0 2px 8px #90caf966}@keyframes loading-bar{0%{width:60px}50%{width:280px}to{width:60px}}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.no-results-icon{width:180px;height:auto;margin-bottom:40px;opacity:.85;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transition:all .3s ease;animation:floatAnimation 3s ease-in-out infinite}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.no-result-message{font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;color:#555;text-align:center;padding:25px 40px;max-width:800px;line-height:1.8;background:rgba(255,255,255,.8);border-radius:12px;box-shadow:0 4px 20px #0000000f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(0,0,0,.05)}.dark-mode .no-result-message{background:rgba(30,33,42,.8);box-shadow:0 4px 20px #0003;border:1px solid rgba(255,255,255,.05);color:#e0e0e0}.pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;max-width:1600px;margin-left:auto;margin-right:auto;background:linear-gradient(to bottom,rgba(255,255,255,.94),rgba(255,255,255,.98));padding:12px 0;box-shadow:0 -3px 15px #0000000f;z-index:1000;border-top:1px solid rgba(0,0,0,.06);transition:all .3s ease;animation:fadeInUp .5s ease-out forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark-mode .pagination-container{background:linear-gradient(to bottom,rgba(30,33,42,.94),rgba(26,28,35,.98));box-shadow:0 -5px 25px #00000059;border-top:1px solid rgba(255,255,255,.08)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pagination-container .MuiPagination-root{padding:0 20px;display:flex;justify-content:center;width:100%}.pagination-container .MuiPagination-ul{gap:2px;display:flex;flex-wrap:wrap;justify-content:center}.pagination-container .MuiPaginationItem-root{font-family:DM Sans,sans-serif;font-weight:500;border-radius:8px;margin:0 2px;min-width:32px;height:32px;transition:all .25s cubic-bezier(.2,.8,.2,1);font-size:13px}.pagination-container .MuiPaginationItem-page.Mui-selected{background-color:#1976d2;color:#fff;font-weight:700;box-shadow:0 3px 8px #1976d266;transform:scale(1.05);letter-spacing:.2px}.dark-mode .pagination-container .MuiPaginationItem-page.Mui-selected{background-color:#90caf9;color:#222;box-shadow:0 3px 8px #90caf966}.pagination-container .MuiPaginationItem-page.Mui-selected:after{content:"";position:absolute;bottom:1px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background-color:#fffc}.pagination-container .MuiPaginationItem-page.Mui-selected{position:relative;overflow:visible}.pagination-container .MuiPaginationItem-page.Mui-selected:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;box-shadow:0 0 10px 2px #1976d240;opacity:.5;z-index:-1;animation:pulse-glow 2.5s infinite}@keyframes pulse-glow{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.pagination-container .MuiPaginationItem-page:hover{background-color:#1976d21f;transform:translateY(-1px);box-shadow:0 2px 5px #0000000f}.pagination-container .MuiPaginationItem-root{background-color:#f8f8f8;border:1px solid #eaeaea}.dark-mode .pagination-container .MuiPaginationItem-root{background-color:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#ddd}.pagination-container .MuiPaginationItem-page.Mui-selected:hover{background-color:#1565c0}.dark-mode .pagination-container .MuiPaginationItem-page.Mui-selected:hover{background-color:#82b1ff}.pagination-container .MuiPaginationItem-firstLast{background-color:#1976d214;box-shadow:0 2px 5px #0000000d}.dark-mode .pagination-container .MuiPaginationItem-firstLast{background-color:#90caf91a}.pagination-container .MuiPaginationItem-firstLast:hover{background-color:#1976d226}.pagination-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:800px;margin:0 auto;padding:5px 20px;background:rgba(255,255,255,.8);border-radius:30px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px #00000012;border:1px solid rgba(255,255,255,.7);transition:all .3s ease}.dark-mode .pagination-wrapper{background:rgba(30,33,42,.75);border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 20px #00000040,0 0 0 1px #ffffff08 inset}.pagination-wrapper:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.dark-mode .pagination-wrapper:hover{box-shadow:0 8px 20px #0000004d}.pagination-info{font-family:DM Sans,sans-serif;font-size:11px;color:#666;text-align:center;letter-spacing:.2px;margin-bottom:1px;font-weight:500}.dark-mode .pagination-info{color:#ffffffb3}.MuiTableContainer-root{border-radius:12px!important;box-shadow:0 4px 20px #00000014!important;overflow:hidden;transition:all .3s ease;animation:fadeInTable .7s ease-out .2s both;width:100%!important;max-width:100%!important;margin:0 auto;margin-bottom:60px!important}.dark-mode .MuiTableContainer-root{box-shadow:0 4px 20px #00000040!important}.MuiTable-root{border-collapse:separate;border-spacing:0}.MuiTableHead-root{background-color:#f5f7f9;transition:background-color .3s ease}.dark-mode .MuiTableHead-root{background-color:#ffffff0d}.MuiTableRow-root{transition:background-color .3s ease,transform .2s ease}.MuiTableBody-root .MuiTableRow-root:hover{background-color:#1976d20a;transform:translateY(-1px)}.dark-mode .MuiTableBody-root .MuiTableRow-root:hover{background-color:#ffffff0d}.MuiTableCell-head{padding:16px;border-bottom:2px solid rgba(0,0,0,.08)}.MuiTableCell-body{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.dark-mode .MuiTableCell-head{border-bottom:2px solid rgba(255,255,255,.1)}.dark-mode .MuiTableCell-body{border-bottom:1px solid rgba(255,255,255,.05)}.MuiTableSortLabel-root.Mui-active{color:#1976d2!important}.dark-mode .MuiTableSortLabel-root.Mui-active{color:#90caf9!important}.MuiTableSortLabel-icon{transition:transform .3s ease!important}.light-mode{--background-color: #f8f9fa;--surface-color: #ffffff;--text-color: #333333;--secondary-text: #666666;--border-color: rgba(0, 0, 0, .08);--hover-color: rgba(25, 118, 210, .05);--shadow-color: rgba(0, 0, 0, .1);--accent-color: #1976d2;--accent-hover: #1565c0;--icon-color: #666666}.dark-mode{--background-color: hsl(220, 13%, 18%);--surface-color: hsl(220, 13%, 23%);--text-color: #e0e0e0;--secondary-text: #aaaaaa;--border-color: rgba(255, 255, 255, .08);--hover-color: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .3);--accent-color: #90caf9;--accent-hover: #82b1ff;--icon-color: #e0e0e0}.dark-mode .MuiTableContainer-root{background-color:var(--surface-color);border:1px solid var(--border-color)}.dark-mode .MuiPaper-root{background-color:var(--surface-color)}.dark-mode .MuiTableBody-root .MuiTableRow-root{transition:all .3s ease}.dark-mode .MuiTableBody-root .MuiTableRow-root:hover{background-color:var(--hover-color)}@media screen and (max-width: 1200px){.table-container{padding:0 1.5rem}.MuiTableContainer-root{border-radius:10px!important}}@media screen and (max-width: 992px){.table-container{padding:0 1rem}.search-and-toggle-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.search-container{flex:1;width:100%}.toggle-container{width:100%;min-width:120px;justify-content:center;margin:10px 0}.datalist-value{max-width:250px}.MuiTableCell-head,.MuiTableCell-body{padding:12px}}@media screen and (max-width: 768px){.datalist-label{font-size:12px}.datalist-value{max-width:180px;font-size:13px}.MuiTableCell-head,.MuiTableCell-body{padding:10px 8px}.contact-type{padding:3px 8px;font-size:11px;margin-right:4px}.toggle-container{margin-top:5px;margin-bottom:10px}.search-bar input{font-size:14px}.search-bar .MuiInputBase-root{height:42px}.pagination-container{padding:10px 0}.pagination-container .MuiPagination-root{padding:0 8px}.pagination-container .MuiPaginationItem-root{min-width:28px;height:28px;margin:0 1px;font-size:12px}.pagination-info{font-size:11px}.pagination-wrapper{max-width:95%;border-radius:20px;padding:4px 12px;margin-bottom:10px}.MuiTableContainer-root{margin-bottom:70px}.table-container{margin:0 15px}.page-title-section{padding:15px 0;text-align:center}.datalist-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-type{margin-bottom:3px}}@media screen and (max-width: 576px){.table-container{padding:0 .75rem;overflow-x:auto}.MuiTableContainer-root{border-radius:8px!important}.datalist-value{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-and-toggle-container{gap:12px}.toggle-container{width:80%;min-width:100px;margin:5px auto}.no-result-message,.loading-message{font-size:16px;padding:20px}.active-toggle{font-size:12px}}@media (min-width: 1700px){.table-container,.pagination-container{max-width:1700px}}@media (max-width: 1300px){.table-container,.pagination-container{max-width:95%}}@media (max-width: 768px){.table-container{padding:0 1rem}.pagination-container{width:100%;max-width:100%}.search-and-toggle-container{flex-direction:column!important;align-items:center!important}.toggle-container{justify-content:center!important;margin-top:10px}}.page-title-section{padding:20px 0;margin-bottom:10px}.page-title{font-family:DM Sans,sans-serif;font-size:32px;font-weight:700;color:#333;margin:0 0 4px;letter-spacing:-.5px;transition:color .3s ease;animation:slideInLeft .6s ease-out}.page-subtitle{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;color:#666;margin:0;transition:color .3s ease;animation:slideInLeft .6s ease-out .1s both}.dark-mode .page-title{color:#e0e0e0}.dark-mode .page-subtitle{color:#aaa}@media screen and (max-width: 768px){.page-title{font-size:28px}.page-subtitle{font-size:14px}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.search-container{animation:slideInRight .6s ease-out}.toggle-container{animation:slideInRight .6s ease-out .1s both}.MuiTableContainer-root{animation:fadeInTable .7s ease-out .2s both}.MuiTableBody-root .MuiTableRow-root{transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.MuiTableBody-root .MuiTableRow-root:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}.MuiTableBody-root .MuiTableRow-root:hover:after{width:100%}.search-icon-button{border-radius:4px!important;padding:8px!important;margin-right:4px;transition:all .2s ease}.search-bar .MuiInputAdornment-root{margin-right:4px}.dark-mode .search-icon-button:hover{background-color:#ffffff1a}.light-mode .search-icon-button:hover{background-color:#1976d214}.source-system{width:auto;height:auto;padding:5px 10px;border-radius:20px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:300;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.source-system:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.source-system-ebx{background:linear-gradient(135deg,#eb8a13 0%,#eb8a13 100%)}.source-system-salesforce{background:linear-gradient(135deg,#00a1e0 0%,#4bc2f0 100%)}.source-system-default{background:linear-gradient(135deg,#4caf50 0%,#8bc34a 100%)}.dark-mode .source-system{box-shadow:0 2px 4px #0000004d}.dark-mode .source-system:hover{box-shadow:0 3px 6px #0006}.container{flex-direction:row;display:flex;justify-content:flex-start;align-items:center;margin:0 0 15px;padding:0 0 0 20px;position:relative}.header-navigation{display:flex;flex-direction:row;align-items:center}.backBtn{display:flex;flex-direction:row;align-items:center;background:transparent;border:0px;margin:0;cursor:pointer;padding:0}.backTxt{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;line-height:18px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;padding-left:8px;color:#595959;cursor:pointer;display:inline-block;vertical-align:middle}.backImg{width:16px;vertical-align:middle}.inline-title{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;margin:0 0 0 20px;display:inline-block;white-space:nowrap;position:relative;line-height:18px;z-index:10}.flex1{flex:1}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:var(--light-header-bg, #e0dbdb);box-shadow:0 2px 4px #0000000d;position:sticky;top:0;overflow:visible;min-height:48px;z-index:100;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease;margin-bottom:10px;position:relative}.header-start{display:flex;align-items:center;margin:0;max-width:75%}.header-end{display:flex;align-items:center;justify-content:flex-end;gap:16px;position:relative}.contact-image{width:50px;height:50px;margin-right:16px}.management-title{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;margin:0;color:#333;letter-spacing:.2px;transition:color var(--transition-speed) ease}.current-user{font-family:DM Sans,sans-serif;font-size:15px;color:#007bff;font-weight:700;position:relative;padding-right:30px}.current-user:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:24px;width:1px;background-color:#ddd;margin:0 8px}.logout-btn{font-family:DM Sans,sans-serif;color:#007bff;font-weight:500;transition:all .2s ease}.darkmode-logout-btn{font-family:DM Sans,sans-serif;color:#fff;font-weight:500;transition:all .2s ease}.icon-style{width:150px;height:50px;margin-right:20px;transition:transform .2s ease;object-fit:contain}.backBtn:hover .backTxt{text-decoration:underline;color:#444}.backBtn:hover .backImg{transform:translate(-2px);transition:transform .2s ease}.page-header-wrapper{width:100%;margin:0;padding:0;clear:both}.page-header-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px 20px;margin-bottom:15px;flex-wrap:wrap}.page-header-navigation{margin-right:25px}.page-header-title{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;margin:0;padding:0;white-space:nowrap}@media (max-width: 576px){.page-header-container{flex-direction:column;align-items:flex-start;padding:10px 15px}.page-header-title{margin-top:10px;margin-left:10px}.page-header-navigation{margin-bottom:5px}}@media screen and (max-width: 768px){.header{padding:10px 16px}.management-title{font-size:18px}.icon-style{width:120px;height:40px;margin-right:10px}.current-user{font-size:14px;padding-right:12px}}@media screen and (min-width: 720px){.text{font-size:30px;line-height:30px;padding-left:15px}.logo{width:220px;height:70px}.line{border:1.8px solid #595959;height:24px}.backTxt{font-size:12px}.backImg{width:18px}.title{font-size:22px;line-height:35px}}@media screen and (min-width: 1220px){.text{font-size:40px;line-height:40px;padding-left:20px}.logo{width:320px;height:80px}.line{border:2.2px solid #595959;height:28px}.backTxt{font-size:14px}.backImg{width:20px}.title{font-size:24px;line-height:40px}}@media screen and (max-width: 480px){.header{padding:8px 10px;position:relative}.header-logo{height:30px;max-width:120px;margin-bottom:5px}.header-end{right:5px;gap:10px;display:flex!important;align-items:center;justify-content:flex-end;position:absolute;top:50%;transform:translateY(-50%)}.dark-mode-toggle{margin-right:0;transform:scale(.85);min-width:20px;min-height:20px;display:flex!important;align-items:center;justify-content:center;position:relative}.avatar{width:24px;height:24px;min-width:24px;position:relative}}@media screen and (max-width: 368px){.header{padding:6px 8px;position:relative;overflow:visible!important}.header-logo{height:24px;max-width:60%}.container{padding:0 0 0 5px;margin-bottom:5px}.header-end{right:5px;gap:12px;display:flex!important;align-items:center;justify-content:flex-end;position:absolute;top:50%;transform:translateY(-50%)}.dark-mode-toggle{margin-right:0;transform:scale(.85);min-width:20px;min-height:20px;display:flex!important;align-items:center;justify-content:center;position:relative;z-index:101}.avatar{width:24px;height:24px;min-width:24px;position:relative;z-index:101}}@media screen and (max-width: 300px){.header{padding:5px 2px}.header-logo{height:20px;max-width:50%}.header-end{right:2px;gap:15px;position:absolute;top:50%;transform:translateY(-50%);justify-content:flex-end;padding-right:2px}.dark-mode-toggle{margin-right:0;transform:scale(.75);min-width:18px;min-height:18px;position:relative;display:flex!important;align-items:center;justify-content:center;z-index:101}.avatar{width:22px;height:22px;min-width:22px;position:relative;z-index:101}.current-user{display:none}.inline-title{font-size:16px;margin:0 0 0 5px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.header-navigation{gap:5px}}.page-title-container{display:flex;align-items:center;flex-wrap:nowrap;padding:10px 32px;margin-bottom:15px;transition:background-color var(--transition-speed) ease;z-index:99}.page-title-nav{margin-right:75px}.page-title{font-family:DM Sans,sans-serif;font-size:26px;font-weight:700;margin:0;line-height:24px;transition:color var(--transition-speed) ease}.back-button{display:flex;align-items:center;background:transparent;border:none;padding:0;margin:1%;cursor:pointer;height:24px}.back-button-text{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#595959;margin-left:8px;line-height:24px;vertical-align:middle}@media (min-width: 1281px){.page-title-container{padding:10px 350px}.page-title{font-size:26px}}.detailPageContainer{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:-30px auto 0;padding-left:5rem;padding-right:20px;padding-top:0;font-family:DM Sans,sans-serif;position:relative;z-index:1;min-height:calc(100vh - 140px)}.back-button{display:flex;align-items:center;background-color:transparent;border:none;padding:0;margin-bottom:15px;cursor:pointer;transition:all .3s ease;font-family:DM Sans,sans-serif}.back-button:active{transform:scale(.97)}.back-button:focus{outline:none}.back-button img.backImg{width:24px;height:24px;margin-right:8px;transition:transform .3s ease}.back-button:hover img.backImg{transform:translate(-3px)}.back-button-text{font-size:16px;font-weight:500;color:#333}body.dark-mode .back-button-text{color:#e0e0e0}.detailSectionTitleText,.contactRelationshipText{font-family:DM Sans,sans-serif;font-size:25px;font-weight:700;line-height:32px;letter-spacing:-.4px;text-align:left;color:#000;margin-top:0;margin-bottom:10px;padding-left:0;position:relative;max-width:60%}.contactRelationshipText{margin-top:30px}body.dark-mode .contactRelationshipText,body.dark-mode .detailSectionTitleText{color:#e0e0e0}.editButton{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .3s ease;color:#fff;font-weight:500;font-size:14px;margin-left:auto;height:32px;box-shadow:0 2px 5px #00000026}.editButton img{width:18px;height:18px;margin-right:8px;filter:brightness(0) invert(1)}.close-all-button{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:1px solid #e0e0e0;padding:8px 12px;border-radius:5px;font-size:13px;font-weight:500;color:#505050;cursor:pointer;transition:all .3s ease;gap:6px}.close-all-button:hover{background-color:#e8e8e8;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}body.dark-mode .close-all-button{background-color:#444;border-color:#555;color:#e0e0e0}body.dark-mode .close-all-button:hover{background-color:#555}.editButton span{display:inline-block;vertical-align:middle;position:relative;transition:all .3s ease}.editButton:hover span{transform:scale(1.03)}.editButton:focus{outline:2px solid rgba(52,152,219,.5);outline-offset:2px}body.dark-mode .editButton:focus{outline:2px solid rgba(74,144,226,.5)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%;margin-top:15px;position:relative}.detailContentText{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#fff;margin-bottom:30px}body.dark-mode .detailContentText{border-color:#444;background-color:#2d2d2d}.detailSectionSubTitleText{font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;line-height:24px;text-align:left;color:#000;padding-top:.8em;padding-bottom:.4em}.dataContainer{display:flex;flex-wrap:wrap;font-family:DM Sans,sans-serif}.dataSet{margin-bottom:12px;width:100%}@media (min-width: 768px){.dataSet{width:48%;margin-right:2%}}.label{color:#595959;font-size:14px;text-align:left;font-weight:400;line-height:18px}.value{font-size:16px;line-height:20px;color:#000}.contactDetailsHeader{display:flex;align-items:center;justify-content:space-between;padding:0}.compact-header{margin-bottom:3px;justify-content:flex-end}.paddingRight{padding:0;width:100%}.dividingLineSpace{padding-top:.8em;padding-bottom:1em}.editButton{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border:none;padding:.6em 1em;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 5px #00000026;display:flex;align-items:center;gap:8px}.editButton:hover{background:linear-gradient(135deg,#2980b9,#1c6ea4);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.editButton:active{transform:translateY(0);box-shadow:0 2px 4px #00000026}body.dark-mode .editButton{background:linear-gradient(135deg,#4a90e2,#3572b0);color:#fff;box-shadow:0 2px 5px #0000004d}body.dark-mode .editButton:hover{background:linear-gradient(135deg,#3572b0,#285a8e)}.contactDetailTable{width:100%;border-collapse:collapse;box-shadow:0 1px 3px #0000001a;border-radius:4px;overflow:hidden;margin-top:5px;margin-bottom:0}.contactDetailTable th{background-color:#f2f2f2;text-align:left;border-bottom:1px solid #ddd}.contactDetailTable td:first-child{flex-grow:1;text-align:left}.contactDetailTable td:nth-child(2),.contactDetailTable td:nth-child(3){flex-shrink:0;text-align:right}.viewButton,.dropdownButton{background:none;border:none;cursor:pointer}.notificationText{font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;line-height:20px;text-align:left;padding-left:10px}.notificationText strong{font-weight:500;color:#333}.contactRelationship{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:22px;text-align:left;padding-left:5px;margin-bottom:5px}.clickableRow{cursor:pointer;transition:background-color .2s ease}.clickableRow:hover{background-color:#f0f7ff}.detailFooterNotes{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:left;color:#666;border-top:1px solid #eee;padding-top:15px;margin-top:auto;padding-bottom:20px}.expansionDividingLine{padding-top:.5em}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.contact-loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0}.dropdownContainer{margin-top:8px;font-size:20px;border-bottom:1px solid #ddd}.dropdownHeader{display:flex;justify-content:space-between;align-items:center;padding:2px 0;cursor:pointer}.dropdownTitle{font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;color:#000;display:flex;flex-grow:1}.dropdownActions{display:flex;align-items:center;gap:10px}.dropdownButton{background:none;border:none;cursor:pointer}.dropdownButton img{width:16px;height:16px}.dropdownContent{font-family:DM Sans,sans-serif;font-size:16px;color:#595959;margin-top:8px;border:1px solid #eee;border-radius:4px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.dropdownContent li{list-style-type:none;padding:8px 12px;margin:0;border-bottom:1px solid #f0f0f0}.dropdownContent li:last-child{border-bottom:none}.dropdownContent li:hover{background-color:#f8f8f8}.dropdownContainer:last-child{border-bottom:1px solid #ddd;margin-bottom:20px}body.dark-mode .dropdownContainer{border-bottom:1px solid var(--dark-border)}body.dark-mode .dropdownContainer:last-child{border-bottom:1px solid var(--dark-border)}.accessStatusContainer{margin:10px 0;padding:10px 0}.accessStatus{display:flex;align-items:center;font-family:DM Sans,sans-serif;margin-bottom:10px}.accessLabel{font-weight:400;color:#595959;font-size:14px;margin-right:10px}.accessValue{color:#088a08;font-size:16px;font-weight:500;padding:4px 10px;background-color:#e6f7e6;border-radius:4px;border:1px solid rgba(8,138,8,.3);display:inline-block}.accessTitle{font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;color:#000;margin-right:5px}.accessStatusHeader{display:flex;align-items:center;padding:1px 0;margin-bottom:4px;justify-content:space-between}.relationship-container{display:flex;width:100%;margin-bottom:10px}.detailContentText{background-color:#fdfdfd;border-radius:6px;border:1px solid #eee;margin-bottom:10px;margin-top:0;padding:8px 15px 10px 20px}.relationshipDetailsContent{background-color:#fdfdfd;border-radius:6px;margin-bottom:10px;margin-top:0;padding:8px 15px 10px 20px}.subscription-items-container{display:flex;flex-direction:column;width:100%;gap:3px}.subscription-items-container>*{width:100%;margin-bottom:4px}.subscription-items-container .dropdownContainer{margin-bottom:1px;margin-top:4px;display:flex;flex-direction:column}.subscription-items-container .dropdownContainer:first-child{border-top:1px solid #ddd;padding-top:8px}body.dark-mode .subscription-items-container .dropdownContainer:first-child{border-top:1px solid var(--dark-border)}.subscription-items-container .accessStatusHeader,.subscription-items-container .dropdownHeader{display:flex;flex-direction:row;justify-content:space-between;padding:2px 0}.contact-relationships-section{margin-top:5px;padding:0;border-radius:6px}.no-top-margin{margin-top:15px}@media (max-width: 768px){.contact-details-header{flex-direction:column;align-items:flex-start}.header-left{width:100%;margin-bottom:5px}.header-center{padding-left:0}.detailSectionTitleText{font-size:24px;padding-left:0}.back-button{margin-left:0;padding-left:0}}@media (min-width: 769px) and (max-width: 1024px){.detailPageContainer{padding-left:3.5rem}}.header-right{display:flex;align-items:center}.source-indicator{padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.source-indicator.salesforce{background:linear-gradient(135deg,#00a1e0 0%,#4bc2f0 100%)}.source-indicator.ebx{background:linear-gradient(135deg,#eb8a13 0%,#f7a43a 100%)}.source-indicator.crm{background:linear-gradient(135deg,#00a1e0 0%,#4bc2f0 100%)}.source-indicator.mdm{background:linear-gradient(135deg,#eb8a13 0%,#f7a43a 100%)}body.dark-mode .source-indicator{box-shadow:0 2px 4px #0000004d}.contactRelationshipItem{margin-bottom:3px;padding:0}.contactRelationshipContent{padding:8px 12px;transition:background-color .2s,opacity .3s}.contactRelationshipContent:hover{background-color:#f8f8f8}.compact-list-item{margin-bottom:0;border-bottom:1px solid #f0f0f0;padding:6px 0}.compact-list-item:last-child{border-bottom:none}.status-badge-active{display:inline-flex;align-items:center;padding:3px 8px;background-color:#e6f7e6;color:#088a08;font-size:14px;font-weight:500;border-radius:4px;border:1px solid rgba(8,138,8,.3)}.status-badge-active:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#088a08;margin-right:5px}.relationship-data-container{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:10px;padding-top:8px;padding-bottom:6px}.relationship-data-item{flex:1 1 auto;min-width:150px;overflow-wrap:break-word;word-wrap:break-word;margin-bottom:2px}.email-item{flex:2 1 auto;max-width:40%}.phone-item{flex:1.5 1 auto;max-width:35%}.fax-item{flex:1 1 auto;max-width:25%}.relationship-data-item .value{word-break:break-word;white-space:normal;line-height:1.5}@media (max-width: 992px){.relationship-data-container{flex-direction:column;gap:15px}.relationship-data-item{width:100%;max-width:100%;margin-bottom:5px}}.clickableRow{transition:background-color .2s ease;border-bottom:1px solid #ddd;height:48px}.close-all-button-container{text-align:right;margin-bottom:10px}.close-all-button{padding:6px 12px;font-size:13px;cursor:pointer;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;transition:all .2s ease;color:#333;font-weight:500;box-shadow:0 1px 2px #0000000d}.close-all-button:hover{background-color:#e6e6e6;border-color:#c4c4c4;box-shadow:0 1px 3px #0000001a}.close-all-button:active{background-color:#d9d9d9;border-color:#bbb;transform:translateY(1px);box-shadow:none}.clickableRow td{vertical-align:middle}.clickableRow:hover{background-color:#f2f2f2}.contactDetailTable{width:100%;border-collapse:separate;border-spacing:0;border-radius:4px;overflow:hidden;margin-top:5px;border:none}.contactDetailTable tr:last-child td{border-bottom:1px solid rgb(243,237,237)}.contactDetailTable tr td{padding:0 15px;border-bottom:1px solid rgb(243,237,237)}body.dark-mode .contactDetailTable tr:last-child td{border-bottom:1px solid rgb(88,85,85)}body.dark-mode .contactDetailTable tr td{padding:0 15px;border-bottom:1px solid rgb(88,85,85)}body.dark-mode .clickableRow{color:var(--dark-text);border-bottom:1px solid var(--dark-border)}body.dark-mode .notificationText{color:var(--dark-text)}body.dark-mode .clickableRow:hover .notificationText{color:var(--light-text)}body.dark-mode .close-all-button{background-color:#444;color:#f0f0f0;border-color:#555}body.dark-mode .close-all-button:hover{background-color:#555;border-color:#666}body.dark-mode .close-all-button:active{background-color:#333;border-color:#444}body.dark-mode .contactDetailTable{color:var(--dark-text);border-color:var(--dark-border);background-color:var(--dark-surface)}body.dark-mode .contactDetailTable tr{border-color:var(--dark-border)}body.dark-mode .label{color:#ffffffb3}body.dark-mode .value,body.dark-mode .dropdownButton{color:var(--dark-text)}body.light-mode .clickableRow:hover{background-color:#f2f2f2;color:var(--light-text)}.clickableRow:hover{cursor:pointer}.addresses-list{display:flex;flex-direction:column;gap:8px;padding:4px 0}.address-item{padding:6px 0;line-height:1.4;border-bottom:1px solid #eee}.address-item:last-child{border-bottom:none}.dark-mode .address-item{border-bottom:1px solid #444}.permission-category{margin-bottom:4px;border:1px solid #e0e0e0;border-radius:4px}.permission-category-header{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;background-color:#f5f5f5;border:none;width:100%;text-align:left;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.permission-category-header:hover{background-color:#e8e8e8}.permission-category-content{padding:4px 8px;background-color:#fff;max-height:none;overflow-y:visible}.permission-subcategory{margin:3px 0 4px;border:1px solid #eaeaea;border-radius:3px;background-color:#fafafa}.permission-subcategory-header{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background-color:#f0f0f0;border:none;width:100%;text-align:left;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s;border-radius:3px}.permission-subcategory-header:hover{background-color:#e5e5e5}.permission-subcategory-content{padding:3px 6px;background-color:#fafafa;max-height:none;overflow-y:visible;margin-top:3px}.permission-item{padding:2px 0;font-size:14px}body.dark-mode .permission-category{border-color:#555}body.dark-mode .permission-category-header{background-color:#3a3a3a;color:#e0e0e0}body.dark-mode .permission-category-header:hover{background-color:#444}body.dark-mode .permission-category-content{background-color:#333;color:#e0e0e0}.category-toggle-icon{width:16px;height:16px}.dropdownContent.open{height:auto!important;max-height:none!important}.permission-category{margin-bottom:6px;padding-bottom:4px;box-shadow:0 1px 3px #0000001a}.permission-category-header{background-color:#f0f0f0!important;border-bottom:1px solid #ddd;padding:6px 8px!important;font-weight:600!important}.permission-category-header:hover{background-color:#e5e5e5!important}.permission-category:first-of-type .permission-category-header{background-color:#f5f5f5!important;color:#222}.permission-category:first-of-type .permission-item{color:#000;font-weight:500}.permission-subcategory-header{background-color:#f8f8f8!important;border-left:3px solid #ddd;font-weight:500!important}.permission-item{padding:4px 0;border-bottom:1px solid #f0f0f0;margin:0 3px}.permission-item:last-child{border-bottom:none}.permission-category:last-child{margin-bottom:10px;border:1px solid #c0c0c0}body.dark-mode .permission-category:last-child{border:none}.virtualizedList{max-height:none!important;overflow:visible!important;color:#fff}.permission-category-content,.permission-subcategory-content{overflow:visible!important;padding:6px 8px!important;color:#000}body.dark-mode .permission-category{box-shadow:0 1px 3px #0000004d;border:none;background-color:var(--dark-card-bg)}body.dark-mode .permission-category-header{background-color:var(--dark-card-bg)!important;border-bottom:1px solid #444;padding-bottom:10px}body.dark-mode .permission-subcategory{border:none;background-color:var(--dark-card-bg)}body.dark-mode .permission-subcategory-header{background-color:var(--dark-card-bg)!important;border-left-color:#555;border-bottom:1px solid #444;padding-bottom:8px}body.dark-mode .permission-item{border-bottom:1px solid #444;padding:4px 3px}body.dark-mode .permission-category:first-of-type .permission-category-header{border-left-color:#555;background-color:var(--dark-card-bg)!important;color:#fff}.mkf-header-content{display:flex;width:100%;align-items:center;position:relative}.mkf-email{font-size:16px;position:absolute;left:50%;transform:translate(-50%);white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:60%;text-align:center}.dropdownTitle{flex-shrink:0;font-weight:500;width:70px}.dropdownHeader{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;width:100%;padding:10px 0;position:relative}.dropdownActions{flex-shrink:0;margin-left:auto;z-index:1}@media (max-width: 768px){.mkf-header-content{flex-direction:column;align-items:flex-start;padding-bottom:20px}.mkf-email{position:relative;left:0;transform:none;margin-top:5px;margin-left:20px;max-width:100%;text-align:left}}body.dark-mode .permission-category:first-of-type .permission-item{color:#fff;background-color:var(--dark-card-bg)}body.dark-mode .dropdownContainer{background-color:var(--dark-card-bg);border-color:#444}body.dark-mode .dropdownHeader{background-color:var(--dark-card-bg);color:#fff;border-color:#444}body.dark-mode .dropdownTitle{color:#fff}body.dark-mode #Super-User{background-color:var(--dark-card-bg);color:#fff}body.dark-mode .category-toggle-icon{filter:brightness(2)}body.dark-mode .permission-category-content,body.dark-mode .permission-subcategory-content{overflow:visible!important;padding:6px 8px!important;background-color:var(--dark-card-bg)!important;color:#fff;border:none}button.loginButton,button.loginButton *{cursor:pointer!important}.loginButton{z-index:10;pointer-events:auto}.loginButton{display:flex;align-items:center;justify-content:center;padding:16px 40px;background-color:#f8fcff;border:2px solid #0099d8;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer!important;transition:all .3s ease;width:fit-content;margin:30px 0 10px;color:#0066a1;font-family:DM Sans,sans-serif;box-shadow:0 4px 12px #0099d826;position:relative;overflow:hidden;user-select:none}.loginButton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);transition:left 1s ease}.loginButton:hover:after{left:100%}.loginButton img{width:1.8rem;height:1.8rem;margin-right:12px}.loginButton:hover{background-color:#0099d8;color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px #0099d840;cursor:pointer}.loginButton:hover .dark-text{color:#fff}.loginButton span{cursor:pointer;pointer-events:none}.login-button-text{cursor:pointer;display:inline-block;position:relative}.loginWelcomeTitle{color:#043b5c;margin-bottom:1.5rem;line-height:1.2;font-size:2.8rem;font-weight:700;font-family:DM Sans,sans-serif;transition:color var(--transition-speed) ease}.loginSubtitle{color:#3a5a6f;margin-bottom:2rem;line-height:1.5;font-size:1.25rem;transition:color var(--transition-speed) ease;font-weight:400;font-family:DM Sans,sans-serif;max-width:500px;text-align:center}.login-logo{width:90px;height:auto;filter:drop-shadow(0 3px 5px rgba(0,0,0,.15));margin-bottom:10px}.paddingBottom_40{padding-bottom:40px}.loginButton{transition:all .3s ease,background-color var(--transition-speed) ease,color var(--transition-speed) ease}.loginButton.dark-mode-button{background-color:#222;border-color:#0099d8;color:#0099d8;cursor:pointer}.loginButton.dark-mode-button:hover{background-color:#0099d8;color:#fff;cursor:pointer}.loginButton .dark-text{color:#fff}.loginFeatures{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:15px 0 25px;padding:18px 25px;background-color:#f0f9ff;border-radius:8px;border-left:4px solid #0099d8;box-shadow:0 2px 8px #007bc414}.feature-item{display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:1rem;color:#2a5273;font-weight:500;position:relative;padding:6px 0;transition:transform .2s ease}.feature-item:hover{transform:translate(3px)}.feature-icon{color:#0085c7;font-weight:700;margin-right:12px;font-size:1.15rem}.login-header{width:100%;display:flex;justify-content:flex-end;padding:20px;position:fixed;top:0;right:0;z-index:1000}.dark-mode-toggle-container{display:flex;align-items:center}.login-page-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#eef5ff 0%,#e0edff 100%);z-index:-1;transition:background-color var(--transition-speed) ease}.login-page-background.dark-mode{background:linear-gradient(135deg,hsl(220,15%,16%) 0%,hsl(220,15%,12%) 100%)}.login-page-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230099d8' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.7}.login-card{background-color:#fffffff5;border-radius:14px;box-shadow:0 10px 40px #007bc426,0 2px 10px #0099d814,0 0 0 1px #0085c41a;padding:4%;min-width:30%;text-align:center;transition:all .3s ease;border:none;position:relative;overflow:hidden;animation:fadeInUp .7s ease-out forwards;backdrop-filter:blur(10px)}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:14px;padding:2px;background:linear-gradient(135deg,rgba(0,153,216,.4),rgba(255,255,255,.1),rgba(0,153,216,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;opacity:.7}.login-card:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(to right,#0099d8,#0066a1);position:absolute;bottom:0;left:50%;transform:translate(-50%);border-radius:2px 2px 0 0}body.dark-mode .login-card{background-color:var(--dark-card-bg);box-shadow:0 4px 15px #0000004d}body.dark-mode .loginSubtitle{color:#b0c4d8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loginButton,.feature-item,.login-card{will-change:transform,box-shadow}.Center{perspective:1000px}.login-card:hover{box-shadow:0 15px 50px #007bc433,0 3px 15px #0099d81a,0 0 0 1px #0085c426;transform:translateY(-3px)}.app-container body,.app-container input,.app-container textarea,.app-container button{background:#ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#000;font-weight:500;font-size:16px}body{scroll-margin-top:60px;scroll-padding-top:60px}main,.content-container{padding-top:5px}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.dark-mode-toggle{margin-right:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;position:relative;overflow:hidden;transition:all .3s ease}.dark-mode .dark-mode-toggle{box-shadow:0 0 4px #ffffff4d}.light-mode .dark-mode-toggle{box-shadow:0 0 4px #0000004d}body.dark-mode .MuiPaper-root{background-color:var(--card-background)!important;color:var(--text-color)!important}body.dark-mode .MuiTableCell-root{color:var(--text-color)!important;border-color:var(--border-color)!important}body.dark-mode .MuiOutlinedInput-root{color:var(--text-color)!important}body.dark-mode .MuiOutlinedInput-notchedOutline{border-color:var(--input-border)!important}body.dark-mode .MuiInputBase-input{color:var(--text-color)!important}body.dark-mode .MuiInputBase-root{background-color:var(--input-background)!important}body.dark-mode .MuiIconButton-root{color:var(--text-color)!important}body.dark-mode .MuiDivider-root{background-color:var(--border-color)!important}body.dark-mode .MuiPagination-ul .MuiPaginationItem-root{color:var(--text-color)!important;background-color:var(--card-background)!important}body.dark-mode .MuiPagination-ul .MuiPaginationItem-ellipsis{background-color:transparent!important}body.dark-mode .MuiTableHead-root{background-color:var(--table-header-bg)!important}body.dark-mode .contact-list-page{background-color:var(--background-color)!important;color:var(--text-color)!important}body.dark-mode .table-container{background-color:var(--card-background)!important;border-color:var(--border-color)!important}body.dark-mode .search-bar{background-color:var(--input-background)!important;border-color:var(--input-border)!important}body.dark-mode .header{background-color:var(--card-background)!important;color:var(--text-color)!important;border-bottom:1px solid var(--border-color)!important}body.dark-mode .management-title,body.dark-mode .current-user{color:var(--text-color)!important}:root{--transition-speed: .3s;--light-background: #ffffff;--light-text: hsl(0, 0%, 10%);--light-card-bg: #ffffff;--light-border: #e0e0e0;--light-input-bg: #ffffff;--light-input-border: #cccccc;--light-table-header: #f5f5f5;--light-header-bg: #eceaea;--dark-background: hsl(220, 13%, 18%);--dark-text: hsl(0, 0%, 90%);--dark-card-bg: hsl(220, 13%, 23%);--dark-border: hsl(220, 13%, 30%);--dark-input-bg: hsl(220, 13%, 23%);--dark-input-border: hsl(220, 13%, 30%);--dark-table-header: hsl(220, 13%, 28%);--dark-header-bg: hsl(220, 13%, 15%)}body{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}body.dark-mode{background-color:var(--dark-background);color:var(--dark-text)}body.dark-mode .contact-list-page table{background-color:var(--dark-card-bg);color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode .contact-list-page th{background-color:var(--dark-table-header);color:var(--dark-text)}body.dark-mode .contact-list-page tr{border-color:var(--dark-border)}body.dark-mode .contact-list-page td{color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode .contact-detail-page{background-color:var(--dark-background);color:var(--dark-text)}body.dark-mode .detail-section{background-color:var(--dark-card-bg);border-color:var(--dark-border)}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background-color:var(--dark-input-bg);color:var(--dark-text);border-color:var(--dark-input-border)}body.dark-mode .login-container{background-color:var(--dark-card-bg);color:var(--dark-text)}body.dark-mode .loginButton.dark-mode-button{background-color:#333;border-color:#555}body.dark-mode .loginButton .dark-text{color:#fff!important}body.dark-mode .notification-container{background-color:var(--dark-card-bg);color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode svg:not([fill]) path:not([fill]){fill:currentColor}body.dark-mode .pagination-container{background:linear-gradient(to bottom,rgba(34,36,44,.9),rgba(34,36,44,.98));border-top:1px solid var(--dark-border);box-shadow:0 -4px 10px #0003}body.dark-mode .MuiPaginationItem-root{color:var(--dark-text);background-color:var(--dark-card-bg)}body.dark-mode .MuiPaginationItem-page.Mui-selected{background-color:#2c7abc!important;color:#fff!important;box-shadow:0 2px 4px #0006!important}body.dark-mode .MuiPaginationItem-page:hover{background-color:#2c7abc4d!important}body.dark-mode button{color:var(--dark-text)}body.dark-mode .darkmode-logout-btn,.darkmode-logout-btn{color:#fff!important;background-color:#6e6b6b56!important}body.dark-mode .detailPageContainer,.dark-mode .detailPageContainer{color:var(--dark-text)}body.dark-mode .detailContentText,.dark-mode .detailContentText,body.dark-mode .relationshipDetailsContent,.dark-mode .relationshipDetailsContent{background-color:var(--dark-card-bg);border-color:var(--dark-border)}body.dark-mode .contactDetailsHeader,.dark-mode .contactDetailsHeader{border-color:var(--dark-border)}body.dark-mode .label,.dark-mode .label,body.dark-mode .value,.dark-mode .value{color:var(--dark-text)}body.dark-mode .editButton,.dark-mode .editButton{background-color:var(--dark-input-bg);color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode .detailSectionTitleText,.dark-mode .detailSectionTitleText,body.dark-mode h1.detailSectionTitleText{color:var(--dark-text)}body.dark-mode .no-results-container{background-color:var(--dark-card-bg);color:var(--dark-text);border:1px solid var(--dark-border);box-shadow:0 2px 6px #0003}body.dark-mode .no-result-message{color:var(--dark-text)}body.dark-mode .loading-container{background-color:var(--dark-card-bg);color:var(--dark-text);border:1px solid var(--dark-border);box-shadow:0 2px 6px #0003}body.dark-mode .loading-message{color:#4a9eff}body.dark-mode .loading-message:after{background-color:#4a9eff}body.dark-mode .header{background-color:var(--dark-header-bg);box-shadow:0 2px 8px #0000004d;border-bottom:1px solid var(--dark-border)}body.dark-mode .management-title{color:var(--dark-text)}body.dark-mode .current-user{color:#65a9ff}body.dark-mode .current-user:after{background-color:var(--dark-border)}body.dark-mode .back-button-text,body.dark-mode .page-title{color:var(--dark-text)}body.dark-mode .header{position:sticky;top:0;z-index:1000}body.dark-mode .icon-style{filter:brightness(1.2)}body.dark-mode .header{background:linear-gradient(to bottom,var(--dark-header-bg),hsl(220,13%,17%))}body.dark-mode button:hover:not(:disabled),body.dark-mode .back-button:hover{filter:brightness(1.2)}body.dark-mode .content-container,body.dark-mode .contact-list-page,body.dark-mode .contact-detail-page{position:relative;border-top:1px solid rgba(255,255,255,.05);box-shadow:inset 0 5px 10px -5px #0003}body.dark-mode ::-webkit-scrollbar{width:10px;height:10px}body.dark-mode ::-webkit-scrollbar-track{background:var(--dark-background)}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:5px}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#555}body.dark-mode .contact-type-empty{background:transparent;color:transparent;box-shadow:none;border:none}body.dark-mode .loginWelcomeTitle{color:#fff}body.dark-mode .loginSubtitle{color:#b0b0b0}body.dark-mode .loginFeatures{background-color:#2a2a2a;border-left:4px solid #0099d8}body.dark-mode .feature-item{color:#d0d0d0}body.dark-mode .feature-icon{color:#0099d8}body.dark-mode .login-page-background{background:linear-gradient(135deg,#1a1c23 0%,#151823 100%)}body.dark-mode .login-page-background:before{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230085c7' fill-opacity='0.07'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}body.dark-mode .login-card{background-color:#1e232dd9;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d;backdrop-filter:blur(20px)}body.dark-mode .login-card:before{background:linear-gradient(135deg,rgba(0,153,216,.25),rgba(30,35,45,.1),rgba(0,153,216,.15));opacity:.6}body.dark-mode .loginFeatures{background-color:#0c192880;border-left:4px solid #0085c7;box-shadow:0 2px 8px #0003}body.dark-mode .dropdownContainer{background-color:var(--dark-card-bg);color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode .dropdownHeader{color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode .dropdownTitle{color:var(--dark-text)}body.dark-mode .dropdownContent{background-color:var(--dark-card-bg);color:var(--dark-text);border-color:var(--dark-border)}body.dark-mode .clickableRow:hover{background-color:#ffffff1a}body.dark-mode .clickableRow:hover td{color:var(--light-text)}body.dark-mode .detailFooterNotes,.dark-mode .detailFooterNotes{color:var(--dark-text);border-top:1px solid var(--dark-border)}body.light-mode .clickableRow:hover{background-color:#f2f2f2}body.light-mode .clickableRow:hover td{color:var(--light-text)}.contact-list-page,.table-container,.search-bar,.header,.management-title,.current-user,.contact-list-page table,.contact-list-page th,.contact-list-page td,.contact-detail-page,.detail-section,.no-results-container,.loading-container,.no-result-message,.loading-message,input,textarea,select,.login-container,.notification-container,.detailPageContainer,.detailContentText,.contactDetailsHeader,.label,.value,.editButton,.detailSectionTitleText,button,.MuiPaper-root,.MuiTableCell-root,.MuiOutlinedInput-root,.MuiOutlinedInput-notchedOutline,.MuiInputBase-input,.MuiInputBase-root,.MuiIconButton-root,.MuiDivider-root,.MuiPaginationItem-root,.MuiTableHead-root{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.dark-mode-toggle{transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.dark-mode-toggle:active{transform:scale(.9)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dark-mode-toggle:focus{animation:bounce .4s ease}._root_18xxb_1{position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(20,20,22,.85);justify-content:center;align-items:center;display:flex;padding:5%;z-index:1000;backdrop-filter:blur(5px);animation:_fadeIn_18xxb_1 .3s ease}._container_18xxb_17{background:var(--light-background, #ffffff);box-shadow:0 5px 40px #00000040;border-radius:16px;justify-content:center;align-items:center;display:flex;flex-direction:column;position:relative;min-width:350px;width:100%;max-width:850px;transition:all .3s ease;animation:_slideIn_18xxb_1 .3s ease;overflow:hidden}@keyframes _fadeIn_18xxb_1{0%{opacity:0}to{opacity:1}}@keyframes _slideIn_18xxb_1{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.dark-mode ._container_18xxb_17{background:var(--dark-card-bg, hsl(220, 13%, 23%));border:1px solid var(--dark-border, hsl(220, 13%, 30%))}._closeBtn_18xxb_59{position:absolute;right:24px;top:13px;border:0px;border-radius:50%;background:#f0f0f0;padding:12px;display:flex;justify-items:center;align-items:center;cursor:pointer;transition:all .2s ease;z-index:10;box-shadow:0 2px 4px #0000001a;width:36px;height:36px}._closeBtn_18xxb_59:hover{background:#e0e0e0;transform:scale(1.05)}._closeIcon_18xxb_83{width:16px;height:16px}.dark-mode ._closeBtn_18xxb_59{background:#ddd5d5}.dark-mode ._closeBtn_18xxb_59:hover{background:#555}._closeModal_18xxb_96{display:none}._errorModalContainer_18xxb_103{padding:2.5rem;width:100%;max-width:550px}._errorModalContent_18xxb_109{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}._errorModalTitle_18xxb_117{font-size:1.75rem;color:#e74c3c;margin-bottom:1.5rem;font-weight:600;position:relative;padding-bottom:.75rem}._errorModalTitle_18xxb_117:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:#e74c3c;border-radius:3px}._errorModalMessage_18xxb_138{margin-bottom:2.5rem;font-size:1.125rem;line-height:1.6;color:#333;max-width:90%}._errorModalActions_18xxb_146{display:flex;justify-content:center;gap:1.25rem;margin-top:1rem;width:100%}._errorModalButton_18xxb_154{padding:.875rem 2rem;border-radius:6px;cursor:pointer;font-weight:500;font-size:1rem;transition:all .25s ease;border:1px solid #ccc;background:#f5f5f5;min-width:140px;box-shadow:0 2px 5px #00000014}._errorModalPrimaryButton_18xxb_167{background:#3498db;color:#fff;border:1px solid #3498db}._errorModalButton_18xxb_154:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}._errorModalPrimaryButton_18xxb_167:hover{background:#2980b9}.dark-mode ._errorModalMessage_18xxb_138{color:#e0e0e0}.dark-mode ._errorModalButton_18xxb_154{background:#444;border:1px solid #555;color:#e0e0e0}.dark-mode ._errorModalPrimaryButton_18xxb_167{background:#2980b9;border:1px solid #2980b9;color:#fff}.dark-mode ._errorModalPrimaryButton_18xxb_167:hover{background:#3498db}._errorIconContainer_18xxb_202{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}._errorIcon_18xxb_202{color:#e74c3c;width:60px;height:60px;animation:_pulseError_18xxb_1 2s infinite}@keyframes _pulseError_18xxb_1{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.dark-mode ._errorIcon_18xxb_202{color:#ff6b6b}@media screen and (max-width: 768px){._container_18xxb_17{max-width:95%}._errorModalContainer_18xxb_103{padding:1.5rem}._errorModalTitle_18xxb_117{font-size:1.5rem}._errorModalMessage_18xxb_138{font-size:1rem}._errorModalActions_18xxb_146{flex-direction:column}._errorModalButton_18xxb_154{width:100%;margin-bottom:.5rem}._errorIcon_18xxb_202{width:50px;height:50px}}@media screen and (min-width: 1220px){._container_18xxb_17{max-width:600px}}._modalContent_18xxb_273{width:100%;padding:1rem}._modalTitle_18xxb_278{margin-bottom:1.5rem;text-align:center;font-size:2.5rem;font-weight:600;color:var(--primary-text-color, #333);position:relative;padding-bottom:.75rem}._modalTitle_18xxb_278:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;border-radius:3px}.dark-mode ._modalTitle_18xxb_278{color:var(--dark-primary-text, #f0f0f0)}._modalBody_18xxb_303{padding:1rem 0;max-height:70vh;overflow-y:auto}._formGroup_18xxb_309{margin-bottom:1rem;display:flex;flex-direction:column}._label_18xxb_315{margin-bottom:.5rem;font-size:1.5rem;font-weight:500;color:var(--secondary-text-color, #555)}.dark-mode ._label_18xxb_315{color:var(--dark-secondary-text, #bbb)}._input_18xxb_326{padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1.6rem;background-color:var(--input-bg-color, #fff);color:var(--primary-text-color, #333)}.dark-mode ._input_18xxb_326{background-color:var(--dark-input-bg, #333);color:var(--dark-primary-text, #f0f0f0);border-color:var(--dark-border, #555)}._modalFooter_18xxb_341{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding:1rem 0;border-top:1px solid var(--border-color, #ddd)}.dark-mode ._modalFooter_18xxb_341{border-color:var(--dark-border, #444)}._button_18xxb_354{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:1.3rem;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;box-shadow:0 2px 4px #0000001a}._cancelButton_18xxb_366{background-color:var(--cancel-button-bg, #f1f1f1);color:var(--primary-text-color, #333);border:1px solid var(--border-color, #ddd)}.dark-mode ._cancelButton_18xxb_366{background-color:var(--dark-cancel-button-bg, #444);color:var(--dark-primary-text, #f0f0f0);border-color:var(--dark-border, #555)}._saveButton_18xxb_378{background-color:var(--primary-color, #3498db);color:#fff;border:none;font-weight:600}.dark-mode ._saveButton_18xxb_378{background-color:var(--dark-primary-color, #2980b9)}._saveButton_18xxb_378:hover{background-color:var(--primary-color-hover, #2980b9)}.dark-mode ._saveButton_18xxb_378:hover{background-color:var(--dark-primary-color-hover, #1c6ea0)}._cancelButton_18xxb_366:hover{background-color:var(--cancel-button-hover, #e1e1e1)}.dark-mode ._cancelButton_18xxb_366:hover{background-color:var(--dark-cancel-button-hover, #555)}._relationshipSection_18xxb_405{margin-bottom:1rem;border:1px solid var(--border-color, #ddd);border-radius:4px;background-color:var(--card-bg-color, #f9f9f9)}.dark-mode ._relationshipSection_18xxb_405{background-color:var(--dark-card-bg, #2d2d2d);border-color:var(--dark-border, #444)}._relationshipSection_18xxb_405 h3{margin-top:0;margin-bottom:1rem;font-size:1.6rem;color:var(--primary-text-color, #333);border-bottom:1px solid var(--border-color, #ddd);padding-bottom:.5rem}.dark-mode ._relationshipSection_18xxb_405 h3{color:var(--dark-primary-text, #f0f0f0);border-color:var(--dark-border, #444)}._relationshipForm_18xxb_431{display:grid;grid-template-columns:1fr;gap:1.5rem;max-height:60vh;overflow-y:auto;padding-right:10px}._formSection_18xxb_440{border:1px solid var(--border-color, #ddd);border-radius:4px;padding:1rem;background-color:var(--card-bg-color, #fff);margin-bottom:1rem}.dark-mode ._formSection_18xxb_440{background-color:var(--dark-card-bg, #2a2a2a);border-color:var(--dark-border, #444)}._sectionTitle_18xxb_453{margin-top:0;margin-bottom:1rem;font-size:1.4rem;color:var(--secondary-text-color, #555);border-bottom:1px solid var(--border-color, #eee);padding-bottom:.5rem}.dark-mode ._sectionTitle_18xxb_453{color:var(--dark-secondary-text, #bbb);border-color:var(--dark-border, #444)}._formGroup_18xxb_309{margin-bottom:.5rem}._label_18xxb_315{display:block;margin-bottom:.25rem;font-weight:500;font-size:1.4rem;color:var(--label-color, #666)}.dark-mode ._label_18xxb_315{color:var(--dark-label-color, #aaa)}._input_18xxb_326{width:100%;padding:.5rem;border:1px solid var(--input-border, #ddd);border-radius:4px;font-size:1.2rem;background-color:var(--input-bg, #fff);color:var(--input-text, #333)}.dark-mode ._input_18xxb_326{background-color:var(--dark-input-bg, #333);border-color:var(--dark-input-border, #555);color:var(--dark-input-text, #eee)}._input_18xxb_326:focus{outline:none;border-color:var(--primary-color, #3498db);box-shadow:0 0 0 2px #3498db33}._textarea_18xxb_505{min-height:80px;resize:vertical;font-family:monospace;font-size:1.1rem}._enhancedModal_18xxb_512{padding:1.5rem;border-radius:8px;box-shadow:0 4px 20px #00000026}._enhancedModalBody_18xxb_518{padding:1rem 1.25rem .75rem;border-radius:8px;background-color:var(--card-bg-color, #f9f9f9);margin-bottom:1rem}.dark-mode ._enhancedModalBody_18xxb_518{background-color:var(--dark-card-bg, #2d2d2d)}._enhancedForm_18xxb_529{display:grid;grid-template-columns:1fr;gap:.1rem}._enhancedFormGroup_18xxb_535{position:relative;margin-bottom:.75rem;transition:all .3s ease}._enhancedLabel_18xxb_541{font-size:1.4rem;font-weight:600;margin-bottom:.4rem;color:var(--primary-text-color, #444)}.dark-mode ._enhancedLabel_18xxb_541{color:var(--dark-primary-text, #e0e0e0)}._enhancedInput_18xxb_552{padding:.7rem 1rem;font-size:1.3rem;border-radius:6px;border:2px solid var(--border-color, #ddd);transition:all .3s ease;box-shadow:0 2px 4px #0000000d;margin-bottom:.5rem}._enhancedInput_18xxb_552:focus{border-color:var(--primary-color, #3498db);box-shadow:0 0 0 3px #3498db40;transform:translateY(-2px)}.dark-mode ._enhancedInput_18xxb_552{background-color:var(--dark-input-bg, #333);border-color:var(--dark-input-border, #444);color:var(--dark-input-text, #f0f0f0)}.dark-mode ._enhancedInput_18xxb_552:focus{border-color:var(--dark-primary-color, #3498db)}._enhancedFooter_18xxb_578{padding:1.25rem 0;gap:1.25rem;justify-content:center}._enhancedSaveButton_18xxb_584{padding:.85rem 1.75rem;font-size:1.2rem;font-weight:600;border-radius:6px;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}._enhancedSaveButton_18xxb_584:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}@media (max-width: 600px){._relationshipForm_18xxb_431{grid-template-columns:1fr}._enhancedForm_18xxb_529{gap:.75rem}._enhancedInput_18xxb_552{font-size:1.1rem;padding:.75rem .9rem}}._title_mn8x8_1{font-family:DMSans-Bold;font-style:normal;font-weight:700;font-size:20px;line-height:26px;text-align:center;color:#000;padding-top:12px}._details_mn8x8_12{font-family:DMSans-Regular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;text-align:center;color:#595959;padding:12px;margin-bottom:15px}._btn_mn8x8_24{border:0px;background:#0099d8;width:100%;padding:20px;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-family:DMSans-Regular;font-style:normal;font-weight:700;font-size:20px;line-height:26px;color:#fff}._img_mn8x8_39{margin-top:32px;width:40px;height:40px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track, #f5f5f5);border-radius:4px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, #ccc);border-radius:4px;border:2px solid var(--scrollbar-track, #f5f5f5)}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, #aaa)}.dark-mode{--scrollbar-track: #333;--scrollbar-thumb: #555;--scrollbar-thumb-hover: #777;--checkbox-bg: #fff;--checkbox-border: #999;--checkbox-checked-color: #3b9eff}.white-checkbox{background-color:#fff!important;border-color:#999!important;border-radius:3px!important}.light-mode{--scrollbar-track: #f5f5f5;--scrollbar-thumb: #ccc;--scrollbar-thumb-hover: #aaa}*{scrollbar-width:thin}.custom-modal-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-modal-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track, #f5f5f5);border-radius:4px}.custom-modal-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb, #ccc);border-radius:4px}.custom-modal-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, #aaa)}.custom-modal-scrollbar.dark-mode::-webkit-scrollbar-track{background:#333}.custom-modal-scrollbar.dark-mode::-webkit-scrollbar-thumb{background-color:#555}.custom-modal-scrollbar.dark-mode::-webkit-scrollbar-thumb:hover{background-color:#777}.white-checkbox{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#fff!important;border:1px solid #999!important;border-radius:3px!important;width:16px!important;height:16px!important;position:relative!important;cursor:pointer!important;display:inline-block!important;margin:0!important}.white-checkbox:checked{background-color:#0078d4!important;border-color:#0078d4!important}.white-checkbox:checked:after{position:absolute;color:#fff;font-size:12px;top:-2px;left:2px}