.app-layout{display:flex;flex-direction:column;height:100vh!important}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--themePrimary);color:var(--themeLighterAlt);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:999}.header-left{display:flex;align-items:center;gap:14px;flex:2;min-width:0}.header-right{display:flex;align-items:center;justify-content:flex-end;flex:1;min-width:0}.site-logo{pointer-events:none;max-height:48px;max-width:144px}.header-desktop{justify-content:space-between;padding:0 20px}.header-mobile{justify-content:center;padding:0}.mobile-menu-icon{position:absolute;left:20px}.sidebar{position:fixed;top:var(--header-height);bottom:0;left:0;overflow-y:auto;transition:width .3s;background-color:#f4f4f4;height:calc(100vh - 100px)}.sidebar-collapsed{width:55px}.sidebar-expanded{width:240px}.content{margin-top:var(--header-height);margin-bottom:var(--footer-height);flex-grow:1;overflow-y:auto;transition:margin-left .3s}.content-sidebar-expanded{margin-left:240px}.content-sidebar-collapsed{margin-left:55px}.footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background-color:var(--color-bg-footer);text-align:center;line-height:var(--footer-height);z-index:100}.form-container{box-shadow:none!important}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-white);z-index:1000;display:flex;flex-direction:column}.mobile-menu-header{height:var(--header-height);background-color:var(--themePrimary);color:var(--color-white);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.mobile-menu-body{flex-grow:1;overflow-y:auto;padding:10px}.layout-body{height:100%;margin-top:var(--header-height);margin-bottom:var(--footer-height)}.layout-content{flex:1;margin-left:var(--sidebar-expanded);overflow-y:auto;background-color:#faf9f8}.sitelayout-content{flex:1;background-color:#faf9f8}.site-dropdown-wrapper{padding:0 20px 0 27px;width:100%;box-sizing:border-box}.site-dropdown-label{display:block;margin-bottom:6px;font-weight:var(--fontWeightSemibold);font-size:var(--font-base);color:var(--color-black)}.site-dropdown{width:100%!important}.site-dropdown .ms-Dropdown-title{font-size:var(--font-base);padding:0 10px;border-radius:5px;height:36px;line-height:36px;box-sizing:border-box}.site-dropdown .ms-Callout{width:100%!important}.site-dropdown .ms-Dropdown-item{font-size:var(--font-base);padding:6px 10px}.site-dropdown .ms-Dropdown-item.is-selected{background:#f3f2f1!important}.header-toggle{color:#fff;min-width:76px}.header-toggle .ms-Label{color:#fff;font-size:14px}.header-toggle .ms-Toggle-stateText{margin-left:6px;font-size:14px;color:#fff;display:flex;align-items:center}.header-toggle .ms-Toggle-innerContainer{display:flex!important;align-items:center!important}.header-right .ms-Toggle:not(.is-checked) .ms-Toggle-background{background-color:var(--themePrimary)!important;border:1px solid #ffffff!important}.header-right .ms-Toggle:not(.is-checked) .ms-Toggle-thumb{background-color:#fff!important}.header-right .ms-Toggle.is-checked .ms-Toggle-background{background-color:#fff!important;border:1px solid #ffffff!important}.header-right .ms-Toggle.is-checked .ms-Toggle-thumb{background-color:var(--themePrimary)!important}html{height:100%}body{height:100%;margin:0!important;font-family:var(--font-family-base)}#root{height:100%}.loginButton{display:flex;height:100vh;justify-content:center;align-items:center}.App{height:100%;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:var(--color-black);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-title);color:var(--color-white)}.retry-message{font-size:var(--font-base2)}.App-link{color:var(--themeSecondary)}.background.list-background{height:calc(100vh - 120px);display:flex;flex-direction:column;padding:10px}.form-container{background:var(--color-bg-card)!important;border-radius:12px;box-shadow:var(--shadow-strong);font-family:var(--font-family-base);display:flex;flex-direction:column;padding:20px}@media (max-width: 768px){.form-container{position:fixed;top:var(--header-height);left:0;right:0;bottom:var(--footer-height);margin-left:0;max-width:100%;border-radius:0;height:auto;overflow-y:auto;padding:20px;z-index:999}}@media (hover: none){.action-buttons .ms-Button{-webkit-tap-highlight-color:transparent!important}.action-buttons .ms-Button:not(.is-disabled):hover{background-color:var(--themePrimary)!important}}.form-container h2,.form-container .ms-Stack.css-243{flex-shrink:0}.form-container .ms-Viewport{flex:1;overflow-y:auto}.ms-DetailsList-headerWrapper{position:sticky;top:0;z-index:4;background:var(--color-bg-card);box-shadow:0 2px 4px rgba(0,0,0,.1)}.ms-DetailsList .ms-DetailsRow-cell:nth-child(1){position:sticky;left:0;background:var(--color-bg-card);z-index:2;box-shadow:2px 0 4px rgba(0,0,0,.05)}.ms-DetailsRow-fields .ms-DetailsRow-cell:nth-child(1){position:sticky;left:var(--sidebar-collapsed);background:var(--color-bg-card);z-index:2}.ms-DetailsList-headerWrapper .ms-DetailsHeader-cell:nth-child(1),.ms-DetailsList-headerWrapper .ms-DetailsHeader-cell:nth-child(2){position:sticky;left:0;background:var(--color-bg-card);z-index:3;box-shadow:2px 0 4px rgba(0,0,0,.05)}.ms-DetailsList-headerWrapper .ms-DetailsHeader-cell:nth-child(2){position:sticky;left:var(--sidebar-collapsed);background:var(--color-bg-card);z-index:3}.details-list-container{max-height:calc(100vh - 150px);overflow-x:auto;overflow-y:auto;padding-bottom:16px}.my-details-list .ms-DetailsHeader,.my-details-list .ms-DetailsList,.my-details-list .ms-DetailsRow{background:transparent!important;color:var(--color-black);font-size:var(--font-base1)}.my-details-list{width:fit-content;margin:15px 0;font-size:var(--font-base1)}.form-container h2{margin-top:0}.form-box{padding:var(--footer-height);max-width:90%}.list-box{overflow-y:auto}.delete-button,.edit-button{background-color:transparent;border:1px solid var(--themePrimary);border-radius:4px;padding:0 9px;cursor:pointer;display:flex;align-items:center;color:var(--themePrimary);font-size:var(--font-base)}.delete-button:hover,.edit-button:hover{background-color:var(--themeDarkAlt);color:var(--themeDarkAlt)}.custom-primary-button,.ms-Button--primary{background-color:var(--themePrimary);border:1px solid var(--themePrimary);color:var(--color-white)}.custom-primary-button:hover,.ms-Button--primary:hover{background-color:var(--themeDarkAlt);border-color:var(--themeDarkAlt)}.cancel-button{background-color:var(--color-white);color:var(--color-text-default);border:1px solid #ccc}.cancel-button:hover{background-color:#f2f2f2;color:var(--color-text-default);border-color:#aaa}.ms-Button--default:hover{background-color:#f5f5f5!important}.buttonallign{justify-content:flex-end}.ms-SearchBox{margin-top:0!important}.no-records-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}.no-records-icon{font-size:var( --font-norecord);color:var(--color-black);margin-bottom:8px}.required-label{color:var(--color-danger);font-size:var(--font-reqlabel);margin-left:4px}.custom-label{font-size:var(--font-base);font-weight:var(--fontWeightSemibold);line-height:20px;color:#323130;display:block;margin-bottom:4px}.tooltip-content{white-space:normal;word-break:break-word}.tooltip-trigger{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100px}.name-link{color:var(--themePrimary);cursor:pointer;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100px}.label-text{width:130px;font-weight:var(--fontWeightSemibold);flex-shrink:0}.value-text{max-width:700px;white-space:pre-wrap;word-break:break-word}.fileUploadContainer{display:flex;align-items:center;border:1px solid #323130;border-radius:var(--borderRadiusSmall);padding:0 1px;width:100%;box-sizing:border-box;height:32px;margin-top:5px}.fileUploadText{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a19f9d}.fileUploadLabel{font-size:var(--font-base);font-weight:var(--fontWeightSemibold);margin-bottom:4px;color:#323130}.imagePreviewClose{position:absolute!important;top:-8px;right:-8px;background:white!important;border-radius:50%!important;box-shadow:0 1px 3px rgba(0,0,0,.2);height:24px!important;width:24px!important}.imagePreviewDialogClose{top:-43px!important}.imagePreviewClose i{font-size:var(--font-small)!important;color:#000!important}.imagePreview{width:100px;height:80px;object-fit:cover;border:1px solid #ddd;border-radius:4px}.imagePreviewItem{position:relative;display:inline-block}.imagePreviewDialog{width:100%;height:auto;border-radius:4px;display:block}.personal-info-section{padding:16px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa}.personal-info-section h3{margin-bottom:12px;font-size:var(--font-base2);font-weight:var(--fontWeightSemibold)}.customUploadButton{margin:1px 12px 1px 1.2px;height:26px;min-height:24px;line-height:24px;padding:0 8px;background-color:#f3f2f1;font-size:var(--font-xbase)}.customUploadButton:hover{background-color:#e1dfdd}.customUploadButton:active{background-color:#c8c6c4}.customCanvas{border:1px solid #605E5C;border-radius:var(--borderRadiusSmall);background-color:#fff;display:block}.customButton{border:1px solid #605E5C;border-radius:var(--borderRadiusSmall);background-color:#fff;color:#323130;height:32px;padding:0 12px}.customNav{width:200px;height:100%;box-sizing:border-box;border-right:1px solid #eee;padding-top:20px;position:fixed;top:60px;bottom:40px;overflow-y:auto;background-color:#f3f2f1}.signatureLabel{color:#323130;font-weight:var(--fontWeightSemibold);font-size:var(--font-base);display:block;line-height:20px;margin-top:19px;margin-bottom:-5px}.hostStyle{display:inline-block;max-width:100px;vertical-align:middle}.loadercommon-container{text-align:center;background-color:var(--color-bg-card);display:grid;height:calc(100vh - 100px)}.ms-Spinner-label{font-size:var(--font-small)}.norecords-list{text-align:center;font-style:italic;color:var(--color-text-muted);padding:16px}.kyactivity-page .custom-primary-button,.kyactivity-page .cancel-button{height:32px;min-height:32px;padding:0 16px;font-size:var(--font-base)}.ms-Dropdown-items .ms-Dropdown-item{min-height:36px;padding:8px 12px;height:auto}.ms-Dropdown-item,.ms-Dropdown-item.is-selected,.ms-Dropdown-item.is-checked,.ms-Dropdown-item.is-focused,.ms-Dropdown-item:hover,.ms-Dropdown-item:focus,.ms-Dropdown-item:active,.ms-Dropdown-optionText:hover{background-color:transparent!important;background:transparent!important}.ms-Checkbox-checkbox{background-color:#fff!important}.ms-Checkbox.is-checked .ms-Checkbox-checkbox{background-color:#0078d4!important;border-color:#0078d4!important}.ms-Checkbox.is-checked .ms-Checkbox-checkmark{color:#fff!important}.ms-Checkbox:not(.is-checked) .ms-Checkbox-checkmark{display:none!important}@media (max-width: 768px){.ms-Dropdown-items .ms-Dropdown-item{min-height:42px;padding:10px 12px;height:auto}.ms-Checkbox-checkbox{width:24px;height:24px}.forced-exit-dialog .ms-Dialog-main{min-width:auto!important;max-width:90%!important}}.error-screen-font-title{font-size:var(--font-countdown);font-weight:var(--fontWeightSemibold);color:var(--color-black)}.error-screen-font-msg{font-size:var(--font-title);max-width:560px;color:var(--color-black);white-space:pre-line}.custom-btn.is-disabled,.custom-btn:disabled{background-color:#c7c7c7!important;border-color:#c7c7c7!important;color:#fff!important;cursor:not-allowed!important;opacity:1!important}.buttonallign-multipleadd{margin-top:20px;justify-content:flex-end;align-items:center;height:auto}.sp-grid .required-field .ms-TextField-wrapper .ms-TextField-fieldGroup:focus:after,.sp-grid .required-field .ms-Dropdown:focus:after{border:2px solid #a4262c!important}.error-field .ms-Dropdown-title:focus-within,.error-field .ms-TextField-fieldGroup:focus-within{border:2px solid #a4262c!important}.multi-add-page .ms-TextField-fieldGroup:before,.multi-add-page .ms-Dropdown:before{display:none!important;content:""!important}.multi-add-page .ms-DetailsRow-fields .ms-DetailsRow-cell:nth-child(1){left:0!important}.sp-grid .ms-DetailsHeader{border-bottom:2px solid #edebe9!important;background:#ffffff;padding:0!important}.sp-grid .ms-DetailsHeader-cell{border-right:1px solid #f3f2f1}.sp-grid .ms-DetailsRow{border-bottom:1px solid #f3f2f1}.sp-grid .ms-DetailsRow-cell{border-right:1px solid #f3f2f1}.sp-grid .ms-DetailsRow-cell:last-child,.sp-grid .ms-DetailsHeader-cell:last-child{border-right:none}.sp-grid .ms-TextField-fieldGroup,.sp-grid .ms-TextField-fieldGroup:after,.sp-grid .ms-TextField-field,.sp-grid .ms-Dropdown-title,.sp-grid .ms-DatePicker .ms-TextField-fieldGroup{border:none!important;background:transparent!important;box-shadow:none!important}.sp-grid .ms-DetailsRow-cell{border-bottom:none!important;padding:4px 0!important}.sp-grid .error-field{padding:2px 4px;border-radius:2px}.sp-grid .error-field .ms-TextField-fieldGroup,.sp-grid .error-field .ms-DatePicker .ms-TextField-fieldGroup,.sp-grid .error-field .ms-Dropdown-title{background:transparent!important;border:none!important;border-radius:2px!important}.sp-grid .error-field .ms-TextField-field{background:transparent!important}.sp-grid .error-field .ms-TextField-fieldGroup{height:100%!important;min-height:32px!important;display:flex!important;align-items:center!important;padding:0!important}.sp-grid .error-field .ms-TextField-field{height:100%!important;padding:0 6px!important;box-sizing:border-box!important}.sp-grid .ms-DetailsRow-cell:has(.error-field){outline:2px solid #a4262c!important;outline-offset:-1px!important}.sp-grid .add-new-item{cursor:pointer;color:#0078d4;font-weight:500;transition:color .2s ease-in-out;padding:6px 8px;font-size:var(--font-base)}.sp-grid .add-new-item:hover{color:#005a9e}.sp-cell-display,.sp-cell-edit input{height:20px;width:100%;padding:6px 8px;border:none;background:transparent}.sp-cell-edit input:focus{outline:1px solid #a4262c}.cardWrapper{position:relative;border:1px solid #ddd;border-radius:6px;padding:10px 13px}.cardWrapperCollapse{position:relative;border:1px solid #ddd;border-radius:6px;padding:10px 50px}.toggleButton{position:absolute;top:50%;left:10px;transform:translateY(-50%);background:white;z-index:1}.login-background{display:grid;place-items:center;height:100%}.login-card{background:var(--color-bg-card);border-radius:16px;box-shadow:var(--shadow-card);padding:26px 24px;text-align:center;margin:20px}.login-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.login-img{width:50px;height:50px;object-fit:contain}.login-title{font-size:var(--font-title);font-weight:700;margin-bottom:8px}.login-subtitle{font-size:var(--font-base);color:#555;margin-bottom:20px}.login-label{font-size:var(--font-base);margin-bottom:20px;font-weight:700}.login-button{margin-top:16px;background-color:var(--themePrimary);border:1px solid var(--themePrimary);color:var(--color-white);padding:0}.shinkilogin-button{margin-top:16px;background-color:var(--themePrimary);border:1px solid var(--themePrimary);color:var(--color-white);padding:0;width:100%}.login-disclaimer{margin-top:20px;font-size:var(--font-small);color:#888;line-height:1.4}@media (max-width: 480px){.login-title{font-size:var(--font-large)}.login-subtitle{font-size:var(--font-xbase)}.login-disclaimer{font-size:var(--font-xsmall1)}}.phonenumberbutton{margin:0 auto;display:block}.login-button:hover,.shinkilogin-button:hover{background-color:var(--themeDarkAlt);border-color:var(--themeDarkAlt)}.failedlogin{margin-top:16px;background-color:rgba(216,59,1,.91);border:1px solid #d83b01e8;color:var(--color-white)}.failedlogin:hover{background-color:#d83b01;border-color:#d83b01}.dropdownGroup .ms-Dropdown{width:350px}@media (max-width: 600px){.dropdownGroup .ms-Dropdown{width:100%!important}.dropdownGroup{margin-left:0!important}}.form-box{padding:15px;width:90%;height:auto;overflow-x:auto}.title-mobile{display:flex;justify-content:space-between;align-items:center}.form-row{margin-bottom:12px;align-items:center}.form-label{width:120px;font-weight:var(--fontWeightSemibold)}.form-field{flex:1;max-width:500px;margin-left:25px}.kyactivity-page .background.list-background{background-color:#f3f2f1;min-height:100vh;justify-content:center;padding:32px 16px;height:auto}.form-container.list-box{background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.15);border-radius:6px;padding:24px 36px;border:1px solid #e1dfdd}.form-container.form-box{background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.1);border-radius:4px;padding:20px}.header-row,.title-mobile{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edebe9;padding-bottom:12px;margin-bottom:10px}.compactHeading{font-size:var(--font-title);font-weight:var(--fontWeightSemibold);color:#323130}.title-mobile .compactHeading{font-size:var(--font-title)}.content-container{display:flex;flex-direction:column}.buttonallign{justify-content:flex-end;border-top:1px solid #edebe9;padding-top:20px}@media (max-width: 768px){.form-container.list-box{padding:16px}.compactHeading{font-size:var(--font-large)}.ms-TextField,.ms-Dropdown{width:100%!important}}.risk-table-wrapper{overflow-x:auto;margin-top:16px}.risk-table{border-collapse:collapse;width:max-content;table-layout:auto;min-width:100%;font-size:var(--font-base)}.risk-table th{border:1px solid #ccc;width:45%;text-align:left;padding:8px 12px;border-bottom:1px solid #ddd;max-width:300px;word-wrap:break-word;word-break:break-word;background-color:#f3f2f1}.risk-table td{border:1px solid #ccc;width:45%;text-align:left;padding:8px 12px;border-bottom:1px solid #eee;vertical-align:top;max-width:300px;word-wrap:break-word;word-break:break-word;white-space:normal}.risk-list{padding-left:18px;margin:0;list-style-type:disc}.risk-list li{white-space:normal;word-break:break-word;margin-bottom:4px;line-height:1.4;color:var(--color-black)}.text-wrap{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;display:block;color:var(--color-black)}.kyactivity-page .ms-TextField-field,.kyactivity-page .ms-Label,.kyactivity-page .ms-Button,.ms-Checkbox .ms-Checkbox-label{font-size:var(--font-base)!important}.failure-indicator{background-color:rgba(200,0,0,.8);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.failure-icon{width:18px;height:18px;border-radius:50%;background-color:red;margin-right:10px;position:relative;display:flex;justify-content:center;align-items:center}.failure-icon:before,.failure-icon:after{content:"";position:absolute;width:2px;height:10px;background-color:#fff}.failure-icon:before{transform:rotate(45deg)}.failure-icon:after{transform:rotate(-45deg)}.captured-preview{position:absolute;transform:scaleX(1);top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(129,199,212,.85);z-index:15}.captured-preview img{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.25)}.capture-button{position:absolute;bottom:40px;left:50%;transform:translate(-50%);padding:15px 40px;background-color:#81c7d4;color:#fff;border:none;border-radius:50px;font-size:var(--font-large);font-weight:var(--fontWeightSemibold);cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:all .3s ease;z-index:20}.nfc-entry-container{display:flex;justify-content:center;align-items:center;height:100%;box-sizing:border-box;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nfc-entry-content{display:flex;flex-direction:column;align-items:center;gap:30px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:400px;width:100%;text-align:center}.loading-animation{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.loading-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;z-index:2;position:relative}.loading-rings{position:absolute;top:0;left:0;width:100%;height:100%}.ring{position:absolute;border:2px solid transparent;border-radius:50%;animation:pulse 2s ease-in-out infinite}.ring-1{width:80px;height:80px;top:20px;left:20px;border-top:2px solid rgba(102,126,234,.6);animation-delay:0s}.ring-2{width:100px;height:100px;top:10px;left:10px;border-top:2px solid rgba(102,126,234,.4);animation-delay:.5s}.ring-3{width:120px;height:120px;top:0;left:0;border-top:2px solid rgba(102,126,234,.2);animation-delay:1s}.status-message{font-size:var(--font-large);font-weight:var(--fontWeightMedium);color:#333;margin:10px 0;min-height:24px;transition:all .3s ease}.status-message.error{color:#e74c3c}.error-actions{display:flex;flex-direction:column;gap:15px;align-items:center}.retry-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:var(--font-base2);font-weight:var(--fontWeightMedium);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.retry-button:active{transform:translateY(0)}.contact-info{font-size:var(--font-base);color:#666;text-align:center}.nfc-icon{color:#667eea;opacity:.7;transition:all .3s ease}.nfc-icon svg{width:48px;height:48px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.nfc-entry-content.success .loading-spinner{border-top-color:#27ae60}.nfc-entry-content.success .status-message{color:#27ae60}@media (max-width: 480px){.nfc-entry-content{padding:30px 20px;gap:20px}.loading-animation{width:100px;height:100px}.loading-spinner{width:50px;height:50px}.ring-1{width:70px;height:70px;top:15px;left:15px}.ring-2{width:85px;height:85px;top:7.5px;left:7.5px}.ring-3{width:100px;height:100px;top:0;left:0}.status-message{font-size:var(--font-base2)}}@keyframes pulse{0%{transform:scale(.8);opacity:1}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scan-container{position:relative;width:100%;height:100%;overflow:hidden}.sitelayout-content{height:100%}.camera-feed{width:100%;height:100%;object-fit:cover}.face-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7);z-index:20}.loading-text{color:#fff;font-size:var(--font-large);margin-top:20px}.sending-indicator{position:absolute;top:20px;right:20px;display:flex;flex-direction:row;align-items:center;background-color:rgba(0,0,0,.7);padding:10px;border-radius:20px;z-index:30;transition:transform .3s ease-out;animation:fadeIn .3s ease-in-out}.success-indicator{background-color:rgba(0,100,0,.8)}.sending-pulse{width:15px;height:15px;border-radius:50%;background-color:rgba(0,255,0,.9);margin-right:10px;animation:pulse 1.5s infinite ease-in-out}.success-icon{width:18px;height:18px;border-radius:50%;background-color:#0f0;margin-right:10px;position:relative;display:flex;justify-content:center;align-items:center}.success-icon:before{content:"";display:block;width:5px;height:9px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg)}.sending-text{color:#fff;font-size:var(--font-base)}.status-indicators{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:30}.status-indicator{display:flex;align-items:center;padding:2px 4px;border-radius:12px;transition:all .3s ease;backdrop-filter:blur(10px)}.status-indicator.status-ok{background-color:rgba(0,200,0,.8);border:1px solid rgba(0,255,0,.9);box-shadow:0 0 6px rgba(0,255,0,.3)}.status-indicator.status-error{background-color:rgba(200,0,0,.8);border:1px solid rgba(255,0,0,.9);box-shadow:0 0 6px rgba(255,0,0,.3)}.status-icon{margin-right:3px;font-size:var(--font-xsmall);display:flex;align-items:center;justify-content:center;width:12px;height:12px}.status-text{color:#fff;font-size:var(--font-small);font-weight:var(--fontWeightMedium);white-space:nowrap;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.captured-preview{position:absolute;transform:scaleX(1);top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(129,199,212,.85);z-index:15;padding:20px;box-sizing:border-box}.captured-preview img{max-width:80%;max-height:70vh;max-height:70dvh;width:auto;height:auto;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.25);object-fit:contain;position:fixed;top:50px;left:50%;transform:translate(-50%)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.capture-button{position:fixed;bottom:60px;left:50%;transform:translate(-50%);padding:15px 40px;background-color:#81c7d4;color:#fff;border:none;border-radius:50px;font-size:var(--font-large);font-weight:var(--fontWeightSemibold);cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:all .3s ease;z-index:20}.capture-button:hover{background-color:#63aab4;box-shadow:0 6px 15px rgba(0,0,0,.4);transform:translate(-50%) translateY(-2px)}.capture-button:active{transform:translate(-50%) translateY(1px);box-shadow:0 2px 5px rgba(0,0,0,.3)}.capture-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7;box-shadow:none}.countdown-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:25;animation:fadeIn .3s ease-in-out}.countdown-circle{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.countdown-circle svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.countdown-text{position:absolute;color:#0f0;font-size:var(--font-countdown);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:1}.countdown-message{margin-top:20px;color:#fff;font-size:var(--font-base2);font-weight:var(--fontWeightMedium);text-align:center;background-color:rgba(0,0,0,.7);padding:8px 16px;border-radius:20px;backdrop-filter:blur(10px);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.confirmation-message{text-align:center;margin:0;padding:15px 0;font-size:var(--font-base2);color:#111;line-height:1.4;position:fixed;left:50%;transform:translate(-50%);width:100%;top:calc(50px + var(--img-height, 0px))}.confirmation-message.error-message{color:#d32f2f;font-weight:var(--fontWeightSemibold);border-radius:8px}.confirmation-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px;flex-wrap:wrap;max-width:80%;position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:80%}.retake-button,.confirm-button{padding:12px 24px;border:none;border-radius:6px;font-size:var(--font-base2);font-weight:var(--fontWeightSemibold);cursor:pointer;transition:all .3s ease;min-width:100px}.retake-button{background-color:#f44336;color:#fff}.retake-button:hover{background-color:#d32f2f;transform:translateY(-2px)}.confirm-button{background-color:#4caf50;color:#fff}.confirm-button:hover:not(:disabled){background-color:#45a049;transform:translateY(-2px)}.confirm-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.buttonallign{margin-bottom:20px}@media screen and (max-height: 600px){.captured-preview img{max-height:50vh;max-height:50dvh}}@media screen and (max-height: 500px){.captured-preview img{max-height:40vh;max-height:40dvh}}@media screen and (max-height: 450px){.captured-preview img{max-height:35vh;max-height:35dvh}}:root{--font-family-base: "Segoe UI", sans-serif;--color-primary: #0078d4;--color-secondary: #03787c;--color-secondary-hover: #025e61;--color-white: #ffffff;--color-black: #000000;--color-text-default: #333333;--color-text-muted: #666666;--color-text-light: #999999;--color-bg-light: #f3f2f1;--color-bg-card: #ffffff;--color-bg-footer: #f3f2f1;--color-danger: #d83b01;--color-danger-light: #f1707b;--header-font-size: 17px;--header-height: 60px;--footer-height: 25px;--sidebar-expanded: 200px;--sidebar-collapsed: 48px;--shadow-strong: 0 8px 24px rgba(0, 0, 0, .15);--shadow-card: 0 4px 12px rgba(0, 0, 0, .1);--font-norecord: 48px;--font-xsmall: 10px;--font-xsmall1: 11px;--font-small: 12px;--font-xbase: 13px;--font-base: 14px;--font-base1: 15px;--font-base2: 16px;--font-large: 18px;--font-title: 20px;--font-title1: 24px;--font-reqlabel: .7em;--font-countdown: 28px;--borderRadiusSmall: 2px;--borderRadiusMedium: 4px;--fontWeightRegular: 400;--fontWeightMedium: 500;--fontWeightSemibold: 600}body.large-font{--font-norecord: 52px;--font-xsmall: 14px;--font-xsmall1: 15px;--font-small: 16px;--font-xbase: 17px;--font-base: 18px;--font-base1: 19px;--font-base2: 20px;--font-large: 22px;--font-title: 24px;--font-countdown: 32px}.admin-app html{height:100%}.admin-app #root,.admin-app .ms-Stack{height:auto}.admin-app body{margin:0!important;font-family:var(--font-family-base)}.admin-app .loginButton{display:flex;height:100vh;justify-content:center;align-items:center}.admin-app .App{text-align:center}.admin-app .App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.admin-app .App-logo{animation:App-logo-spin infinite 20s linear}}.admin-app .App-header{background-color:var(--color-black);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-title);color:var(--color-white)}.admin-app .App-link{color:var(--themeSecondary)}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-app .background.list-background{height:calc(100vh - 105px);display:flex;flex-direction:column;padding:10px;background:linear-gradient(180deg,#ffffff 0,#eaeaea 35%,#eaeaea 100%)}.admin-app .form-container{background:var(--color-bg-card)!important;border-radius:6px;box-shadow:var(--shadow-strong)!important;font-family:var(--font-family-base);display:flex;flex-direction:column;padding:15px;font-size:var(--font-base)}.new-form-container .ms-Label{font-size:var(--font-base)!important}@media (max-width: 768px){.admin-app .form-container{position:fixed;top:var(--header-height);left:0;right:0;bottom:var(--footer-height);margin-left:0;max-width:100%;border-radius:0;height:auto}}.admin-app .form-container h2,.admin-app .form-container .ms-Stack.css-243{flex-shrink:0}.admin-app .form-container .ms-Viewport{flex:1;overflow-y:auto}.admin-app .form-container h2{margin-top:0}.admin-app .form-box{padding:var(--footer-height);max-width:90%}.admin-app .delete-button,.admin-app .edit-button{background-color:transparent;border:1px solid var(--themeSecondary);border-radius:4px;padding:0 9px;cursor:pointer;display:flex;align-items:center;color:var(--themeSecondary);font-size:var(--font-base)}.admin-app .delete-button:hover,.admin-app .edit-button:hover{background-color:var(--color-bg-light);color:var(--themeSecondary)}.admin-app .custom-primary-button{background-color:var(--themePrimary);border:1px solid var(--themePrimary);color:var(--color-white)}.admin-app .custom-primary-button:hover{background-color:var(--themeDarkAlt);border-color:var(--themeDarkAlt)}.admin-app .cancel-button{background-color:var(--color-white);color:var(--color-text-default);border:1px solid #ccc}.admin-app .cancel-button:hover{background-color:#f2f2f2;color:var(--color-text-default);border-color:#aaa}.admin-app .ms-Button--default:hover{background-color:#f5f5f5!important}.admin-app .buttonallign{justify-content:flex-end}.admin-app .ms-SearchBox{margin-top:0!important}.admin-app .no-records-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center}.admin-app .no-records-icon{font-size:var(--font-norecord);color:var(--color-black);margin-bottom:8px}.admin-app .required-label{color:var(--color-danger);font-size:var(--font-small);margin-left:4px}.admin-app .custom-label{font-size:var(--font-base);font-weight:var(--fontWeightSemibold);line-height:20px;color:#323130;display:block;margin-bottom:4px}.admin-app .tooltip-content{white-space:normal;word-break:break-word}.admin-app .tooltip-trigger{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100px}.admin-app .name-link{color:var(--themePrimary);cursor:pointer;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:150px}.admin-app .label-text{width:130px;font-weight:var(--fontWeightSemibold);flex-shrink:0}.admin-app .value-text{max-width:700px;white-space:pre-wrap;word-break:break-word}.admin-app .fileUploadContainer{display:flex;align-items:center;border:1px solid #323130;border-radius:var(--borderRadiusSmall);padding:0 1px;width:100%;box-sizing:border-box;height:32px;margin-top:5px}.admin-app .fileUploadText{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a19f9d}.admin-app .fileUploadLabel{font-size:var(--font-base);font-weight:var(--fontWeightSemibold);margin-bottom:4px;color:#323130}.admin-app .imagePreviewClose{position:absolute!important;top:-8px;right:-8px;background:white!important;border-radius:50%!important;box-shadow:0 1px 3px rgba(0,0,0,.2);height:24px!important;width:24px!important}.admin-app .imagePreviewDialogClose{top:-43px!important}.admin-app .imagePreviewClose i{font-size:var(--font-small)!important;color:#000!important}.admin-app .imagePreview{width:100px;height:80px;object-fit:cover;border:1px solid #ddd;border-radius:4px}.admin-app .imagePreviewItem{position:relative;display:inline-block}.admin-app .imagePreviewDialog{width:100%;height:auto;border-radius:4px;display:block}.admin-app .personal-info-section{padding:16px;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa}.admin-app .personal-info-section h3{margin-bottom:12px;font-size:var(--font-base2);font-weight:var(--fontWeightSemibold)}.admin-app .customUploadButton{margin:1px 12px 1px 1.2px;height:26px;min-height:24px;line-height:24px;padding:0 8px;background-color:#f3f2f1;font-size:var(--font-base)}.admin-app .customUploadButton:hover{background-color:#e1dfdd}.admin-app .customUploadButton:active{background-color:#c8c6c4}.admin-app .customCanvas{border:1px solid #605E5C;border-radius:var(--borderRadiusSmall);background-color:#fff;display:block}.admin-app .customButton{border:1px solid #605E5C;border-radius:var(--borderRadiusSmall);background-color:#fff;color:#323130;height:32px;padding:0 12px}.admin-app .customNav{width:200px;height:100%;box-sizing:border-box;border-right:1px solid #eee;padding-top:20px;position:fixed;top:60px;bottom:40px;overflow-y:auto;background-color:#f3f2f1}.admin-app .signatureLabel{color:#323130;font-weight:var(--fontWeightSemibold);font-size:var(--font-base);display:block;line-height:20px;margin-top:19px;margin-bottom:-5px}.admin-app .hostStyle{display:block;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;color:var(--color-black);max-width:100%}.ms-Stack:has(>.admin-loader-container){height:100%}.admin-loader-container{text-align:center;background-color:var(--color-bg-card);display:grid;height:100%}.admin-loader-rightpane{text-align:center;background-color:var(--color-bg-card);display:grid;height:calc(100dvh - 100px);height:calc(100svh - 100px);height:calc(100vh - 100px)}.admin-app .loadercommon-list{text-align:center;background-color:var(--color-bg-card);display:grid;height:200px}.norecords-list{text-align:center;font-style:italic;color:var(--color-text-muted);padding:16px;font-size:var(--font-base1)}.error-screen{background:var(--color-bg-card);border-radius:16px;box-shadow:var(--shadow-card);padding:26px 15px;text-align:center;margin:20px;height:auto}.admin-app .details-list-container{max-height:calc(100vh - 150px);overflow-x:auto;overflow-y:auto;position:relative}.admin-app .admin-details-list .ms-DetailsList-contentWrapper{overflow:visible!important}.admin-app .admin-details-list .ms-DetailsList-headerWrapper .ms-DetailsHeader-cell:nth-child(1),.admin-app .admin-details-list .ms-DetailsRow-fields .ms-DetailsRow-cell:nth-child(1){position:sticky;left:0;z-index:3;background:var(--color-bg-card);box-shadow:2px 0 4px rgba(0,0,0,.05)}.admin-app .admin-details-list .ms-DetailsList-headerWrapper{box-shadow:none}.admin-app .admin-details-list .ms-DetailsHeader{box-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-app .admin-details-list .ms-DetailsHeader,.admin-app .admin-details-list .ms-DetailsList,.admin-app .admin-details-list .ms-DetailsRow{color:var(--color-black);font-size:var(--font-base1);overflow:visible}.site-toggle-stack{display:flex;justify-content:space-between;align-items:center;width:100%}.site-toggle{margin-bottom:0}.site-toggle .ms-Toggle-stateText{font-size:var(--font-small);margin-right:0;color:#000;font-weight:var(--fontWeightSemibold)}.date-range-container{display:flex;flex-wrap:wrap;align-items:flex-end;gap:20px;width:100%}.date-range-container .ms-StackItem{min-width:140px}.date-item,.button-item{flex:0 0 auto;margin-bottom:15px}.button-item button:not(:first-child){margin-left:10px!important}.date-picker{width:270px}.clear-button{margin-bottom:5px}@media (max-width: 768px){.site-logo{max-height:40px!important;max-width:80px!important}.mobile-menu-icon{position:absolute;left:12px}.date-range-container{flex-direction:column;align-items:stretch;gap:10px}.date-item,.button-item{margin-bottom:15px}.button-item button:not(:first-child){margin-left:10px}.date-picker{width:100%}.clear-button{width:100%;margin-bottom:0}}.clear-date-button{position:absolute;right:34px;top:34px;height:24px;width:24px}.ms-DatePicker-event--with-label{padding-top:6px;padding-left:0!important;padding-right:0!important;padding-bottom:0!important}.site-entry-btn{width:100%;height:48px;margin-top:8px;font-size:var(--font-base2);font-weight:var(--fontWeightSemibold);border-radius:8px;background-color:#f3f2f1;color:var(--color-white);border:1px solid rgb(243,242,241)}.site-entry-btn:not(.is-disabled){background-color:var(--themePrimary);border-color:var(--themePrimary)}.site-entry-btn:not(.is-disabled):hover{background-color:var(--themeDarkAlt);color:var(--color-white)}.site-entry-btn:not(.is-disabled):active{background-color:var(--themeDark)!important}.site-entry-recaptcha-btn{padding:12px 16px;margin:16px;background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;border-radius:8px;font-size:var(--font-base);text-align:center;font-weight:var(--fontWeightMedium)}.site-entry-error{padding:12px 16px;margin-bottom:16px;background-color:#fee;color:#c33;border:1px solid #fcc;border-radius:8px;font-size:var(--font-base);text-align:center}.auth-container{background:white;width:100%;max-width:500px;margin:0 auto;padding:8% 6%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);box-sizing:border-box}.auth-title{margin-bottom:24px;color:#333;font-size:var(--font-title);font-weight:var(--fontWeightSemibold);text-align:center}.details-page-header{border-bottom:1px solid #edebe9;padding-bottom:15px}@media (min-width: 320px) and (max-width: 479px){.ms-Dialog-inner{padding:0 26px 16px!important}}.ms-DatePicker-event--with-label.msDatePickerDisabled{pointer-events:auto!important;cursor:pointer!important}.admin-app .app-layout{display:flex;flex-direction:column;height:100vh!important}.admin-app .header-desktop{justify-content:space-between;padding:0 20px}.admin-app .header-mobile{justify-content:center;padding:0}.admin-app .mobile-menu-icon{position:absolute;left:20px}.admin-app .sidebar{position:fixed;top:var(--header-height);bottom:0;left:0;overflow-y:auto;transition:width .3s;background-color:#fff;height:calc(100vh - 85px);border-right:1px solid rgb(214 214 214)}.admin-app .sidebar-collapsed{width:55px}.admin-app .sidebar-expanded{width:240px}.admin-app .content{margin-top:var(--header-height);margin-bottom:var(--footer-height);flex-grow:1;overflow-y:auto;transition:margin-left .3s}.admin-app .content-sidebar-expanded{margin-left:240px}.admin-app .content-sidebar-collapsed{margin-left:55px}.admin-app .footer{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background-color:var(--color-white);text-align:center;line-height:var(--footer-height);z-index:100}.footer-text{font-size:var(--font-small)}.ms-TextField-errorMessage,.ms-Dropdown,div[role=alert]{font-size:var(--font-small)!important}.admin-app .mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-white);z-index:1000;display:flex;flex-direction:column}.admin-app .mobile-menu-header{height:var(--header-height);background-color:var(--themePrimary);color:var(--color-white);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.admin-app .mobile-menu-body{flex-grow:1;overflow-y:auto;padding:10px}.admin-app .layout-body{margin-top:var(--header-height);margin-bottom:var(--footer-height)}.admin-app .layout-content{flex:1;margin-left:var(--sidebar-expanded);overflow-y:auto;background-color:#faf9f8}.admin-app .sitelayout-content{flex:1;background-color:#faf9f8}.admin-app .site-dropdown-wrapper{padding:0 20px 0 27px;width:100%;box-sizing:border-box}.admin-app .site-dropdown-label{display:block;margin-bottom:6px;font-weight:var(--fontWeightSemibold);font-size:var(--font-base);color:var(--color-black)}.admin-app .site-dropdown{width:100%!important}.admin-app .site-dropdown .ms-Dropdown-title{font-size:var(--font-base);padding:0 10px;border-radius:2px;height:36px;line-height:36px;box-sizing:border-box}.admin-app .site-dropdown .ms-Callout{width:100%!important}.admin-app .site-dropdown .ms-Dropdown-item{font-size:var(--font-base);padding:6px 10px}.admin-app .site-dropdown .ms-Dropdown-item.is-selected{background:#f3f2f1!important}.admin-app .site-dropdown .ms-Dropdown-panel{min-width:100%!important;box-sizing:border-box}.admin-app .site-dropdown .ms-Callout{left:0!important}.ms-Dropdown-title,.ms-TextField-fieldGroup{border:1px solid rgb(96,94,92)!important}.admin-app .site-tooltip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nonInteractiveTextField input,.nonInteractiveTextField textarea{background:none rgb(243,242,241)!important;color:#a19f9d!important;border-color:#e1dfdd!important}.nonInteractiveTextField.ms-TextField{pointer-events:none}.nonInteractiveTextField.ms-TextField:after{border:none!important}.nonInteractiveTextField .ms-Dropdown{pointer-events:none;background-color:#f3f2f1;border-color:#edebe9;color:#a19f9d}.admin-app .header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--themePrimary);color:var(--themeLighterAlt);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:999}.admin-app .header-left{display:flex;align-items:center;gap:14px;flex:4;min-width:0}.admin-app .header-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.admin-app .site-logo{cursor:pointer;pointer-events:auto;max-height:48px;max-width:144px}.site-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px;flex-shrink:1;flex-grow:0;color:var(--color-white);font-size:var(--font-title)}.settings-button{color:#fff!important;height:60px!important;width:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important}.settings-button:hover{background-color:rgba(255,255,255,.15)!important;border-radius:var(--borderRadiusSmall)}.settings-button i{font-size:var(--font-title)!important}html,body,.admin-app .header{transition:background-color .4s ease,color .4s ease}.ms-Nav-compositeLink.is-selected .ms-Nav-link,[class^=link-]{background:#f3f2f1!important}.ms-Nav-link:after,[class^=link-]:after,[class*=" link-"]:after{border-left:2px solid var(--themePrimary)!important}.ms-Panel-footer{position:sticky;bottom:0;background:#fff;z-index:1}.custom-panel{background-color:#fff;z-index:1100}.custom-panel-overlay{background-color:transparent!important;pointer-events:none!important}.custom-panel-content{padding:10px;overflow-y:auto}.custom-panel-footer{padding:16px;background-color:#fff;display:flex;justify-content:flex-start;gap:12px}.ms-Panel-footer .ms-Panel-footerInner{padding:0!important}.theme-choice .ms-ChoiceField-field:before{border-color:#666}.theme-choice.selected .ms-ChoiceField-field:before{border-color:var(--radio-color, #0078d4)}.theme-choice.selected .ms-ChoiceField-field:after{background-color:var(--radio-color, #0078d4);border-color:var(--radio-color, #0078d4)}.theme-panel .ms-Panel-main{background-color:#fff!important;z-index:1100!important}.theme-panel .ms-Overlay{background-color:transparent!important;pointer-events:none!important}.theme-panel .ms-Panel-content{overflow-y:auto!important}.theme-panel .ms-Panel-footer{border-top:1px solid #ddd!important;background-color:#fff!important}.theme-panel-content{display:flex;flex-direction:column;gap:8px}.theme-preview{width:86px;height:48px;border-radius:4px;border:1px solid #eaeaea;transition:box-shadow .2s ease;flex-shrink:0}.theme-name{text-transform:capitalize;font-size:var(--font-base)}.ms-Panel-commands{padding-top:0!important;padding-bottom:0!important;height:64px!important;display:flex;align-items:center}.ms-TextField-field,.ms-Button{font-size:var(--font-base)!important}@media (max-width: 768px){.admin-app .header-left{margin-left:46px}}.header-panel-content{padding:16px;display:flex;flex-direction:column;gap:12px}.header-label{font-weight:var(--fontWeightSemibold);font-size:var(--font-base);color:#323130}.sp-change-look-main{display:flex;flex-direction:column;width:100%;background:#fff;border-top:1px solid #eaeaea}.sp-change-look-item{font-size:var(--font-base2);font-weight:var(--fontWeightRegular);color:#323130;display:flex;align-items:center;justify-content:space-between;height:42px!important;width:100%;padding:0 24px;border:none;background:none;cursor:pointer;border-top:1px solid #eaeaea;text-align:left}.ms-Panel-content{padding-left:0;padding-right:0}.sp-ChangeTheLookPanel-content{padding-left:24px;padding-right:24px}.sp-change-look-item:first-child{border-top:none}.sp-change-look-item:hover{background-color:#f3f2f1}.sp-change-look-divider{width:100%;height:1px;background-color:#eaeaea}.ms-Icon{font-family:FabricMDL2Icons;font-size:var(--font-base2)}.ms-Icon--Forward:before{content:""}.sp-change-look-header{display:flex;align-items:center;height:48px!important;padding:0 24px;border-bottom:1px solid #eaeaea;background-color:#fff;font-size:var(--font-large);font-weight:var(--fontWeightSemibold);color:#323130}.sp-ChangeTheLookPanel-headerContainer{display:flex;align-items:center;padding:0 16px;height:48px}.sp-back-button{background:none;border:none;cursor:pointer;margin-right:8px;padding:6px;display:flex;align-items:center}.sp-back-button i,.sp-back-button .ms-Icon{font-size:var(--font-base2);color:#323130}.sp-back-button:hover .ms-Icon{color:#0078d4}.sp-ChangeTheLookPanel-headerText{font-size:var(--font-large);font-weight:600;color:#323130;margin:0}.sp-header-title{flex:1}.theme-choice{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:16px}.theme-choice.selected{border-color:var(--radio-color)}.site-logo-label{display:flex;align-items:center;gap:4px}.site-logo-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.site-logo-preview{height:64px;width:64px;border:1px solid #eaeaea;border-radius:4px;background-color:#faf9f8;display:flex;align-items:center;justify-content:center}.site-logo-icon{font-size:var(--font-title1);color:#a19f9d}.site-logo-actions{display:flex;align-items:center;gap:4px;border-radius:var(--borderRadiusMedium)}.logo-delete-btn{max-width:32px;min-width:32px}.header-panel-content .ms-Button:not(.info-button),.header-panel-content .ms-TextField-fieldGroup{border-radius:var(--borderRadiusMedium);border:1px solid #605e5c!important;color:#242424;font-size:var(--font-base)!important}.logo-link-btn{background:transparent!important;border:none!important;color:#323130;font-size:var(--font-base);font-weight:400;padding:0 4px;height:32px;display:flex;align-items:center;cursor:pointer}.logo-link-btn .ms-Button-icon{color:#0058a4!important;font-size:var(--font-base2);margin-right:4px}.logo-link-btn:hover,.logo-link-btn:hover .ms-Button-icon,.logo-link-btn:active,.logo-link-btn:active .ms-Button-icon{color:#0058a4!important;background:transparent!important;border:transparent}.site-logo-fallback{width:48px;height:48px;max-height:48px;max-width:144px;background-color:#757575;color:#fff;font-size:var(--font-large);display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;white-space:nowrap}@media (max-width: 768px){.site-logo-fallback{max-height:40px;max-width:80px}}.site-logo-fallback-preview{width:64px;height:64px;background-color:#757575;color:#fff;font-size:var(--font-large);display:flex;align-items:center;justify-content:center;user-select:none}.site-logo-section{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.sp-subpanel-header{display:flex;align-items:center;gap:8px;padding:8px 0 16px}.sp-back-icon-btn{width:32px!important;height:32px!important;border-radius:50%!important}.sp-back-icon-btn:hover{background-color:#f3f2f1!important}.sp-subpanel-title{font-size:var(--font-base2);font-weight:600}.sp-panel-header{display:flex;align-items:center;gap:8px;padding:16px 24px;font-size:var(--font-large);font-weight:600}.sp-panel-header-container{display:flex;align-items:center;justify-content:space-between;padding:0 16px;min-height:48px}.sp-panel-header-left{display:flex;align-items:center;gap:8px}.sp-back-icon-btn{margin-right:4px}.sp-panel-title{font-size:var(--font-title);font-weight:var(--fontWeightSemibold);line-height:1}.sp-panel-header-right{display:flex;align-items:center}.ms-Panel-navigation{display:flex;justify-content:space-between;align-items:center;width:100%;height:64px}