.container{background:var(--bg-color);border-radius:16px;box-shadow:0 10px 30px var(--shadow-color);color:var(--text-color);font-family:Poppins,sans-serif;margin:-5px auto -5px -20px;max-width:100%;padding:30px}.card-container{background:var(--bg-inner-color);border-radius:16px;color:#333;margin-top:-20px;padding:20px}.titlee{color:var( --text-color);font-size:2rem;font-weight:800;margin-bottom:40px;margin-top:-5px;text-align:left;text-shadow:0 4px 10px var(--shadow-color)}.custom-grid,.grid{grid-gap:15px;background:var(--bg-inner-color);display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.custom-grid{border-radius:8px;padding:20px}.card,.custom-card{align-items:center;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 25px var(--shadow-color);display:flex;gap:15px;overflow:hidden;padding:10px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.card-inner{align-items:center;box-shadow:inset 0 0 8px #0000001a;display:flex;gap:15px}.card-inner,.custom-card-inner{background:var(--card-inner-bg);border-radius:8px;color:var(--card-text);padding:20px;width:100%}.card:hover{box-shadow:0 15px 40px var(--shadow-color);transform:translateY(-5px)}.icon{color:var(--icon-color);font-size:1.6rem}.label{font-size:.79rem;font-weight:600;margin-bottom:6px}.label,.value{color:var(--card-text)}.value{font-size:.7rem;font-weight:bolder}.buttonss{width:100%}.buttonss,.inner-container{align-items:center;display:flex;justify-content:space-between}.button-group,.inner-container{flex-wrap:wrap}.button-group{display:flex;gap:10px}.back-button,.cancel-button,.edit-button,.submit-button{background:var(--button-bg);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:10px;padding:10px 20px;text-shadow:0 3px 5px #0000004d;transition:box-shadow .3s ease,background-color .3s ease}.error,.loading{color:#fbe14a;font-size:1.4rem;text-align:center}.reset-button{animation:buttonPulse 2s infinite;background:var(--button-bg);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-size:.9rem;font-weight:bolder;margin-bottom:20px;margin-bottom:30px;margin-left:auto;margin-top:-20px;margin-top:-70px;padding:5px 15px;transition:all .3s ease}.color-picker,.reset-button{align-items:center;display:flex}.color-picker{gap:10px}.color-code{color:var(--card-text);font-size:14px;font-weight:700}input[type=date],input[type=text],select{background-color:#fff;border:2px solid #d3d3d3;border-radius:6px;box-sizing:border-box;color:#333;font-size:1rem;max-width:100%;padding:8px;transition:all .3s ease;width:100%}input:focus,select:focus{border-color:#fbe14a;outline:none}input[type=date]::-webkit-calendar-picker-indicator{background-color:#767676;border-radius:50%;cursor:pointer;padding:5px}.card-full{background:var(--bg-inner-color);border-top-left-radius:10px;border-top-right-radius:10px;padding:20px}.card-inner-full{background:var(--card-inner-bg);border:10px solid var(--card-bg);border-radius:10px;padding:15px}.card-inner-full label{color:var(--card-text)}.container{animation:fadeIn 1s ease-in-out}.card:hover{animation:hoverBounce .5s ease-in-out}.back-button:hover,.submit-button:hover{animation:pulse 1.5s ease-in-out infinite}input:focus,select:focus{animation:pulse .5s ease-in-out}.card-inner-full select{width:100%}.input.error{border:1px solid #ff4d4f}.error-message{color:#ff4d4f;font-size:12px;margin-top:4px}.clientinfra,.connectivity,.copyconfig,.copydb,.exportdata{background:var(--button-bg);border:none;border-radius:8px;color:var(--button-text);cursor:pointer;font-size:14px;font-weight:bolder;margin-bottom:60px;margin-left:5px;margin-top:5px;padding:10px}.copydb{margin-right:5px}.export-button i{font-size:1.5rem}@media (max-width:768px){.title{font-size:1.8rem}.grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{padding:12px}.icon{font-size:1.5rem}input[type=date],input[type=text],select{padding:6px}.back-button,.submit-button{font-size:1rem;padding:10px 25px}}@media (max-width:480px){.title{font-size:1.5rem}.grid{gap:10px;grid-template-columns:1fr}.card{padding:10px}.icon{font-size:1.4rem}input[type=date],input[type=text],select{padding:5px}.back-button,.submit-button{font-size:.9rem;padding:8px 20px}}@keyframes pulse{0%{box-shadow:0 0 10px #fbe14a66}50%{box-shadow:0 0 20px #fbe14acc}to{box-shadow:0 0 10px #fbe14a66}}@media (max-width:480px){.button-group{gap:8px;margin-bottom:10px;margin-top:-20px}.clientinfra,.connectivity,.copyconfig,.copydb,.exportdata{font-size:.85rem;gap:5px;margin-bottom:30px}}.toast-popup{background-color:#4b4f56;border-radius:10px;box-shadow:0 0 10px #0000004d;color:#fff;font-family:Poppins,sans-serif;padding:16px 20px;position:fixed;right:20px;top:20px;width:350px;z-index:9999}.toast-popup.success{background:var(--success-bg)}.toast-popup.error{background:var(--error-bg)}.toast-popup.warning{background-color:var(--warning-bg)}.toast-header{align-items:center;display:flex;font-weight:600;justify-content:space-between}.toast-body{font-size:14px;margin-top:5px}.toast-popup .progress-bar{animation:progressAnimation 3s linear forwards;animation-play-state:running;background:#fff;border-radius:5px;height:4px;margin-top:10px}.toast-popup:hover .progress-bar{animation-play-state:paused}.toast-popup .close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:16px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background:var( --modal-bg-color);border-radius:16px;box-shadow:0 10px 30px #00000026;color:var(--modal-text-color);max-width:400px;padding:20px;width:80%}.modal-content input{border:1px solid #ccc;border-radius:8px;font-family:Poppins,sans-serif;font-size:16px;margin-bottom:20px;padding:10px;width:90%}.modal-content textarea{background-color:var(--input-bg);border:1px solid #ccc;border-radius:6px;box-sizing:border-box;color:var(--input-text);font-size:1rem;margin-top:5px;padding:10px;resize:vertical;width:100%}.modal-overlay-checklist{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content-checklist{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 4px 15px #00000040;display:flex;flex-direction:column;max-height:80vh;padding:20px 25px;width:500px}.modal-content-checklist h3{color:#333;flex-shrink:0;font-size:20px;font-weight:600;margin-bottom:15px;margin-top:0;text-align:center}.modal-body-checklist{flex:1 1;overflow-y:auto;padding-right:5px}.modal-content-checklist label{color:#444;display:block;font-weight:500;margin:12px 0 6px}.modal-content-checklist input[type=text],.modal-content-checklist textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;min-height:40px;padding:8px 10px;resize:vertical;transition:border-color .2s;width:100%}.controls-create-section{background-color:#fafafa;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;margin-top:16px;padding:12px}.controls-create-label{color:#333;display:block;font-size:15px;font-weight:600;margin-bottom:-10px;margin-top:10px}.controls-create-list{display:flex;flex-direction:column;gap:8px;max-height:20vh;overflow-y:auto;padding-right:6px}.control-create-option{align-items:center;border-radius:4px;color:#444;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:2px 10px;transition:background-color .2s ease}.control-create-option:hover{background-color:#f0f0f0}.control-create-option input[type=checkbox]{cursor:pointer;height:14px;margin-bottom:0;width:14px}.modal-body{padding:20px;text-align:center}.template-options{display:flex;flex-direction:column;gap:12px}.template-options button{border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:bolder;padding:12px 16px;transition:all .25s ease}.integrated-checklist,.normal-checklist{background:var(--button-bg);color:var(--button-text)}@keyframes progressAnimation{0%{width:100%}to{width:0}}@media (max-width:1024px){.toast-popup{font-size:13px;padding:14px 18px;right:16px;top:16px;width:300px}}@media (max-width:768px){.toast-popup{font-size:12px;padding:12px 16px;right:10px;top:15px;width:260px}.toast-header{align-items:flex-start;flex-direction:column;gap:4px}.toast-popup .close{align-self:flex-end}}@media (max-width:480px){.toast-popup{border-radius:8px;left:0;margin:0 auto;padding:10px 14px;right:0;top:10px;width:90%}.toast-body,.toast-popup{font-size:11px}.toast-popup .progress-bar{height:3px}}:root{--bg-color:#032c5a;--text-color:#a3ddf1;--table-bg-color:#fffbea;--table-body-text-color:#000;--table-header-bg-color:#032c5a;--table-header-text-color:#a3ddf1;--modal-bg-color:#fff;--modal-text-color:#000;--button-text:#000;--card-bg:#032c5a;--card-inner-bg:#fff;--card-text:#333;--button-bg:#a3ddf1;--input-bg:#fff;--input-text:#333;--input-border:#d3d3d3;--shadow-color:#00000026;--mapping-card-bg:#032c5a;--mapping-inner-card-bg:#fff;--mapping-inner-card-text:#444;--mapping-inner-card-border:#ddd;--error-color:red;--bg-inner-color:#e7d9d9;--error-bg:#dc3545;--success-bg:#28a745;--warning-bg:orange;--popup-text:#fff;--favourite-bg:#f9f9f9;--favourite-text:#000;--filter-card-bg:#f9f9f9;--filter-card-border:#032c5a;--display-screen-bg:#004bb733;--display-screen-text:#000;--filter-controls-bg:#005f5f7c;--popup-overlay-bg:#00000080;--popup-shadow:#0003;--profile-card-bg:#ffffff1a;--profile-card-border:#fff3;--profile-role-bg:#1abc9c33;--profile-avatar-bg:#eef0f54d;--profile-item-bg:#f1f4ff4d;--profile-item-border:#fff3;--profile-item-hover-bg:#f1f4ff80;--icon-color:#000;--shadow-color:#0003;--sidebar-hover-bg:#a3ddf1;--sidebar-hover-text:#000;--sidebar-active-bg:#a3ddf1;--sidebar-active-text:#000;--dropdown-hover-bg:#fbe14a;--dropdown-hover-text:#000}[data-theme=dark]{--bg-color:#000;--text-color:#fff;--table-bg-color:#1a1a1a;--table-body-text-color:#fff;--table-header-bg-color:#333;--table-header-text-color:#fff;--modal-bg-color:#333;--modal-text-color:#fff;--back:#fff;--card-bg:#333;--card-inner-bg:#444;--card-text:#fff;--button-bg:#555;--button-text:#fff;--input-bg:#555;--input-text:#fff;--input-border:#777;--input-bg:#333;--mapping-card-bg:#333;--mapping-inner-card-bg:#444;--mapping-inner-card-text:#fff;--mapping-inner-card-border:#555;--error-color:#ff4d4d;--bg-inner-color:linear-gradient(90deg,#555,#777,#555);--error-bg:#dc3545;--success-bg:#28a745;--warning-bg:orange;--popup-bg:#333;--popup-text:#fff;--favourite-bg:#333;--favourite-text:#fff;--filter-card-bg:#444;--filter-card-border:#555;--display-screen-bg:#004bb71a;--display-screen-text:#fff;--filter-controls-bg:#333;--popup-bg:#1a1a1a;--popup-overlay-bg:#ffffff1a;--popup-shadow:#ffffff1a;--profile-card-bg:#0003;--profile-card-border:#ffffff1a;--profile-role-bg:#1abc9c33;--profile-avatar-bg:#3232324d;--profile-item-bg:#3232324d;--profile-item-border:#ffffff1a;--profile-item-hover-bg:#32323280;--icon-color:#4a90e2;--shadow-color:#ffffff1a;--sidebar-hover-bg:#333;--sidebar-hover-text:#fff;--sidebar-active-bg:#444;--sidebar-active-text:#fff;--dropdown-hover-bg:#333;--dropdown-hover-text:#fff}.table-details{animation:fadeIn 1s ease-in-out;background-color:#032c5a;background-color:var(--bg-color);border-radius:16px;box-shadow:0 10px 30px #00000026;color:#fff;font-family:Poppins,sans-serif;margin:-5px auto -5px -25px;max-width:100%;padding:25px}.table-title{align-items:center;color:#a3ddf1;color:var(--text-color);display:flex;justify-content:space-between;margin-bottom:30px;margin-top:-30px;text-shadow:0 4px 10px #00000080}.table-title h2{font-size:2rem}.table-title-actions{display:flex;margin-left:auto}.export-button{border:none;display:flex;font-weight:100;padding:4px 10px;transition:all .3s ease}.add-question-button,.create-client-btn,.createnewtemplate,.export-button,.upload-checklist,.upload-file{background:#a3ddf1;background:var(--button-bg);border-radius:8px;color:#000;color:var(--button-text);cursor:pointer;margin-left:5px}.add-question-button,.create-client-btn,.createnewtemplate,.upload-checklist,.upload-file{border:none;font-size:14px;font-weight:bolder;padding:8px 10px}.spinner{color:gold;font-size:1.5rem;text-align:center}.table-container{background:#e7d9d9;background:var(--bg-inner-color);border-radius:12px;margin-top:-40px;padding:10px}.table,.table-inner-container{overflow-y:auto}.main-table{border-collapse:collapse;margin:20px 0;width:100%}.main-table th{background-color:#032c5a;background-color:var(--table-header-bg-color);border-radius:4px;color:#a3ddf1;color:var(--table-header-text-color)}.main-table td,.main-table th{border:1px solid #ddd;font-size:14px;padding:15px;text-align:center}.main-table td{background-color:#fffbea;background-color:var(--table-bg-color);color:#000;color:var(--table-body-text-color)}.main-table td textarea{min-height:100px;resize:vertical}.main-table tr td textarea{background-color:#fff;background-color:var(--input-bg);box-sizing:border-box;color:#333;color:var(--input-text);font-size:1rem;width:100%}.main-table tr:hover{background-color:gold;color:#000;cursor:pointer;transition:all .3s ease}.main-table .clickable{color:#000;color:var(--table-body-text-color);cursor:pointer;font-weight:700;text-decoration:underline;-webkit-text-decoration-line:bolder;text-decoration-line:bolder}.main-table .clickable:hover{color:#000;color:var(--table-body-text-color);text-decoration:none}.back-btn1,.back-btn2{background:#a3ddf1;background:var(--button-bg);border:none;border-radius:6px;color:#000;color:var(--button-text);cursor:pointer;font-size:14px;font-weight:bolder;margin-right:10px;padding:7px 10px;transition:all .3s ease}.back-btn1{margin-top:10px}.back-btn2{margin-top:5px;padding:8px}.export-button:hover,.main-table tr:hover{animation:hoverBounce .5s ease-in-out}.back-buttonadp{background:#a3ddf1;background:var(--button-bg);border:none;border-radius:6px;color:#000;color:var(--button-text);cursor:pointer;font-size:14px;font-weight:bolder;margin-right:10px;margin-top:0;padding:7px 10px;transition:all .3s ease}.buttons,.buttons2{display:flex;justify-content:space-between}.backbutton,.cancelbutton,.cancelbutton2,.savebutton,.savebutton2{background:#a3ddf1;background:var(--button-bg);border:none;border-radius:8px;color:#000;color:var(--button-text);cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 20px}.backbutton{margin-top:20px}.cancelbutton2,.savebutton2{margin-top:10px}.action-icon{background:#a3ddf1;background:var(--button-bg);border:none;border-radius:8px;color:#000;color:var(--button-text);cursor:pointer;margin-left:10px;padding:10px}.action-icon:hover{color:#032c5a}.no-data{font-weight:bolder}.pagination{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.pagination-controls{align-items:center;background:#a3ddf1;background:var(--button-bg);border-radius:6px;display:flex;margin-left:auto}.pagination-btn{background:#0000;border:none;border-radius:0;border-right:1px solid #ccc;color:#000;color:var(--button-text);cursor:pointer;font-size:14px;margin:0;padding:8px 14px;transition:background .3s ease}.pagination-btn:last-child{border-right:none}.pagination-btn:hover:not(:disabled){background:#0000001a}.pagination-btn.active{background-color:#032c5a;background-color:var(--bg-color);border-radius:6px;color:#000;color:var(--button-text);font-weight:700}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.info{background:#a3ddf1;background:var(--button-bg);border:none;border-radius:6px;font-size:14px;font-weight:bolder;padding:5px 10px;transition:all .3s ease}.info,.items-perpage-select{color:#000;color:var(--button-text)}.items-perpage-select{background-color:#a3ddf1;background-color:var(--button-bg);border:none;cursor:pointer;font-size:1rem;margin-left:5px;margin-right:25px;padding:8.5px;width:95%}.small-pipe{font-size:.85em;vertical-align:middle}.back-btn{background:#a3ddf1;background:var(--button-bg);border:none;border-radius:6px;color:#000;color:var(--button-text);cursor:pointer;font-size:14px;font-weight:bolder;margin-right:10px;padding:7px 10px;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes hoverBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes buttonPulse{0%{box-shadow:0 0 0 0 #ffd700b3}70%{box-shadow:0 0 15px 10px #ffd70000}to{box-shadow:0 0 0 0 #ffd70000}}@media (max-width:768px){.pagination{align-items:stretch;flex-direction:column}.pagination-left,.pagination-right{gap:5px;justify-content:center;width:100%}.back-btn,.info,.items-perpage-select,.pagination-btn{font-size:13px;padding:8px;text-align:center;width:100%}.pagination-controls{border-radius:6px;display:flex;margin-left:auto;padding:1px;width:100%}.items-perpage-select,.pagination-controls{margin-left:-2px}.items-perpage-select{width:99%}}@media (max-width:480px){.back-btn,.info,.items-perpage-select,.pagination-btn{font-size:12px;padding:6px;width:100%}}@media (max-width:768px){.table-title{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:50px;margin-top:-10px}.table-title-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.table-title-actions button{font-size:13px;justify-content:center;margin:0;padding:10px 5px;text-align:center;width:100%}}@media (max-width:480px){.table-title-actions{gap:6px;grid-template-columns:repeat(2,1fr)}.table-title-actions button{font-size:12px;padding:8px 4px}}@media (max-width:320px){.table-title-actions{gap:4px;grid-template-columns:repeat(2,1fr)}.table-title-actions button{font-size:11px;padding:6px 3px}}.export-modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.export-modal{background-color:var(--bg-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px}.export-modal-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;padding:16px}.export-modal-header h3{color:var(--button-text);font-size:1rem;margin:0}.close-button{background:none;border:none;color:var(--button-text);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.export-options{padding:16px}.export-options button{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;margin-bottom:8px;padding:12px;text-align:left;width:100%}.csv-icon{color:#28a745}.json-icon{color:#6f42c1}.excel-icon{color:#1d6f42}.export-options span{font-size:.95rem}.export-option{align-items:center;display:flex;gap:12px}.export-icon{color:#555}.export-format{color:var(--button-text);cursor:pointer;font-weight:700;margin-bottom:2px}.export-description{color:#666;font-size:.8rem}.sidebar{animation:slideIn .5s ease-in-out;background-color:var(--bg-color);border-radius:10px;box-shadow:2px 0 5px #00000080;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:calc(100vh - 15px);left:10px;overflow:hidden;position:fixed;top:10px;transition:width .3s ease;width:60px;z-index:1000}.sidebar.open{width:350px}.sidebar-logo{align-items:center;background-color:var(--bg-color);border-radius:10px;box-shadow:0 4px 6px #0003;display:flex;justify-content:space-between;padding:20px}.sidebar-logo-text{color:var( --text-color);font-size:15px;font-weight:700}.sidebar-toggle-btn{background:none;border:none;border-radius:50%;color:var(--icon-color);cursor:pointer;font-size:18px;padding:0}.sidebar-menu{flex:1 1;padding:10px 0}.sidebar-menu-item{align-items:center;background-color:initial;border-radius:20px;color:var( --text-color);cursor:pointer;display:flex;padding:8px 20px;transition:transform .3s ease,background .3s ease,color .3s ease}.sidebar-menu-item.hover{background:var(--sidebar-hover-bg);box-shadow:0 0 10px #ffd70099;color:var(--sidebar-hover-text);transform:scale(1.05)}.sidebar-menu-item.active{background:var(--sidebar-active-bg);box-shadow:0 0 10px #ffd70066;color:var(--sidebar-active-text)}.sidebar-menu-icon{color:var(--icon-color);font-size:20px;margin-right:1rem}.sidebar-menu-title{flex:1 1;font-size:14px;font-weight:700}.sidebar-menu-chevron{animation:pulseChevron 1s ease-in-out infinite;color:var(--icon-color);margin-left:auto}.sidebar,.sidebar-menu{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-menu::-webkit-scrollbar,.sidebar::-webkit-scrollbar{display:none}.theme-toggle-btn{background:none;border:none;cursor:pointer;display:flex;font-size:1.2rem;margin-bottom:10px;margin-left:150px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes hoverGlow{0%,to{box-shadow:0 0 10px #ffd70066}50%{box-shadow:0 0 20px #ffd700cc}}@keyframes pulseChevron{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.breadcrumb-wrapper{background-color:var(--bg-color);border-radius:16px;font-family:Poppins,sans-serif;justify-content:space-between;margin-bottom:10px;margin-left:-17px;margin-top:-.5px;max-width:98%;padding:20px}.breadcrumb,.breadcrumb-wrapper{align-items:center;color:var(--text-color);display:flex;list-style:none}.breadcrumb{flex-wrap:wrap;margin:0;padding:0}.breadcrumb-item{font-size:17px;font-weight:600;margin-right:2px;position:relative}.breadcrumb-item a{border-radius:4px;padding:1px;text-decoration:none;transition:background-color .3s,box-shadow .3s}.breadcrumb-item a,.breadcrumb-item.active,.breadcrumb-item:after{color:var(--text-color)}.breadcrumb-item:after{content:"›";font-size:16px;font-weight:700;margin:0 8px}.breadcrumb-item:last-child:after{content:""}.profile-topbar{align-items:center;cursor:pointer;display:flex;gap:10px;position:relative}.profile-name-role{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.profile-name{font-size:15px;font-weight:600}.dropdown-icon{transition:transform .3s}.dropdown-icon.open{transform:rotate(180deg)}.profile-dropdown{background-color:var(--bg-color);border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:column;margin-top:10px;min-width:180px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:background-color .3s ease}.dropdown-item:hover{background-color:#0000000d}.dropdown-item-icon{color:var(--text-color)}@media (max-width:768px){.breadcrumb-wrapper{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 15px}.breadcrumb{font-size:14px}.profile-topbar{align-self:flex-end}}.template-page-container{animation:fadeIn 1s ease-in-out;background:var(--bg-color);border-radius:16px;box-shadow:0 10px 30px #00000026;font-family:Poppins,sans-serif;margin:-5px auto -5px -20px;max-width:100%;padding:25px}.template-page-header{align-items:center;color:var(--text-color);display:flex;justify-content:space-between;margin-top:-30px;text-shadow:0 4px 10px #00000080}.template-page-header h2{font-size:1.75rem}.template-page-form{background:var(--bg-inner-color);border-radius:8px;gap:1rem;padding:20px}.template-page-field,.template-page-form{display:flex;flex-direction:column}.template-page-field label{color:var(--text-color);font-weight:600;margin-bottom:.5rem}.template-page-field input,.template-page-field textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 1rem;resize:vertical}.template-page-field input:focus,.template-page-field textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.template-page-placeholders{color:var(--text-color);font-size:.9rem;margin-top:.5rem}.small{color:var(--text-color)}.suggestion-box{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px;padding:4px;width:220px}.suggestion-list{list-style:none;margin:0;padding:0}.suggestion-list li{cursor:pointer;padding:6px 8px}.suggestion-list li:hover{background-color:#f1f1f1}#root{margin:-8px}.login-container{background-color:var(--bg-color);display:flex;height:100vh;overflow:hidden;width:100%}.login-left{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.audit-illustration{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:auto;max-width:550px;width:95%}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1919d9;border:1px solid #0080804d;border-radius:20px;box-shadow:0 10px 30px #00808033,inset 0 0 15px #fbe14a1a;color:#fff;max-width:420px;padding:40px;text-align:center;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:100%}.login-box:hover{box-shadow:0 15px 35px #0080804d,inset 0 0 20px #fbe14a26;transform:translateY(-5px)}.login-box h2{color:#fbe14a;display:inline-block;font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:15px;position:relative}.login-box h2:after{background:linear-gradient(90deg,#0000,#fbe14a,#0000);bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:90px}.login-box p{color:#fff;font-size:1rem;margin-bottom:2rem}.login-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:1.2rem;margin-bottom:1.25rem;padding:.875rem 1rem;transition:border-color .3s ease;width:90%}.login-input::placeholder{color:#00000080}.login-button{background:var(--button-bg);border:none;border-radius:8px;box-shadow:0 4px 15px #fbe14a4d;color:#000;cursor:pointer;font-size:18px;font-weight:600;overflow:hidden;padding:15px;position:relative;transition:all .4s ease;width:100%;z-index:1}@media (max-width:768px){.login-container{flex-direction:column}.login-left{display:none}.login-right{padding:1.5rem}.login-box{box-shadow:none;padding:2rem}}@media (max-width:480px){.login-box{padding:1.5rem}.login-box h2{font-size:1.5rem}}
/*# sourceMappingURL=main.10d0995a.css.map*/