body{font-family:Source Sans Pro,sans-serif;padding-top:50px;box-sizing:border-box;background-color:#e4e3e3;width:100%}*{box-sizing:border-box}#root{width:100%}.avtar{background-color:#242424;border-radius:50%;min-width:40px;height:40px}.avtar-chatgpt{background-image:url(./assets/icons/chatgpt-icon.svg);border-radius:40px;min-width:40px;height:40px}.footer{display:block;color:#0d87af;text-align:center;font-weight:700;background-color:#f5f5f5;position:fixed;padding:10px 0;left:0;right:0;bottom:0}.navbar{background-color:#054e5a;color:#252525;width:100%;height:70px;padding:5px 20px;position:fixed;display:flex;top:0;left:0;box-shadow:1px 1px 5px 3px #aaadad;z-index:10}.navbar-head{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:20px;color:#fff;font-weight:700;display:flex;align-items:center;margin-left:10px}.navbar-img img{width:100px;margin:10px;cursor:pointer}.navbar-profile{display:flex;color:#fff;right:60px;position:absolute;cursor:pointer}.navbar-profile img{width:40px;height:40px;border-radius:50%;margin:10px}.userImg{width:40px;height:40px;border-radius:50%}.navbar-username{font-size:18px}@media only screen and (max-width: 600px){.navbar-username{display:none}.navbar-profile{right:0}}.navbar-dropdown{position:absolute;top:75px;right:0;display:flex;justify-content:center;align-items:center;background-color:#054e5a;text-align:center;transition:3s;border-radius:10px}.navbar-dropdown ul{width:150px;margin:0;padding:0}.navbar-dropdown ul li{list-style:none;font-size:18px;padding:10px 0;display:flex;border-radius:10px;justify-content:center;align-items:center;text-align:center;color:#fff;transition:1s}.navbar-dropdown ul li:hover{background-color:#10617c;border-radius:10px}@media only screen and (max-width: 600px){.menu{width:100px}}.menu-cont{display:flex;align-items:center;margin:0 120px}.menu{border-radius:5px;outline:none;padding:5px}.main-cont{display:flex;width:98vw;box-sizing:border-box;padding:0 10px;margin-top:40px}.fields-cont{box-sizing:border-box;width:50%;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;padding:10px 20px}.field-cont{box-sizing:border-box;display:flex;color:#252525;justify-content:center;align-items:center;width:100%}.field-label{width:30%}.keywordBox{width:70%;border-radius:10px;border:2px solid rgb(150,150,150);margin-top:5px;color:#252525;padding:10px}.keyword{width:100%;display:flex;align-items:center;line-height:3px}.key-label{width:40%;font-weight:700;color:#013647;font-size:13px}.url{width:100%;line-height:3px;display:flex;align-items:center}.url-value,.key-value{width:60%;font-size:12px;font-weight:700;line-height:12px;margin-left:10px}.edit-btn{border:none;outline:none;background-color:#013647;color:#f5f5f5;font-size:10px;cursor:pointer}.remove-btn{border:none;outline:none;background-color:#a81515;color:#f5f5f5;font-size:10px;cursor:pointer;margin-left:10px}.output-cont{width:50%;background-color:#fff;border-radius:10px;margin-left:10px;padding:10px}.field{padding:10px;width:70%;border:1px solid #054E5A;background-color:#fff;color:#252525;border-radius:5px;margin:7px 0;outline:none}.field-select{width:70%;border:1px solid #016586;border-radius:5px;outline:none}.generate-btn{width:100%;margin-top:10px}.modal-cont{box-sizing:border-box;display:flex;color:#252525;justify-content:center;align-items:center;width:100%}.modal-label{width:30%}.modal-btn{width:70%}.modal-btn button{width:100%;background-color:#054e5a;border-radius:10px;outline:none;border:none;cursor:pointer}.modal-btn button:hover{background-color:#013647}.generate-btn button{width:100%;background-color:#054e5a;border-radius:10px;outline:none;border:none;cursor:pointer}.generate-btn button:hover{background-color:#013647}.output-area{background-color:#fff;color:#000;outline:none;border:1px solid #054E5A;border-radius:10px;width:100%;padding:10px;overflow-y:auto}.copy-btn button{width:49%;margin-top:10px;background-color:#054e5a;border-radius:10px;outline:none;border:none;cursor:pointer}.copy-btn button:hover{background-color:#013647}.about-cont{display:flex;width:100vw;height:87vh;box-sizing:border-box;padding:10px 20px;margin-top:30px;color:#494949}.about-section{box-sizing:border-box;width:60%;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 50px}.about-description{margin-bottom:20px}.about-description-header{font-size:30px;font-weight:bolder;color:#013647}.about-description-subheader{font-size:15px;font-weight:700}.about-description-text{margin-top:20px;font-size:14px}.about-data-section{width:40%;background-color:#fff;border-radius:10px;margin-left:10px}.about-image{border-radius:10px;overflow:hidden;background-position:center;background-image:url(/assets/Group_logotype_with_message_English_Vertical_RGB-hNEnitT-.png);background-size:contain;background-repeat:no-repeat;height:100%}.about-data-tiles{display:grid;grid-template-columns:auto auto;width:100%;margin-top:20px}.tile{background-color:#f5f5f5;border-radius:10px;padding:20px;margin-right:20px;margin-bottom:20px}.tile-heading{font-size:20px;font-weight:700;color:#013647}.tile-text{font-size:13px;color:gray}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#fff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.userlogs-container{padding:28px;background:#f8fafc;height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;width:100%;display:block}.userlogs-title{font-size:22px;font-weight:600;margin-bottom:18px;color:#0f172a;text-align:center}.tiles-row{display:flex;gap:16px;margin-bottom:20px;flex-wrap:nowrap;align-items:stretch;min-width:1400px;width:100%;box-sizing:border-box}.tile{flex:0 0 200px;width:200px;background:#f5f7fa;border-radius:8px;padding:16px 20px;box-shadow:0 1px 4px #00000014;display:flex;flex-direction:column;justify-content:center;gap:6px;margin-right:0%}.tile-title{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.tile-value{font-size:26px;font-weight:700;color:#0f172a;line-height:1.1}.date-range{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.date-range label{display:flex;flex-direction:column;font-size:12px;color:#64748b;gap:4px}.date-range input{padding:6px 8px;border-radius:6px;border:1px solid #ccc;font-size:13px}.userlogs-loading{padding:60px 24px;font-size:14px;color:#64748b;text-align:center;width:100%}.userlogs-empty{padding:24px;text-align:center;background:#fff;border-radius:14px;color:#64748b;border:1px solid #eef2f7;box-shadow:0 6px 16px #0000000a}.userlogs-table-wrapper{background:#fff;border-radius:14px;border:1px solid #eef2f7;box-shadow:0 8px 20px #0f172a0d;overflow-x:visible;overflow-y:visible;min-width:1400px;width:100%;box-sizing:border-box}.userlogs-table{width:100%;min-width:1400px;border-collapse:collapse;table-layout:fixed}.userlogs-table th:nth-child(1),.userlogs-table td:nth-child(1){width:14%}.userlogs-table th:nth-child(2),.userlogs-table td:nth-child(2){width:9%}.userlogs-table th:nth-child(3),.userlogs-table td:nth-child(3){width:6%}.userlogs-table th:nth-child(4),.userlogs-table td:nth-child(4){width:10%}.userlogs-table th:nth-child(5),.userlogs-table td:nth-child(5){width:13%}.userlogs-table th:nth-child(6),.userlogs-table td:nth-child(6){width:13%}.userlogs-table th:nth-child(7),.userlogs-table td:nth-child(7){width:10%}.userlogs-table th:nth-child(8),.userlogs-table td:nth-child(8){width:12%}.userlogs-table th:nth-child(9),.userlogs-table td:nth-child(9){width:13%}.userlogs-table td{padding:14px;font-size:13px;color:#1e293b;border-top:1px solid #f1f5f9;vertical-align:top;word-break:break-word;overflow-wrap:break-word}.userlogs-table thead{background:#f8fafc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1}.userlogs-table th{padding:12px 14px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#64748b;white-space:nowrap}.userlogs-table td{padding:14px;font-size:13px;color:#1e293b;border-top:1px solid #f1f5f9;vertical-align:top;max-width:200px;word-break:break-word}.userlogs-table tr:hover{background:#f9fafb}.userlogs-email{font-weight:600;color:#0f172a;font-size:13px;word-break:break-all;min-width:180px}.datetime{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.date-label,.time-label{font-size:12px;color:#64748b}.url-link{font-size:12.5px;color:#2563eb;text-decoration:none;word-break:break-all;display:block;line-height:1.5}.url-link:hover{text-decoration:underline}.userlogs-empty-cell{color:#94a3b8;font-size:13px}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px;margin-bottom:16px;flex-wrap:wrap}.page-btn{min-width:38px;height:38px;padding:0 12px;border:1.5px solid #c8d6da;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;color:#1d3c45;font-family:inherit;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.page-btn:hover:not(:disabled){background:#e8f0f2;border-color:#1d3c45;color:#1d3c45}.page-btn.active{background:#1d3c45;color:#fff;border-color:#1d3c45;font-weight:700;box-shadow:0 2px 6px #1d3c4540}.page-btn:disabled{opacity:.35;cursor:not-allowed;background:#f5f5f5;border-color:#dde4e6;color:#999}.page-ellipsis{padding:0 4px;font-size:16px;color:#6b8a92;line-height:38px}.page-info{margin-left:16px;font-size:13px;color:#6b8a92;font-weight:400;letter-spacing:.01em}.userlogs-table-wrapper+.pagination{border-top:1px solid #e4ebed;padding-top:16px}.tile-search{flex:1 1 0;min-width:0;background:#f5f7fa;border-radius:8px;padding:16px 20px;box-shadow:0 1px 4px #00000014;display:flex;flex-direction:row;align-items:center;gap:40px;flex-wrap:wrap}.tile-top{display:flex;flex-direction:column;gap:2px;white-space:nowrap;min-width:160px}.search-bar{display:flex;align-items:center;gap:8px;flex:1;margin-top:0}.search-input{flex:1;height:38px;padding:0 14px;border:1.5px solid #c8d6da;border-radius:4px;font-size:13px;color:#1d3c45;outline:none;font-family:inherit;transition:border-color .15s;margin-top:20px}.search-input:focus{border-color:#1d3c45}.search-input::placeholder{color:#9eb5bc}.search-btn{height:38px;padding:0 20px;background:#1d3c45;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap;margin-top:20px}.search-btn:hover{background:#16303a}.search-clear-btn{height:38px;width:38px;background:#f0f4f5;color:#1d3c45;border:1.5px solid #c8d6da;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;margin-top:20px}.search-clear-btn:hover{background:#e0eaec}@media (max-width: 768px){.tiles-row{flex-wrap:wrap}.tile-search,.tile{flex:0 0 100%}}.paginate-container{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.paginate-container li.page-btn{min-width:38px;height:38px;border:1.5px solid #c8d6da;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center}.paginate-container li.page-btn a.page-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:500;color:#1d3c45;text-decoration:none;padding:0 10px}.paginate-container li.page-btn:hover:not(.disabled):not(.active){background:#e8f0f2;border-color:#1d3c45}.paginate-container li.active{background:#1d3c45;border-color:#1d3c45}.paginate-container li.active a.page-link{color:#fff;font-weight:700}.paginate-container li.disabled{opacity:.35;cursor:not-allowed;background:#f5f5f5;border-color:#dde4e6}.paginate-container li.disabled a.page-link{cursor:not-allowed;color:#999}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}