.header-container{display:flex;justify-content:space-between;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px}.allylg{height:20px;width:auto;margin-top:20px;margin-bottom:20px}::-webkit-scrollbar{display:none}.element-with-hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.element-with-hidden-scrollbar::-webkit-scrollbar{display:none}.header-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md, 12px) var(--spacing-md, 12px);background:var(--bg-primary, #ffffff);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));border-bottom:1px solid #f1f5f9;position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed, 600);height:var(--header-height-mobile, 60px)}.main-container{transition:margin-left var(--transition-base, .3s) ease-in-out;margin-left:0;padding-top:var(--header-height-mobile, 60px)}.main-container.shifted{margin-left:0}.button-sidebar{background:#fff3;border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;padding:var(--spacing-xs, 6px) var(--spacing-sm, 10px);border-radius:var(--radius-md, 8px);transition:all var(--transition-base, .3s) ease;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}.button-sidebar:hover{background:#ffffff4d;transform:scale(1.05)}.sidebar-container .button-sidebar{background:#e0e7ff!important;border:2px solid var(--primary-color, #5151db)!important;box-shadow:0 2px 8px #5151db26!important;position:relative;z-index:10;margin:var(--spacing-sm, 8px) var(--spacing-md, 12px);margin-top:var(--spacing-xs, 6px)}.sidebar-container .button-sidebar:hover{background:var(--primary-color, #5151db)!important;transform:scale(1.05)}.sidebar-container .button-sidebar:hover .sidebar-icon,.sidebar-container .button-sidebar:hover .allysd{filter:brightness(0) invert(1)}.sidebar-container.open .button-sidebar{display:flex!important;visibility:visible!important;opacity:1!important}.nameApp,.delTime{display:none}.newChat{height:14px;width:14px;margin-right:var(--spacing-sm, 8px);margin-left:var(--spacing-sm, 8px);margin-top:2px;flex-shrink:0}.chat-title{font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--text-primary, #1e293b)}.new-chat-item{cursor:pointer;border-radius:var(--radius-md, 8px);display:flex;align-items:center;margin:var(--spacing-md, 12px);padding:var(--spacing-sm, 10px) var(--spacing-md, 12px);background:var(--primary-color, #5151db);color:#fff;transition:all var(--transition-fast, .2s) ease;box-shadow:0 2px 5px #5151db33;min-height:var(--touch-target-min, 44px)}.new-chat-item:hover{background:var(--primary-hover, #4040c9);transform:translate(2px);box-shadow:0 3px 8px #5151db4d}.new-chat-item .chat-title{color:#fff;font-weight:500;font-size:var(--font-size-sm, 14px)}.sidebar-container{position:fixed;left:0;top:0;width:var(--sidebar-width-mobile, 100%);max-width:270px;height:100vh;background:#fafafa;color:var(--text-primary, #1e293b);box-shadow:4px 0 15px #00000014;padding:0;transform:translate(-100%);transition:transform var(--transition-base, .3s) cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-right:1px solid #e5e7eb;z-index:var(--z-modal, 1000);display:flex;flex-direction:column}.sidebar-container.open{transform:translate(0)}.chat-history-section{flex:1;padding:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.chat-history-section h3{margin-bottom:var(--spacing-lg, 20px);font-size:16px;margin-top:0;flex-shrink:0}.sidebar-container h3{margin:0 var(--spacing-lg, 20px) var(--spacing-md, 15px) var(--spacing-lg, 20px);font-size:var(--font-size-sm, 14px);font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px}.sidebar-container ul{list-style-type:none;padding:0}.sidebar-container li{cursor:pointer;transition:all var(--transition-fast, .2s) ease;margin:0 var(--spacing-md, 15px);border-radius:var(--radius-md, 8px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;font-size:10px}.sidebar-container li:hover{background-color:var(--border-color, #e2e8f0);transform:translate(5px)}.close-sidebar{background:#5151db1a;border:2px solid var(--primary-color, #5151db);color:var(--primary-color, #5151db);font-size:24px;font-weight:700;position:absolute;top:10px;right:15px;cursor:pointer;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base, .3s) ease;box-shadow:0 2px 8px #5151db26}.close-sidebar:hover{background:var(--primary-color, #5151db);color:#fff;transform:scale(1.05)}.sidebar{height:22px;width:22px;opacity:1;filter:none;transition:transform var(--transition-base, .3s) ease}.button-sidebar:hover .sidebar{transform:rotate(90deg);opacity:.8}.allyhd{height:18px;width:auto;-o-object-fit:contain;object-fit:contain;margin-left:var(--spacing-sm, 10px);opacity:1;filter:none}.sidebar-icon{height:18px;width:22px;margin-left:var(--spacing-sm, 8px);flex-shrink:0}.allysd{height:18px;width:55px;margin-left:var(--spacing-md, 15px);flex-shrink:0}.burger,.home,.menu{height:20px;width:20px;cursor:pointer;opacity:1;filter:none;transition:transform var(--transition-base, .3s) ease}.menu:hover{transform:scale(1.1);opacity:.8}.alarmhd,.wheelhd,.logout{height:20px;width:20px;cursor:pointer;opacity:1;filter:none;transition:transform var(--transition-base, .3s) ease}.logout:hover{transform:scale(1.1);opacity:.8}.burger-wrapper{position:relative;display:inline-block}.burger-popdown{position:absolute;top:0;right:100%;margin-right:12px;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md, 20px);z-index:var(--z-popover, 1000)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.burger-popdown button{background:none;border:none;cursor:pointer;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center}.tooltip{position:relative;display:inline-block;border:none;background:none;margin-right:var(--spacing-lg, 20px)}.tooltip:after{content:attr(data-tooltip);position:absolute;top:50px;left:50%;transform:translate(-50%);background-color:#000;color:#fff;font-size:var(--font-size-xs, 12px);padding:4px 8px;border-radius:var(--radius-sm, 4px);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast, .2s);z-index:var(--z-tooltip, 2000)}.tooltip:hover:after{opacity:1}.burger.tooltip:after{top:auto;bottom:35px}.button-logout,.button-settings,.button-alarm,.button-home,.button-menu{background:transparent;border:none;cursor:pointer;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}.notification-popup{position:fixed;top:70px;right:50%;transform:translate(50%);background-color:#fc0;color:#000;padding:var(--spacing-sm, 10px) var(--spacing-lg, 20px);border-radius:var(--radius-md, 5px);box-shadow:var(--shadow-md, 0 2px 5px rgba(0, 0, 0, .2));z-index:var(--z-modal, 1000)}@keyframes fadeInOut{0%{opacity:0;transform:translate(50%) translateY(-10px)}10%{opacity:1;transform:translate(50%) translateY(0)}90%{opacity:1;transform:translate(50%) translateY(0)}to{opacity:0;transform:translate(50%) translateY(-10px)}}.chat-history-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:var(--radius-sm, 6px);position:relative;padding:var(--spacing-xs, 0px);min-height:14px}.chat-title-app-btn{flex:1;background:none;border:none;font-size:16px;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px;color:#333;min-height:20px;width:100%;max-width:100%;word-wrap:break-word}.chat-history-item:hover{background-color:#e2e2f1;border-bottom:1px solid #ccc}.chat-history-list{max-height:60vh;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-xs, 4px);margin-bottom:var(--spacing-md, 12px)}.chat-history-list::-webkit-scrollbar{display:block!important;width:8px}.chat-history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background var(--transition-fast, .15s) ease;transition:background var(--transition-fast, .15s) ease}.chat-history-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-history-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f1f1}.chat-history-section,.chat-history-list{scroll-behavior:smooth}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg, 20px);border-top:1px solid var(--border-color, #e2e8f0);background:#fff}.buttonSettiHelp{width:100%;display:flex;align-items:center;padding:var(--spacing-sm, 10px) var(--spacing-md, 14px);background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all var(--transition-fast, .2s) ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:var(--touch-target-min, 44px)}.buttonSettiHelp:hover{background:#f3f4f6;border-color:#d1d5db}.settings-popup{position:absolute;bottom:70px;left:var(--spacing-lg, 20px);right:var(--spacing-lg, 20px);background:#fff;border-radius:var(--radius-lg, 12px);padding:var(--spacing-sm, 8px);display:flex;flex-direction:column;gap:4px;z-index:var(--z-popover, 2000);box-shadow:var(--shadow-lg, 0 4px 20px rgba(0, 0, 0, .15));border:1px solid var(--border-color, #e2e8f0);animation:slideUp var(--transition-base, .3s) ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-popup button{border:none;background:transparent;padding:var(--spacing-sm, 10px) var(--spacing-md, 14px);border-radius:var(--radius-md, 8px);cursor:pointer;text-align:left;font-size:var(--font-size-sm, 14px);color:#475569;font-weight:500;transition:all var(--transition-fast, .2s) ease;display:flex;align-items:center;gap:var(--spacing-sm, 10px);min-height:var(--touch-target-min, 44px)}.settings-popup button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translate(5px)}.settingsP{margin-top:2px;margin-right:var(--spacing-sm, 10px);font-size:16px;font-weight:700;color:#000}.settings-icon{height:18px;width:18px;margin-right:var(--spacing-sm, 10px);opacity:.7}.delete-chat-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-base, 16px);min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}.no-history{text-align:center;color:#666;font-style:italic;padding:var(--spacing-lg, 20px) 0}.loading{text-align:center;color:#666;padding:var(--spacing-lg, 20px) 0}.dropdown-options{position:absolute;top:60px;right:5%;background-color:#fff;border:1px solid #ccc;border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-md, 0 4px 10px rgba(0,0,0,.1));z-index:var(--z-dropdown, 1000);padding:var(--spacing-sm, 10px) 0;width:160px;max-width:90vw}.dropdown-item{padding:var(--spacing-sm, 10px) var(--spacing-lg, 20px);cursor:pointer;transition:background-color var(--transition-fast, .2s) ease;min-height:var(--touch-target-min, 44px);display:flex;align-items:center}.dropdown-item:hover{background-color:#f0f0f0}.chat-title-area{display:flex;align-items:center;justify-content:space-between}.chat-open-button{background:none;border:none;color:#000;cursor:pointer;font-size:var(--font-size-sm, 14px);font-weight:500;text-align:left;flex-grow:1;padding-right:var(--spacing-sm, 10px)}.chat-title-btn{flex-grow:1;background:none;border:none;text-align:left;font-size:var(--font-size-sm, 14px);font-weight:500;cursor:pointer;min-height:var(--touch-target-min, 44px)}.chat-title-btn:hover{text-decoration:underline}.chat-header-line{display:flex;justify-content:space-between;align-items:center}.chat-meta-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs, 12px);color:#555;margin-top:var(--spacing-xs, 5px)}.chat-item-header{display:flex;align-items:center;width:100%;gap:var(--spacing-sm, 8px)}.chat-item-header:hover{color:#00f;border-radius:var(--radius-sm, 5px);padding-left:var(--spacing-xs, 5px);padding-right:0}.deleteHistory{height:30px;width:30px;flex-shrink:0}.chat-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs, 12px);color:#555;margin-top:0;transition:all var(--transition-base, .3s) ease}.meta-left{flex:1;margin-left:var(--spacing-md, 15px);padding:2px}.meta-left:hover{background-color:#ff0;border-radius:100%;padding:var(--spacing-xs, 5px)}.meta-right{display:flex;gap:var(--spacing-sm, 10px);flex-shrink:0;margin-bottom:var(--spacing-sm, 10px)}.chat-delete-button{background:none;border:none;color:red;font-size:var(--font-size-xs, 13px);cursor:pointer;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}.chat-delete-button:hover{color:#fff}.menuHistory{height:30px;width:30px;background-color:transparent;flex-shrink:0}.chat-popup-wrapper{position:relative}.dots-button{margin-left:auto;background:transparent;border:none;padding:4px;cursor:pointer;min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}.menuHistory{width:18px;height:18px;pointer-events:none}.chat-popup{position:fixed;top:28px;background:var(--bg-primary, #ffffff);overflow:visible;max-height:none;border:1px solid #ccc;border-radius:var(--radius-md, 8px);box-shadow:var(--shadow-md, 0px 4px 12px rgba(0,0,0,.1));z-index:var(--z-modal, 9500);min-width:160px;max-width:90vw;animation:fadeIn var(--transition-fast, .2s) ease}.popup-item{padding:var(--spacing-sm, 10px) var(--spacing-md, 12px);font-size:var(--font-size-sm, 14px);color:#333;white-space:normal;word-break:break-word;min-height:var(--touch-target-min, 44px);display:flex;align-items:center}.popup-item:last-child{border-bottom:none}.popup-item:hover{background-color:#f3f3f3}.popup-item.delete{color:red;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.delete-btn{background:none;border:none;cursor:pointer;font-weight:500;color:red;padding:0;font-size:var(--font-size-sm, 14px);min-height:var(--touch-target-min, 44px)}.delete-btn:focus{outline:none}.hidden-icons{display:none!important}@media (min-width: 768px){.header-container{padding:var(--spacing-md, 15px) var(--spacing-lg, 20px);height:var(--header-height-tablet, 65px)}.main-container{padding-top:var(--header-height-tablet, 65px)}.main-container.shifted{margin-left:var(--sidebar-width-tablet, 250px)}.sidebar-container{width:var(--sidebar-width-tablet, 250px);max-width:none;z-index:var(--z-modal, 1000)}.nameApp{display:block}.burger,.home,.menu{height:22px;width:22px;margin-right:var(--spacing-lg, 24px)}.alarmhd,.wheelhd,.logout{height:22px;width:22px}.allyhd{height:20px}.allysd{width:65px;height:20px;margin-left:var(--spacing-lg, 25px)}.newChat{height:15px;width:15px;margin-right:var(--spacing-sm, 10px);margin-left:var(--spacing-sm, 10px)}.chat-title{font-size:var(--font-size-base, 15px)}.chat-title-app-btn{font-size:16px;width:180px}.dropdown-options{width:150px;right:4%;top:65px}.notification-popup{right:150px;transform:none}.settings-popup{left:var(--spacing-lg, 20px);right:var(--spacing-lg, 20px)}}@media (min-width: 1024px){.header-container{padding:var(--spacing-lg, 15px) var(--spacing-xl, 20px);height:var(--header-height-desktop, 70px)}.main-container{padding-top:var(--header-height-desktop, 70px)}.main-container.shifted{margin-left:var(--sidebar-width-desktop, 280px)}.sidebar-container{width:var(--sidebar-width-desktop, 280px)}.delTime{display:block}.burger,.home,.menu{height:24px;width:24px;margin-right:var(--spacing-xl, 28px)}.alarmhd,.wheelhd,.logout{height:24px;width:24px}.allyhd{height:22px}.allysd{width:75px;height:22px;margin-left:var(--spacing-xl, 35px)}.sidebar{height:24px;width:24px}.sidebar-icon{height:20px;width:25px}.newChat{height:15px;width:15px}.chat-title{font-size:var(--font-size-base, 16px)}.chat-title-app-btn{font-size:16px;width:200px}.dropdown-options{width:160px;right:3%;top:70px}.button-sidebar{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px)}}@media (max-height: 500px) and (orientation: landscape){.sidebar-container{padding:var(--spacing-sm, 8px)}.chat-history-list{max-height:50vh}.sidebar-footer{padding:var(--spacing-sm, 10px)}}@media print{.header-container,.sidebar-container,.burger-popdown,.settings-popup,.dropdown-options{display:none!important}.main-container{margin-left:0!important;padding-top:0!important}}.header-container{margin-top:40px;margin-left:60px}.allyhdset{height:20px;width:70px;margin-top:20px;margin-bottom:20px}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;--primary-color: #5151db;--primary-hover: #4040c9;--text-primary: #1e293b;--text-secondary: #64748b;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--border-color: #e2e8f0;--breakpoint-mobile: 767px;--breakpoint-tablet: 1023px;--breakpoint-desktop: 1024px;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--font-size-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--spacing-xs: clamp(.25rem, .2rem + .25vw, .5rem);--spacing-sm: clamp(.5rem, .4rem + .5vw, .75rem);--spacing-md: clamp(.75rem, .6rem + .75vw, 1rem);--spacing-lg: clamp(1rem, .8rem + 1vw, 1.5rem);--spacing-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--spacing-2xl: clamp(2rem, 1.6rem + 2vw, 3rem);--container-mobile: 100%;--container-tablet: 95%;--container-desktop: 90%;--container-max-width: 1400px;--sidebar-width-desktop: 280px;--sidebar-width-tablet: 250px;--sidebar-width-mobile: 100%;--header-height-desktop: 70px;--header-height-tablet: 65px;--header-height-mobile: 60px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 1;--z-dropdown: 100;--z-sticky: 500;--z-fixed: 600;--z-modal-backdrop: 900;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;background-color:#f8fafc;color:#1e293b}html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li{margin:0;padding:0}.container{width:100%;margin:0 auto;padding:0 var(--spacing-md)}.container-fluid{width:100%;padding:0 var(--spacing-md)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-inline{display:inline}.d-inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.flex-1{flex:1}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}@media (min-width: 768px){.container{width:var(--container-tablet);max-width:var(--container-max-width)}.tablet\:d-none{display:none}.tablet\:d-block{display:block}.tablet\:d-flex{display:flex}.tablet\:d-grid{display:grid}.tablet\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tablet\:flex-row{flex-direction:row}.tablet\:flex-column{flex-direction:column}}@media (min-width: 1024px){.container{width:var(--container-desktop)}.desktop\:d-none{display:none}.desktop\:d-block{display:block}.desktop\:d-flex{display:flex}.desktop\:d-grid{display:grid}.desktop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.desktop\:flex-row{flex-direction:row}}@media (min-width: 768px){.mobile-only{display:none!important}}@media (max-width: 767px),(min-width: 1024px){.tablet-only{display:none!important}}@media (max-width: 1023px){.desktop-only{display:none!important}}.header-container{display:flex;justify-content:space-between;margin-left:0;margin-right:0;margin-top:0}*{box-sizing:border-box;margin:0;padding:0}.login-page-wrapper{min-height:100vh;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.content-login{background:#fff;padding:35px 35px 25px;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;border-radius:15px;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e0e0;position:relative;z-index:5;overflow:visible}@media (max-width: 480px){.content-login{padding:25px 15px 20px;max-width:98%;width:calc(100% - 20px)}}@media (min-width: 481px) and (max-width: 768px){.content-login{padding:30px 25px 22px;max-width:95%}}.heading-log{text-align:center;margin-bottom:20px}.heading-log h1{font-size:30px;font-weight:600;color:#000;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.3}@media (max-width: 480px){.heading-log h1{font-size:26px}}.content-login>div{width:100%;margin-bottom:20px}.input-login{width:100%;height:40px;border:2px solid #d1d5db;border-radius:5px;padding:0 20px;font-size:16px;margin-bottom:20px;transition:all .3s ease;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.input-login:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.input-login::-moz-placeholder{color:#999;font-size:15px}.input-login::placeholder{color:#999;font-size:15px}.password-wrapper{position:relative;width:100%;margin-bottom:15px}.password-field{width:100%;padding-right:50px!important}.password-toggle{position:absolute;right:15px;top:30%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:20px;padding:5px;z-index:1;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{opacity:.8}.Fopass-gap-crt{display:block;text-align:center;font-size:15px;color:#5b5fc7;text-decoration:none;margin-bottom:5px;margin-top:-5px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.Fopass-gap-crt:hover{text-decoration:underline}.g-recaptcha{margin:20px auto;display:flex;justify-content:center;align-items:center;width:100%;min-height:78px;position:relative}.recaptcha-wrapper{display:inline-flex;justify-content:center;align-items:center;margin:0 auto;max-width:100%;width:auto;position:relative;background:transparent}.recaptcha-wrapper>div{background:#fff;border-radius:3px;box-shadow:0 0 0 1px #0000001a;display:inline-block!important;transform:scale(1);transform-origin:center center}.g-recaptcha iframe{max-width:100%;display:block;margin:0 auto;border-radius:3px}@media (min-width: 769px){.recaptcha-wrapper>div{width:304px!important;height:78px!important}}@media (max-width: 768px){.g-recaptcha{min-height:144px;margin:15px auto;width:100%;padding:0;display:flex;justify-content:center;align-items:center}.recaptcha-wrapper{width:auto;max-width:100%;margin:0 auto;display:inline-flex;justify-content:center;align-items:center;position:relative}.recaptcha-wrapper>div{width:auto!important;max-width:100%!important;margin:0 auto;display:inline-block!important;background:#fff;border-radius:3px;box-shadow:0 0 0 1px #0000001a}.recaptcha-wrapper iframe{max-width:100%;display:block;margin:0 auto;border-radius:3px}.content-login{min-width:280px;padding:25px 20px 20px}}@media (max-width: 360px){.recaptcha-wrapper{transform:scale(.95);transform-origin:center center}}.login-button{width:100%}.submit-login{width:100%;height:40px;background:#5b5fc7;color:#fff;border:none;border-radius:5px;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.submit-login:hover{background:#4a4eb0;transform:translateY(-1px);box-shadow:0 4px 15px #5b5fc74d}.submit-login:active{transform:translateY(0)}.error-message{color:#ef4444;font-size:14px;text-align:center;margin-top:10px;padding:10px;background-color:#fee2e2;border-radius:6px}.success-message{color:#10b981;font-size:14px;text-align:center;margin-top:10px;padding:10px;background-color:#d1fae5;border-radius:6px}.create-account-wrapper{text-align:center;margin-top:30px;width:100%}.crt-act{font-size:16px;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:10px;text-align:center;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.crt-act strong{color:#5b5fc7;font-weight:600}@media (max-width: 480px){.crt-act{font-size:14px;padding:8px 5px}}.gap-crt{color:#5b5fc7;font-weight:500;text-decoration:none;margin-left:8px;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.gap-crt:hover{text-decoration:underline}a{text-decoration:none}.signup-page-wrapper{min-height:100vh;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}h3{margin-bottom:50px;font-size:40px;margin-top:50px}.resend-button{width:100%;text-align:center;margin-top:10px}.resend-code{background-color:transparent;color:#5b5fc7;margin-bottom:10px;font-size:16px;border:none;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-decoration:underline;transition:all .3s ease}.resend-code:hover{color:#4a4eb0;opacity:.8}.submit-signup{width:100%;max-width:380px;height:40px;background:#5b5fc7;color:#fff;border:none;border-radius:5px;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:20px}.submit-signup:hover{background:#4a4eb0}.return{margin-top:10px;font-size:16px;text-align:center}.return .aet{color:#5b5fc7;font-weight:500;text-decoration:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.return .aet:hover{text-decoration:underline}.crt-forget{font-size:18px;margin-bottom:20px}.otp-box{border:2px solid #d1d5db;border-radius:8px;height:60px;width:50px;font-size:24px;margin-right:10px;margin-bottom:20px;padding:5px;text-align:center;transition:all .3s ease;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.otp-box:focus{outline:none;border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a}.otp-box:last-child{margin-right:0}.content-login>div:has(.otp-box){display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:25px;margin-top:25px}@media (max-width: 480px){.otp-box{width:45px;height:55px;font-size:22px;margin-right:8px}.content-login>div:has(.otp-box){gap:8px}}.content-forget{display:flex;justify-content:center;flex-direction:column;align-items:center}.logo-top{position:absolute;top:30px;left:40px;z-index:10}.logo-top img{height:20px;width:auto;-o-object-fit:contain;object-fit:contain}.login-page-wrapper .logo-bottom-left,.signup-page-wrapper .logo-bottom-left{position:absolute;bottom:30px;left:40px;z-index:10}.login-page-wrapper .logo-bottom-left img,.signup-page-wrapper .logo-bottom-left img{height:28px;width:auto;-o-object-fit:contain;object-fit:contain}@media (max-width: 768px){.logo-top,.login-page-wrapper .logo-bottom-left,.signup-page-wrapper .logo-bottom-left{left:40px!important}}@media (max-width: 400px) and (max-height: 667px){.logo-top{top:15px;left:40px!important}.login-page-wrapper .logo-bottom-left,.signup-page-wrapper .logo-bottom-left{bottom:15px;left:40px!important}}@media (max-width: 400px) and (min-height: 668px){.logo-top{top:40px;left:40px!important}.login-page-wrapper .logo-bottom-left,.signup-page-wrapper .logo-bottom-left{bottom:40px;left:40px!important}}@media (min-width: 401px) and (max-width: 768px){.logo-top{top:30px;left:40px!important}.login-page-wrapper .logo-bottom-left,.signup-page-wrapper .logo-bottom-left{bottom:30px;left:40px!important}.login-page-wrapper{justify-content:space-evenly;padding:15px}}@media (min-width: 401px) and (max-width: 768px) and (min-height: 800px){.logo-top{top:50px;left:40px!important}.login-page-wrapper .logo-bottom-left,.signup-page-wrapper .logo-bottom-left{bottom:50px;left:40px!important}}.welcome-text{margin-top:var(--spacing-2xl, 40px);margin-bottom:var(--spacing-xs, 5px);color:var(--text-primary, #1e293b);font-size:var(--font-size-xl, 20px);font-weight:600}.cnt-heading{display:flex;justify-content:center;align-content:center;font-size:var(--font-size-base, 16px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:var(--spacing-2xl, 60px);color:#334155;font-weight:500;padding:0 var(--spacing-md, 15px);text-align:center}.subtext{display:flex;justify-content:center;align-content:center;font-size:var(--font-size-sm, 14px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:var(--spacing-xs, 5px);margin-bottom:var(--spacing-2xl, 60px);color:var(--text-secondary, #64748b);padding:0 var(--spacing-md, 15px);text-align:center}.chat-messages{flex-grow:1;display:flex;flex-direction:column;align-items:flex-end;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-sm, 8px);gap:var(--spacing-sm, 8px)}.chat-bubble{max-width:95%;padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);margin:var(--spacing-xs, 4px);border-radius:var(--radius-lg, 10px);font-size:var(--font-size-sm, 14px);word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;animation:fadeIn var(--transition-base, .3s) ease}.user-message{background:linear-gradient(135deg,#5b5fc7,#4a4eb0);color:#fff;font-size:var(--font-size-sm, 14px);border-radius:14px 14px 4px;padding:var(--spacing-sm, 10px) var(--spacing-md, 14px);margin:var(--spacing-xs, 3px) 0;align-self:flex-end;max-width:85%;box-shadow:0 2px 8px #5b5fc74d;word-wrap:break-word;line-height:1.4}.bot-message{background:#f8f9fa;color:var(--text-primary, #1e293b);font-size:var(--font-size-sm, 14px);align-self:flex-start;border:1px solid #e5e7eb;border-radius:4px 14px 14px;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);margin:var(--spacing-xs, 3px) 0;max-width:90%;box-shadow:var(--shadow-sm, 0 2px 6px rgba(0, 0, 0, .05));line-height:1.5}.bot-message h1,.bot-message h2,.bot-message h3{font-size:var(--font-size-base, 16px);margin-top:var(--spacing-sm, 8px);margin-bottom:var(--spacing-xs, 4px)}.bot-message p{margin-bottom:var(--spacing-xs, 4px)}.bot-message ul,.bot-message ol{margin-left:var(--spacing-lg, 20px);margin-bottom:var(--spacing-xs, 4px)}.bot-message code{background:#e5e7eb;padding:2px 6px;border-radius:var(--radius-sm, 4px);font-size:var(--font-size-xs, 13px);font-family:Courier New,monospace}.bot-message pre{background:#1e293b;color:#f8f9fa;padding:var(--spacing-md, 12px);border-radius:var(--radius-md, 8px);overflow-x:auto;margin:var(--spacing-sm, 8px) 0}.bot-message pre code{background:transparent;color:inherit;padding:0}#processing{background-color:transparent;font-family:monospace;font-size:var(--font-size-sm, 14px);padding:var(--spacing-sm, 8px);color:var(--text-secondary, #64748b)}.loading{text-align:center;color:var(--text-secondary, #666);padding:var(--spacing-lg, 20px) 0;font-size:var(--font-size-sm, 14px)}.no-messages{text-align:center;color:var(--text-secondary, #999);padding:var(--spacing-xl, 30px);font-style:italic}.message-input-container{display:flex;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px);background:var(--bg-primary, white);border-top:1px solid var(--border-color, #e2e8f0);position:sticky;bottom:0;left:0;right:0}.message-input{flex:1;padding:var(--spacing-sm, 10px) var(--spacing-md, 15px);border:2px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 12px);font-size:var(--font-size-base, 16px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;resize:none;min-height:var(--touch-target-min, 44px);max-height:120px;transition:border-color var(--transition-fast, .15s) ease}.message-input:focus{outline:none;border-color:var(--primary-color, #5151db);box-shadow:0 0 0 3px #5151db1a}.send-button{padding:var(--spacing-sm, 10px) var(--spacing-lg, 20px);background:var(--primary-color, #5151db);color:#fff;border:none;border-radius:var(--radius-lg, 12px);font-size:var(--font-size-base, 16px);font-weight:600;cursor:pointer;transition:all var(--transition-fast, .15s) ease;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center}.send-button:hover{background:var(--primary-hover, #4040c9);transform:translateY(-2px);box-shadow:0 4px 12px #5151db4d}.send-button:active{transform:translateY(0)}.send-button:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.suggested-prompts{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px);max-width:600px;margin:0 auto}.prompt-button{padding:var(--spacing-md, 12px);background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);text-align:left;cursor:pointer;transition:all var(--transition-fast, .15s) ease;min-height:var(--touch-target-min, 44px)}.prompt-button:hover{background:#f8fafc;border-color:var(--primary-color, #5151db);transform:translateY(-2px);box-shadow:var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, .05))}@media (min-width: 768px){.welcome-text{margin-top:var(--spacing-2xl, 50px);font-size:var(--font-size-2xl, 24px)}.cnt-heading{font-size:var(--font-size-lg, 18px);margin-top:80px;padding:0 var(--spacing-xl, 30px)}.subtext{font-size:var(--font-size-base, 16px);margin-bottom:80px;padding:0 var(--spacing-xl, 30px)}.chat-messages{padding:var(--spacing-md, 12px) var(--spacing-xl, 24px);gap:var(--spacing-md, 12px)}.chat-bubble{max-width:85%;padding:var(--spacing-md, 10px) var(--spacing-lg, 14px);margin:var(--spacing-xs, 5px);font-size:var(--font-size-base, 15px)}.user-message{font-size:var(--font-size-base, 16px);max-width:75%;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px)}.bot-message{font-size:var(--font-size-base, 16px);max-width:80%;padding:var(--spacing-md, 14px) var(--spacing-lg, 18px)}.bot-message h1,.bot-message h2,.bot-message h3{font-size:var(--font-size-lg, 18px)}#processing{font-size:var(--font-size-base, 16px)}.message-input-container{padding:var(--spacing-lg, 16px) var(--spacing-xl, 24px);gap:var(--spacing-md, 12px)}.suggested-prompts{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md, 12px);padding:var(--spacing-lg, 16px)}.prompt-button{padding:var(--spacing-md, 14px);font-size:var(--font-size-base, 15px)}}@media (min-width: 1024px){.welcome-text{margin-top:60px;font-size:var(--font-size-3xl, 28px)}.cnt-heading{font-size:var(--font-size-xl, 20px);margin-top:100px;padding:0 var(--spacing-2xl, 40px)}.subtext{font-size:var(--font-size-lg, 18px);margin-bottom:100px;padding:0 var(--spacing-2xl, 40px)}.chat-messages{padding:var(--spacing-lg, 16px) 10%;gap:var(--spacing-lg, 16px);max-width:1400px;margin:0 auto}.chat-bubble{max-width:75%;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);margin:var(--spacing-sm, 6px);font-size:var(--font-size-base, 16px)}.user-message{font-size:var(--font-size-base, 16px);max-width:65%;padding:var(--spacing-md, 14px) var(--spacing-lg, 18px)}.bot-message{font-size:var(--font-size-base, 16px);max-width:75%;padding:var(--spacing-lg, 16px) var(--spacing-xl, 20px)}.bot-message h1,.bot-message h2,.bot-message h3{font-size:var(--font-size-xl, 20px)}#processing{font-size:var(--font-size-base, 16px)}.message-input-container{padding:var(--spacing-lg, 20px) 10%;gap:var(--spacing-md, 16px);max-width:1400px;margin:0 auto}.suggested-prompts{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg, 16px);padding:var(--spacing-xl, 24px);max-width:800px}.prompt-button{padding:var(--spacing-lg, 16px);font-size:var(--font-size-base, 16px)}}@media (min-width: 1440px){.cnt-heading{font-size:var(--font-size-2xl, 22px)}.subtext{font-size:var(--font-size-xl, 20px)}.chat-bubble{max-width:70%}.user-message{max-width:60%;font-size:var(--font-size-lg, 17px)}.bot-message{max-width:70%;font-size:var(--font-size-lg, 17px)}}@media (max-height: 500px) and (orientation: landscape){.welcome-text{margin-top:var(--spacing-lg, 20px);font-size:var(--font-size-lg, 18px)}.cnt-heading{margin-top:var(--spacing-xl, 30px);font-size:var(--font-size-sm, 14px)}.subtext{margin-bottom:var(--spacing-xl, 30px);font-size:var(--font-size-sm, 13px)}.chat-messages{padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px)}.message-input-container{padding:var(--spacing-xs, 6px) var(--spacing-sm, 8px)}}@media (prefers-contrast: high){.chat-bubble{border:2px solid currentColor}.user-message{background:#000;color:#fff}.bot-message{background:#fff;color:#000;border:2px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chat-bubble{animation:none}}@media (prefers-color-scheme: dark){.welcome-text{color:#f1f5f9}.cnt-heading{color:#cbd5e1}.subtext{color:#94a3b8}.bot-message,.message-input,.prompt-button{background:#1e293b;color:#f1f5f9;border-color:#334155}.prompt-button:hover{background:#334155}}@media print{.message-input-container,.suggested-prompts,.send-button{display:none!important}.chat-messages{overflow:visible;padding:0}.chat-bubble{page-break-inside:avoid;max-width:100%}.user-message,.bot-message{background:#fff;color:#000;border:1px solid black}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.popup-box{background:#fff;color:#000;padding:20px 40px;border-radius:48px;width:950px;max-width:95%;font-size:16px;box-shadow:0 4px 15px #0003;animation:fadeIn .3s ease-in-out;text-align:center;font-family:Arial,sans-serif;box-sizing:border-box;overflow-y:auto;max-height:90vh}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.popup-header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px}.popup-logo{height:80px;width:100px;flex-shrink:0}.para-headerpopup{display:flex;justify-content:flex-start;text-align:left;margin-left:80px;color:#2a4a40;font-size:20px;flex:1}.h2-headerpopup{display:flex;justify-content:center;align-items:center;text-align:center;margin-left:180px;flex-wrap:wrap}.para-cntpopup{color:#2a4a40;font-size:15px;line-height:1.4}.popup-close{background:none;border:none;font-size:18px;cursor:pointer;color:#000}.popup-content{margin-top:15px;text-align:left;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.feature{display:flex;align-items:flex-start;padding-left:10px;padding-right:70px;font-size:15px;min-width:250px;flex:1}.icon{font-size:20px;margin-right:10px;flex-shrink:0}.popup-button{display:flex;justify-content:flex-end;align-self:flex-end;margin-left:auto;width:120px;padding:10px;background:#5e4de1;color:#fff;border:none;border-radius:80px;cursor:pointer;font-size:16px;margin-right:30px;margin-top:20px}.popup-button:hover{background:#0f0274}.highlight{color:#00f;font-weight:700;margin-left:10px}@media (max-width: 1200px){.popup-box{width:900px;padding-left:35px;padding-right:35px}.popup-logo{height:75px;width:95px}.para-headerpopup{margin-left:70px;font-size:19px}.h2-headerpopup{margin-left:160px}}@media (max-width: 1150px){.popup-box{width:850px;padding-left:32px;padding-right:32px}.para-headerpopup{margin-left:65px;font-size:18px}.h2-headerpopup{margin-left:140px}.feature{padding-right:60px;min-width:240px}}@media (max-width: 1100px){.popup-box{width:800px;padding-left:30px;padding-right:30px;border-radius:40px}.para-headerpopup{margin-left:60px;font-size:18px}.h2-headerpopup{margin-left:130px}.feature{padding-right:50px;min-width:230px}}@media (max-width: 1050px){.popup-box{width:750px}.popup-logo{height:70px;width:90px}.para-headerpopup{margin-left:55px;font-size:17px}.h2-headerpopup{margin-left:120px}.feature{padding-right:45px;min-width:220px}}@media (max-width: 1000px){.popup-box{width:700px;border-radius:36px}.para-headerpopup{margin-left:50px;font-size:17px}.h2-headerpopup{margin-left:110px}.feature{padding-right:40px;min-width:210px}}@media (max-width: 950px){.popup-box{width:650px;padding-left:28px;padding-right:28px}.para-headerpopup{margin-left:45px;font-size:16px}.h2-headerpopup{margin-left:100px}.feature{padding-right:35px;min-width:200px}}@media (max-width: 900px){.popup-box{width:600px;border-radius:32px}.popup-logo{height:65px;width:85px}.para-headerpopup{margin-left:40px;font-size:16px}.h2-headerpopup{margin-left:90px}.feature{padding-right:30px;min-width:190px}}@media (max-width: 850px){.popup-box{width:550px;padding-left:25px;padding-right:25px}.para-headerpopup{margin-left:35px;font-size:15px}.h2-headerpopup{margin-left:80px}.feature{padding-right:25px;min-width:180px}}@media (max-width: 800px){.popup-box{width:500px;padding:20px;border-radius:28px;font-size:15px}.popup-header{flex-direction:column;text-align:center;gap:15px}.popup-logo{height:60px;width:80px}.para-headerpopup{margin-left:0;font-size:15px;justify-content:center;text-align:center}.h2-headerpopup{margin-left:0;justify-content:center;font-size:17px}.popup-content{flex-direction:column;gap:15px}.feature{padding-left:0;padding-right:0;min-width:auto;font-size:14px}}@media (max-width: 750px){.popup-box{width:450px;padding:18px}.para-cntpopup{font-size:14px}.popup-button{width:110px;margin-left:auto;margin-right:auto;font-size:15px;padding:9px}}@media (max-width: 700px){.popup-box{width:400px;padding:16px;border-radius:24px}.popup-logo{height:55px;width:75px}.h2-headerpopup{font-size:16px}.para-headerpopup{font-size:14px}.feature{font-size:13px}.icon{font-size:18px}}@media (max-width: 650px){.popup-box{width:350px;padding:15px}.popup-button{width:100px;font-size:14px;padding:8px}}@media (max-width: 600px){.popup-overlay{padding:15px}.popup-box{width:100%;max-width:320px;border-radius:20px;font-size:14px}.popup-logo{height:50px;width:70px}.h2-headerpopup{font-size:15px}.para-headerpopup{font-size:13px}.feature,.para-cntpopup{font-size:12px}}@media (max-width: 550px){.popup-box{max-width:300px;padding:12px}.popup-button{width:90px;font-size:13px;padding:7px}}@media (max-width: 500px){.popup-box{max-width:280px;padding:10px}.popup-logo{height:45px;width:65px}.h2-headerpopup{font-size:14px}.para-headerpopup{font-size:12px}.feature{font-size:11px}.icon{font-size:16px}.popup-button{width:85px;font-size:12px;padding:6px}}@media (max-width: 450px){.popup-box{max-width:260px;padding:8px}}@media (max-width: 400px){.popup-overlay{padding:10px}.popup-box{max-width:240px;padding:6px}.popup-logo{height:40px;width:60px}.h2-headerpopup{font-size:13px}.para-headerpopup{font-size:11px}.popup-button{width:80px;font-size:11px;padding:5px}}@media (max-width: 350px){.popup-box{max-width:220px;padding:5px}}@media (max-width: 320px){.popup-box{max-width:200px;padding:4px}.popup-logo{height:35px;width:55px}}.chat-container-wrapper{display:flex;flex-direction:column;height:85vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);overflow:hidden}.welcome-section{position:fixed;top:0;left:0;right:0;padding:20px 20px 10px;text-align:center;flex-shrink:0;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);z-index:10;border-bottom:1px solid rgba(0,0,0,.05)}.cnt-heading{margin-bottom:5px}.welcome-text{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0}.welcome-text .highlight{color:#5b5fc7}.subtext{font-size:.85rem;color:#64748b;margin:5px 0 0}.chat-area-container{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:0;overflow:hidden}.sidebar-open .chat-area-container{margin-left:270px;width:calc(100% - 270px)}.chat-messages{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:70px 10% 120px;gap:12px;max-width:2200px;margin:0 auto 70px;width:100%}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-bubble{max-width:75%;padding:12px 16px;margin:8px;border-radius:12px;font-size:15px;animation:fadeIn .3s ease}.user-message{background:linear-gradient(135deg,#5b5fc7,#4a4eb0);color:#fff;font-size:14px;border-radius:14px 14px 4px;padding:10px 14px;margin:3px 0;align-self:flex-end;max-width:70%;box-shadow:0 2px 8px #5b5fc74d;word-wrap:break-word;line-height:1.4}.bot-message{background:#f8f9fa;color:#1e293b;font-size:14px;align-self:flex-start;border:1px solid #e5e7eb;border-radius:4px 14px 14px;padding:12px 16px;margin:3px 0;max-width:100%;box-shadow:0 2px 6px #0000000d;line-height:1.5}.bot-message h1,.bot-message h2,.bot-message h3{font-size:14px}.bot-message p{font-size:14px;line-height:1.6}.bot-message b{font-size:14px;font-weight:700}#processing{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:10px 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:#64748b;margin:8px;display:inline-block}@keyframes dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.dots:after{content:"";display:inline-block;animation:dots 1.5s steps(3,end) infinite}.chat-input-wrapper{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:15px 20px;border-top:0px solid rgba(0,0,0,.1);z-index:10;flex-shrink:0;display:flex;align-items:center;gap:15px}.logo-bottom-left{display:flex;align-items:center}.logo-bottom-left img{height:28px;width:auto;-o-object-fit:contain;object-fit:contain;opacity:.8}.end-container-box{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;flex:1}.chat-buttons{display:flex;align-items:center}.input-container{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;max-width:800px;padding:8px 12px;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.input-container:focus-within{border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a,0 4px 12px #0000001a}.text-area-chat,.voice-area{align-content:flex-end}.chat-input{resize:none;outline:none;flex:1;border:none;margin:0 10px;min-height:36px;max-height:100px;overflow-y:auto;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:transparent;color:#1e293b;line-height:1.4}.chat-input::-moz-placeholder{text-align:center;padding-top:8px}.chat-input::placeholder{text-align:center;padding-top:8px}.chat-btn{background:#5b5fc7;color:#fff;border:none;height:36px;padding:0 16px;font-size:14px;font-weight:500;border-radius:8px;margin:0 5px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-btn:hover{background:#4a4eb0;transform:scale(1.02)}.chat-btn:active{transform:scale(.98)}.add-btn{cursor:pointer}.action-buttons{display:flex;justify-content:center;align-content:center;margin-top:20px}.action-btn{border:2px solid #5b5fc7;background:#fff;color:#5b5fc7;height:42px;font-size:15px;font-weight:500;padding:0 20px;border-radius:10px;margin:0 8px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#5b5fc7;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5b5fc74d}@media (max-width: 1200px){.chat-area-container{padding:0 15px}.end-container-box{flex-direction:row;gap:10px}.input-container{max-width:600px}.chart-section{padding:12px}}@media (max-width: 768px){.chat-container-wrapper{height:85vh;height:100dvh}.welcome-section{padding:20px 15px}.welcome-text{font-size:1.5rem}.subtext{font-size:1rem}.chat-area-container{padding:0 10px}.chat-messages{padding:70px 8% 120px;max-width:100%;margin:0 auto}.chat-input-wrapper{padding:15px 10px}.end-container-box{flex-direction:column;gap:10px}.input-container{max-width:100%}.user-message,.bot-message{max-width:85%;font-size:14px}.chat-bubble{padding:10px 14px}.chart-section{padding:10px;margin:8px 0}.chart-title{font-size:1.1rem;margin-bottom:12px}.chat-input-wrapper{flex-direction:column}.chat-input-wrapper .logo-bottom-left{position:relative;display:flex;justify-content:center;width:100%;order:2;margin-top:10px}.hrqueryBox{order:1;width:100%}}@media (min-width: 768px) and (max-width: 1023px){.chat-messages{padding:70px 10% 120px;max-width:940px;margin:0 auto}.chat-area-container{max-width:100%;margin:0 auto}.hrqueryBox{max-width:700px;margin:0 auto}.hr-input-box{max-width:100%}.bot-message{max-width:85%}}@media (min-width: 1024px) and (max-width: 1400px){.chat-messages{padding:70px 5% 120px;max-width:1240px;margin:0 auto}.chat-area-container{max-width:100%;margin:0 auto}.hrqueryBox{max-width:800px;margin:0 auto}.hr-input-box{max-width:100%}.bot-message{max-width:80%}}body.sidebar-open .chat-messages{padding-left:8%!important;padding-right:8%!important}@media (min-width: 1024px) and (max-width: 1400px){body.sidebar-open .chat-messages{padding:70px 5% 120px;max-width:1240px}body.sidebar-open .hrqueryBox{max-width:650px}body.sidebar-open .chat-area-container{width:100%}}@media (max-width: 480px){.welcome-section{padding:30px 20px 10px}.welcome-text{font-size:1.3rem;margin-top:10px}.subtext{font-size:.9rem}.chat-input-wrapper{padding:12px 8px;flex-direction:column;gap:10px}.chat-input-wrapper .logo-bottom-left{position:relative;display:flex;justify-content:center;width:100%;order:2;margin-top:8px}.hrqueryBox{width:100%;order:1}.hr-input-box{max-width:100%;width:calc(100% - 20px);margin:0 10px}.end-container-box{gap:8px}.user-message,.bot-message{max-width:90%}.chart-section{padding:8px;margin:6px 0}.chart-title{font-size:1rem;margin-bottom:10px}.chat-messages{padding:70px 5% 120px;width:100%}}.hrchat-btn-new{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#64748b;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.hrchat-btn-new:hover{background:#f1f5f9;color:#334155}.hrchat-container-wrapper{display:flex;flex-direction:column;height:85vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);overflow:hidden}.file-list::-webkit-scrollbar{width:8px}.file-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.file-list:hover::-webkit-scrollbar-thumb{background-color:#999}.container_start{margin-left:60px}.document_container{background:#fff;border:2px solid #e5e7eb;height:auto;min-height:80px;width:90%;max-width:600px;display:flex;margin:20px auto;padding:20px;border-radius:16px;justify-content:space-evenly;align-items:center;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.document_container:hover{border-color:#10b981;box-shadow:0 4px 15px #10b98126}.doc-upload{height:40px;width:40px;cursor:pointer}.upload_file{font-size:16px;display:flex;align-items:center;text-align:center}.down{height:50px;width:50px}.button-down{background:transparent;border:none;cursor:pointer;margin-left:20px}.file-up-label{border:none;background:#10b981;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.file-up-label:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.tooltip-text{visibility:hidden;width:-moz-max-content;width:max-content;background-color:#1e293b;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;font-size:13px;font-weight:500;z-index:1;bottom:110%;left:150%;transform:translate(-50%);opacity:0;transition:opacity .2s ease;white-space:nowrap;box-shadow:0 4px 12px #0003}.hrpopup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.hrpopup-content{background:#fff;padding:24px;border-radius:16px;min-width:400px;max-width:600px;max-height:80vh;overflow:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hrpopup-header{display:flex;justify-content:space-between;padding-right:10px}.hrclose-btn{background-color:#ef4444;color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.hrclose-btn:hover{background-color:#dc2626;transform:scale(1.05)}.file-list{list-style:none;padding:0 8px 0 0;margin:0;max-height:300px;overflow-y:auto}.file-entry{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.file-info{flex:1;text-align:left;padding-right:10px}.file-info strong{display:block;font-size:1rem;margin-bottom:4px}.file-meta{font-size:.85rem;color:#666}.file-actions{display:flex;gap:8px}.file-actions a,.file-actions button{font-size:.85rem;padding:4px 10px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;white-space:nowrap}.file-actions a{background-color:#4caf50;color:#fff}.file-actions button{background-color:#f44336;color:#fff}.text-area-qchat{align-content:flex-end}.voice-qarea{align-content:flex-end;padding-top:10px}.hrchat-input-wrapper{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:15px 20px;border-top:0px solid rgba(0,0,0,.1);z-index:10;flex-shrink:0;display:flex;align-items:center;gap:15px}.hrlogo-bottom-left{display:flex;align-items:center}.hrlogo-bottom-left img{height:20px;width:auto;-o-object-fit:contain;object-fit:contain;opacity:.8}.hrchat-buttons{display:flex;align-items:center}.hrchat-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#10b981;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;height:36px;margin:0 5px;transition:all .2s ease}.hrchat-btn:hover{background:#059669;transform:scale(1.02)}.hrchat-btn:active{transform:scale(.98)}.hradd-btn{cursor:pointer}.input-qcontainer{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;max-width:800px;padding:8px 12px;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.input-qcontainer:focus-within{border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a,0 4px 12px #0000001a}.qchat-input{resize:none;outline:none;flex:1;border:none;width:100%;min-height:60px;max-height:120px;overflow-y:auto;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:transparent;color:#1e293b;line-height:1.5;padding:4px 0}.qchat-input::-moz-placeholder{color:#9ca3af}.qchat-input::placeholder{color:#9ca3af}.qvoice{height:30px;width:30px}.button-qvoice{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.button-qvoice:hover{background:#f3f4f6}.hrchat-area-container{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:0;overflow:hidden}.sidebar-open .hrchat-area-container{margin-left:270px;width:calc(100% - 270px)}.hrchat-messages{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:20px 10% 120px;gap:12px;max-width:1600px;margin:0 auto;width:100%}.hrchat-messages::-webkit-scrollbar{width:6px}.hrchat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.hrchat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.hrchat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.hrchat-bubble{max-width:75%;padding:12px 16px;margin:8px;border-radius:12px;font-size:15px;animation:fadeIn .3s ease}.hruser-message{background:linear-gradient(135deg,#5b5fc7,#4a4eb0);color:#fff;font-size:14px;border-radius:14px 14px 4px;padding:10px 14px;margin:3px 0;align-self:flex-end;max-width:70%;box-shadow:0 2px 8px #5b5fc74d;word-wrap:break-word;line-height:1.4;animation:fadeIn .3s ease}.hrbot-message{background:#f0fdf4;color:#1e293b;font-size:14px;align-self:flex-start;border:1px solid #bbf7d0;border-radius:4px 14px 14px;padding:12px 16px;margin:3px 0;max-width:75%;box-shadow:0 2px 6px #0000000d;line-height:1.5}.hrbot-message h1,.hrbot-message h2,.hrbot-message h3{font-size:14px}.hrbot-message p{font-size:14px;line-height:1.6}.hrbot-message b{font-size:14px;font-weight:700}#hrprocessing{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:10px 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:#64748b;margin:8px;display:inline-block}@keyframes hrdots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.hrdots:after{content:"";display:inline-block;animation:dots 1.5s steps(3,end) infinite}.intro-section{position:fixed;left:0;right:0;top:0;padding:20px 20px 10px;text-align:center;flex-shrink:0;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);z-index:10;border-bottom:1px solid rgba(0,0,0,.05)}.intro-text{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;padding-top:70px}.hrcnt-heading{max-width:800px;margin:0 auto 5px}.hrhighlight{color:#5b5fc7;font-weight:600}.intro-subtext{font-size:.85rem;color:#64748b;margin:8px 0 0;font-weight:400}.intro-upload-section{margin-top:20px;display:flex;justify-content:center;align-items:center}.intro-upload-btn{background:#10b981;color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.intro-upload-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.upload-label{cursor:pointer;display:flex;align-items:center;gap:8px;font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.message-content{width:100%;word-wrap:break-word;overflow-wrap:break-word}@media (max-width: 1200px){.hrchat-area-container{padding:0 15px}.sidebar-open .hrchat-area-container{margin-left:270px;width:calc(100% - 270px)}.hrqueryBox{flex-direction:row;gap:10px}.input-qcontainer{max-width:600px}.chart-section{padding:10px}}@media (max-width: 768px){.hrchat-container-wrapper{height:85vh;height:100dvh}.intro-section{padding:20px 15px}.intro-text{font-size:1.5rem}.hrchat-area-container{padding:0 10px}.hrchat-messages{padding:70px 8% 120px;max-width:100%;margin:0 auto}.hrchat-input-wrapper{padding:15px 10px}.hrqueryBox{gap:8px}.hr-input-box{max-width:100%}.hr-input-bottom{flex-direction:column;align-items:flex-start;gap:8px}.hr-right-controls{width:100%;justify-content:space-between}.input-qcontainer{max-width:100%}.hruser-message,.hrbot-message{max-width:85%;font-size:14px}.hrchat-bubble{padding:10px 14px}.chart-section{padding:8px;margin:6px 0}.chart-wrapper{min-height:300px}.hrchat-input-wrapper{flex-direction:column}.hrchat-input-wrapper .hrlogo-bottom-left{position:relative;display:flex;justify-content:center;width:100%;order:2;margin-top:10px}.hrqueryBox{order:1;width:100%}}@media (min-width: 768px) and (max-width: 1023px){.hrchat-messages{padding:70px 10% 120px;max-width:940px;margin:0 auto}.hrchat-area-container{max-width:100%;margin:0 auto}.hrqueryBox{max-width:700px;margin:0 auto}.hr-input-box{max-width:100%}.hrbot-message{max-width:85%}}@media (min-width: 1024px) and (max-width: 1400px){.hrchat-messages{padding:70px 5% 120px;max-width:1240px;margin:0 auto}.hrchat-area-container{max-width:100%;margin:0 auto}.hrqueryBox{max-width:800px;margin:0 auto}.hr-input-box{max-width:100%}.hrbot-message{max-width:80%}}body.sidebar-open .hrchat-messages{padding-left:8%!important;padding-right:8%!important}@media (min-width: 1024px) and (max-width: 1400px){body.sidebar-open .hrchat-messages{padding:70px 5% 120px;max-width:1240px}body.sidebar-open .hrqueryBox{max-width:650px}body.sidebar-open .hrchat-area-container{width:100%}}@media (max-width: 480px){.intro-section{padding:30px 20px 10px}.intro-text{font-size:1.3rem;margin-top:10px}.hrchat-input-wrapper{padding:12px 8px;flex-direction:column;gap:10px}.hrchat-input-wrapper .hrlogo-bottom-left{position:relative;display:flex;justify-content:center;width:100%;order:2;margin-top:8px}.hrqueryBox{width:100%;order:1}.hr-input-box{max-width:100%;width:calc(100% - 20px);margin:0 10px;padding:8px}.hr-button-group{gap:4px}.hrchat-btn-new{font-size:12px;padding:4px 8px}.token-display{font-size:11px}.hr-send-btn{width:28px;height:28px;font-size:16px}.hruser-message,.hrbot-message{max-width:90%}.chart-section{padding:6px;margin:4px 0}.hrchat-messages{padding:70px 5% 120px;width:100%}}.Embpopup-content{background:#fff;padding:20px;border-radius:8px;min-width:300px;max-width:80%;max-height:80%;overflow-y:auto;box-shadow:0 0 10px #00000040}.container::-webkit-scrollbar{display:none}.fmchat-container-wrapper{display:flex;flex-direction:column;height:85vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);overflow:hidden}.welcomefm-section{position:fixed;top:0;left:0;right:0;padding:20px 20px 10px;text-align:center;flex-shrink:0;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);z-index:10;border-bottom:1px solid rgba(0,0,0,.05)}.cntfm-heading{margin-bottom:5px}.welcomefm-text{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0;padding-top:70px}.welcomefm-text .highlightfm{color:#5b5fc7}.subtextfm{font-size:.85rem;color:#64748b;margin:5px 0 0}.chatfm-area-container{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;margin:0 auto;padding:0;overflow:hidden}.sidebar-open .chatfm-area-container{margin-left:270px;width:calc(100% - 270px)}.chatfm-messages{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:20px 10% 120px;gap:12px;max-width:1600px;margin:0 auto;width:100%}.chatfm-messages::-webkit-scrollbar{width:6px}.chatfm-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chatfm-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chatfm-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chatfm-bubble{max-width:98%;padding:12px 16px;margin:8px;border-radius:12px;font-size:15px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.userfm-message{background:linear-gradient(135deg,#5b5fc7,#4a4eb0);color:#fff;font-size:14px;border-radius:14px 14px 4px;padding:10px 14px;margin:3px 0;align-self:flex-end;max-width:70%;box-shadow:0 2px 8px #5b5fc74d;word-wrap:break-word;line-height:1.4}.botfm-message{background:#f8f9fa;color:#1e293b;font-size:14px;align-self:flex-start;border:1px solid #e5e7eb;border-radius:4px 14px 14px;padding:12px 16px 12px 24px;margin:3px 0;max-width:98%;box-shadow:0 2px 6px #0000000d;line-height:1.5}.botfm-message h1,.botfm-message h2,.botfm-message h3{font-size:14px}.botfm-message p{font-size:14px;line-height:1.6}.botfm-message b{font-size:14px;font-weight:700}#processingfm{background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:10px 15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;color:#64748b;margin:8px;display:inline-block}@keyframes dotsfm{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.dotsfm:after{content:"";display:inline-block;animation:dotsfm 1.5s steps(3,end) infinite}.fmchat-input-wrapper{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:15px 20px;border-top:0px solid rgba(0,0,0,.1);z-index:10;flex-shrink:0;display:flex;align-items:center;gap:15px}.fmlogo-bottom-left{display:flex;align-items:center}.fmlogo-bottom-left img{height:20px;width:auto;-o-object-fit:contain;object-fit:contain;opacity:.8}.endfm-container-box{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;flex:1}.chatfm-buttons{display:flex;align-items:center}.inputfm-container{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;max-width:800px;padding:8px 12px;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.inputfm-container:focus-within{border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a,0 4px 12px #0000001a}.text-area-chatfm,.voice-area{align-content:flex-end}.chatfm-input{resize:none;outline:none;flex:1;border:none;margin:0 10px;min-height:36px;max-height:100px;overflow-y:auto;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:transparent;color:#1e293b;line-height:1.4}.chatfm-input::-moz-placeholder{text-align:center;padding-top:8px}.chatfm-input::placeholder{text-align:center;padding-top:8px}.chatfm-btn{background:#f59e0b;color:#fff;border:none;height:36px;padding:0 16px;font-size:14px;font-weight:500;border-radius:8px;margin:0 5px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chatfm-btn:hover{background:#d97706;transform:scale(1.02)}.chatfm-btn:active{transform:scale(.98)}.addfm-btn{cursor:pointer}.actionfm-buttons{display:flex;justify-content:center;align-content:center;margin-top:20px}.actionfm-btn{border:2px solid #f59e0b;background:#fff;color:#f59e0b;height:42px;font-size:15px;font-weight:500;padding:0 20px;border-radius:10px;margin:0 8px;cursor:pointer;transition:all .2s ease}.actionfm-btn:hover{background:#f59e0b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.voice{height:30px;width:30px}.button-voice{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.button-voice:hover{background:#f3f4f6}.chart-section{padding:15px;background-color:#fafafa;border-radius:12px;margin:10px 0;box-shadow:0 2px 8px #0000001a;width:100%;display:block;overflow:hidden}.chart-title{text-align:center;font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#333}.chart-wrapper{width:100%;margin:10px 0;position:relative;overflow:hidden}.chart-wrapper>div{width:100%!important;overflow:hidden}@media (max-width: 1200px){.chatfm-area-container{padding:0 15px}.endfm-container-box{flex-direction:row;gap:10px}.inputfm-container{max-width:600px}.chart-section{padding:12px}}@media (max-width: 768px){.fmchat-container-wrapper{height:85vh;height:100dvh}.welcomefm-section{padding:20px 15px}.welcomefm-text{font-size:1.5rem}.subtextfm{font-size:1rem}.chatfm-area-container{padding:0 10px}.chatfm-messages{padding:70px 8% 120px;max-width:100%;margin:0 auto}.fmchat-input-wrapper{padding:15px 10px}.endfm-container-box{flex-direction:column;gap:10px}.inputfm-container{max-width:100%}.userfm-message,.botfm-message{max-width:98%;font-size:14px}.chatfm-bubble{padding:10px 14px;max-width:98%}.chart-section{padding:10px;margin:8px 0}.chart-title{font-size:1.1rem;margin-bottom:12px}.fmchat-input-wrapper{flex-direction:column}.fmchat-input-wrapper .fmlogo-bottom-left{position:relative;display:flex;justify-content:center;width:100%;order:2;margin-top:10px}.hrqueryBox{order:1;width:100%}}@media (min-width: 768px) and (max-width: 1023px){.chatfm-messages{padding:70px 10% 120px;max-width:940px;margin:0 auto}.chatfm-area-container{max-width:100%;margin:0 auto}.hrqueryBox{max-width:700px;margin:0 auto}.hr-input-box{max-width:100%}.botfm-message{max-width:98%}}@media (min-width: 1024px) and (max-width: 1400px){.chatfm-messages{padding:70px 5% 120px;max-width:1240px;margin:0 auto}.chatfm-area-container{max-width:100%;margin:0 auto}.hrqueryBox{max-width:800px;margin:0 auto}.hr-input-box{max-width:100%}.botfm-message{max-width:98%}}body.sidebar-open .chatfm-messages{padding-left:8%!important;padding-right:8%!important}body.sidebar-open .hrqueryBox{max-width:700px!important}@media (min-width: 1024px) and (max-width: 1400px){body.sidebar-open .chatfm-messages{padding:70px 5% 120px;max-width:1240px}body.sidebar-open .hrqueryBox{max-width:650px}body.sidebar-open .chatfm-area-container{width:100%}}@media (max-width: 480px){.welcomefm-section{padding:30px 20px 10px}.welcomefm-text{font-size:1.3rem;margin-top:10px}.subtextfm{font-size:.9rem}.fmchat-input-wrapper{padding:12px 8px;flex-direction:column;gap:10px}.fmchat-input-wrapper .fmlogo-bottom-left{position:relative;display:flex;justify-content:center;width:100%;order:2;margin-top:8px}.hrqueryBox{width:100%;order:1}.hr-input-box{max-width:100%;width:calc(100% - 20px);margin:0 10px}.endfm-container-box{gap:8px}.userfm-message,.botfm-message{max-width:98%}.chart-section{padding:8px;margin:6px 0}.chart-title{font-size:1rem;margin-bottom:10px}.chatfm-messages{padding:70px 5% 120px;width:100%}}.Embpopup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.Embpopup-close{position:absolute;top:10px;right:15px;background-color:#bfbfe1;border-radius:100%;height:40px;width:40px;border:none;font-size:18px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.Embpopup-close:hover{border-radius:100%;background-color:#fff;transform:rotate(360deg);color:#000}.config-wrapper{position:relative;display:inline-block}.menuFinance{height:30px;width:30px;cursor:pointer;margin-right:10px;margin-bottom:5px}.finance-dropdown{position:absolute;top:50%;right:100%;transform:translateY(-50%);margin-right:10px;display:flex;flex-direction:row;gap:10px;padding:8px 10px;z-index:3000}.hrqueryBox{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;flex:1}.hr-input-box{display:flex;flex-direction:column;background:#fff;border:2px solid #e5e7eb;border-radius:12px;flex:1;max-width:800px;padding:12px;transition:all .3s ease;box-shadow:0 4px 12px #00000014}.hr-input-box:focus-within{border-color:#5b5fc7;box-shadow:0 0 0 3px #5b5fc71a,0 4px 12px #0000001a}.qchat-input{width:100%;min-height:40px;max-height:150px;padding:8px;border:none;outline:none;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;resize:none;overflow-y:auto;background:transparent}.hr-input-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:12px}.hr-button-group{display:flex;gap:8px;align-items:center}.fmchat-btn-new{display:none;align-items:center;justify-content:center;gap:6px;background:transparent;color:#64748b;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.fmchat-btn-new:hover{background:#f3f4f6;color:#1e293b}.hrchat-btn-new{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#64748b;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.hrchat-btn-new:hover{background:#f3f4f6;color:#1e293b}.hradd-btn{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.hr-right-controls{display:flex;align-items:center;gap:12px}.token-display{font-size:13px;color:#64748b;font-weight:500;white-space:nowrap}.hr-send-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;flex-shrink:0}.hr-send-btn:hover:not(:disabled){background:#1d4ed8;transform:scale(1.05)}.hr-send-btn:active:not(:disabled){transform:scale(.95)}.hr-send-btn:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-text{visibility:hidden;width:-moz-max-content;width:max-content;background-color:#1e293b;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;font-size:13px;font-weight:500;z-index:1;bottom:110%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s ease;white-space:nowrap;box-shadow:0 4px 12px #0003}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.setting_container{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px;padding:0 20px}.left-container{margin-left:90px;margin-right:20px;margin-top:20px;padding:10px;font-size:20px;font-family:monospace;border-radius:10px;min-width:220px}.right-container{margin-left:40px;margin-right:200px;font-family:monospace;font-size:20px;min-height:500px;width:1000px;max-width:100%;margin-bottom:80px;border-radius:20px;flex:1;overflow-x:auto}.contentSetting{background-color:#deb887;padding:10px;font-size:20px;margin-bottom:10px;border-radius:10px;border:none;cursor:pointer;width:200px;display:flex;align-items:flex-start;word-wrap:break-word;text-align:center}@media (max-width: 1200px){.setting_container{padding:0 18px;gap:18px}.left-container{margin-left:80px;font-size:19px;min-width:200px}.right-container{margin-left:35px;font-size:19px;width:900px;margin-bottom:75px}.contentSetting{font-size:19px;width:190px;padding:9px}}@media (max-width: 1150px){.setting_container{gap:16px}.left-container{margin-left:75px;font-size:18px;min-width:190px}.right-container{margin-left:32px;font-size:18px;width:850px;margin-bottom:72px}.contentSetting{font-size:18px;width:185px}}@media (max-width: 1100px){.setting_container{padding:0 15px;gap:15px}.left-container{margin-left:70px;font-size:18px;min-width:180px}.right-container{margin-left:30px;font-size:18px;width:800px;margin-bottom:70px}.contentSetting{font-size:18px;width:180px;padding:8px}}@media (max-width: 1050px){.left-container{margin-left:65px;font-size:17px;min-width:175px}.right-container{margin-left:28px;font-size:17px;width:750px;margin-bottom:68px}.contentSetting{font-size:17px;width:175px}}@media (max-width: 1000px){.left-container{margin-left:60px;font-size:17px;min-width:170px}.right-container{margin-left:25px;font-size:17px;width:700px;margin-bottom:65px}.contentSetting{font-size:17px;width:170px}}@media (max-width: 950px){.left-container{margin-left:55px;font-size:16px;min-width:165px}.right-container{margin-left:22px;font-size:16px;width:650px;margin-bottom:62px}.contentSetting{font-size:16px;width:165px}}@media (max-width: 900px){.setting_container{padding:0 12px;gap:12px}.left-container{margin-left:50px;font-size:16px;min-width:160px}.right-container{margin-left:20px;font-size:16px;width:600px;margin-bottom:60px}.contentSetting{font-size:16px;width:160px;padding:7px}}@media (max-width: 850px){.left-container{margin-left:45px;font-size:15px;min-width:155px}.right-container{margin-left:18px;font-size:15px;width:550px;margin-bottom:58px}.contentSetting{font-size:15px;width:155px}}@media (max-width: 800px){.setting_container{flex-direction:column;padding:0 10px;gap:10px}.left-container{margin-left:0;margin-right:0;font-size:15px;min-width:auto;width:100%;text-align:center}.right-container{margin-left:0;margin-right:0;font-size:15px;width:100%;min-height:280px;margin-bottom:55px;padding:15px;box-sizing:border-box}.contentSetting{font-size:15px;width:100%;max-width:180px;margin:0 auto 8px;padding:8px;justify-content:center}}@media (max-width: 750px){.setting_container{padding:0 8px}.left-container{font-size:14px;padding:8px;margin-top:18px}.right-container{font-size:14px;min-height:260px;margin-bottom:50px;padding:12px}.contentSetting{font-size:14px;max-width:170px;padding:7px}}@media (max-width: 700px){.left-container{font-size:14px;margin-top:16px}.right-container{font-size:14px;min-height:240px;margin-bottom:45px;padding:10px}.contentSetting{max-width:160px}}@media (max-width: 650px){.left-container{font-size:13px;margin-top:15px}.right-container{font-size:13px;min-height:220px;margin-bottom:42px}.contentSetting{font-size:13px;max-width:150px}}@media (max-width: 600px){.setting_container{padding:0 6px;gap:8px}.left-container{font-size:13px;padding:6px;margin-top:12px}.right-container{font-size:13px;min-height:200px;margin-bottom:40px;padding:8px}.contentSetting{font-size:13px;max-width:140px;padding:6px}}@media (max-width: 550px){.left-container{font-size:12px;margin-top:10px}.right-container{font-size:12px;min-height:180px;margin-bottom:35px}.contentSetting{font-size:12px;max-width:130px}}@media (max-width: 500px){.setting_container{padding:0 5px;gap:6px}.left-container{font-size:12px;padding:5px;margin-top:8px}.right-container{font-size:12px;min-height:160px;margin-bottom:30px;padding:6px}.contentSetting{font-size:12px;max-width:120px;padding:5px}}@media (max-width: 450px){.left-container{font-size:11px;margin-top:6px}.right-container{font-size:11px;min-height:140px;margin-bottom:25px}.contentSetting{font-size:11px;max-width:110px}}@media (max-width: 400px){.setting_container{padding:0 3px;gap:4px}.left-container{font-size:11px;padding:4px;margin-top:5px}.right-container{font-size:11px;min-height:120px;margin-bottom:20px;padding:4px}.contentSetting{font-size:11px;max-width:100px;padding:4px}}@media (max-width: 350px){.left-container{font-size:10px;margin-top:3px}.right-container{font-size:10px;min-height:100px;margin-bottom:15px}.contentSetting{font-size:10px;max-width:90px}}@media (max-width: 320px){.setting_container{padding:0 2px;gap:2px}.left-container{font-size:10px;padding:2px;margin-top:2px}.right-container{font-size:10px;min-height:80px;margin-bottom:10px;padding:2px}.contentSetting{font-size:10px;max-width:80px;padding:2px}}.profile_container{border:2px solid burlywood;margin-bottom:20px;border-radius:20px}.h4-set-profile{font-size:32px;font-family:Plus Jakarta Sans;margin:20px}.h6-set-profile{font-size:20px;font-family:Plus Jakarta Sans;margin:15px 15px 15px 25px}.input-avatar{border-radius:10px;border-color:#7070c0;height:40px;width:250px;margin-left:10px;padding-left:20px;padding-right:10px;font-size:20px;margin-bottom:20px}.input-setting{border-radius:10px;border-color:#7070c0;height:40px;width:250px;margin-left:25px;padding-left:20px;padding-right:10px;font-size:20px}.button_profile_update{background-color:#deb887;padding:10px;font-size:20px;margin-bottom:20px;margin-top:20px;margin-left:20px;border-radius:10px;border:none;cursor:pointer}.eye-button{transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;margin-top:25px}.password-input{display:flex;justify-content:flex-start;margin-left:30px}.profile-avatar{height:50px;width:50px;margin-top:20px;margin-left:2px;border-radius:90%;border-color:#8a2be2}.dataHouse_container{padding:var(--spacing-lg, 20px);padding-top:90px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1400px;margin:0 auto;background:var(--bg-secondary, #f8fafc);min-height:100vh}.table-card{background:var(--bg-primary, #ffffff);border-radius:var(--radius-xl, 16px);overflow:hidden;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color, #e2e8f0);transition:all var(--transition-base, .3s) ease}.table-card:hover{box-shadow:0 8px 24px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2 20%);padding:var(--spacing-lg, 20px) var(--spacing-xl, 25px);border-bottom:2px solid var(--border-color, #e2e8f0);flex-wrap:wrap;gap:var(--spacing-md, 12px)}.card-header h5{margin:0;font-weight:600;font-size:var(--font-size-xl, 22px);color:var(--text-primary, #1e293b);letter-spacing:.3px}.button-group{display:flex;gap:var(--spacing-sm, 10px);flex-wrap:wrap}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:var(--spacing-sm, 10px) var(--spacing-lg, 18px);border-radius:var(--radius-lg, 12px);cursor:pointer;font-size:var(--font-size-sm, 15px);font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all var(--transition-fast, .2s) ease;box-shadow:0 2px 8px #667eea4d;min-height:var(--touch-target-min, 44px);display:flex;align-items:center;justify-content:center}.btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.table-responsive::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.custom-table{width:100%;border-collapse:collapse;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.custom-table thead{background:linear-gradient(135deg,#f8fafc,#e2e8f0);text-transform:uppercase;font-size:var(--font-size-xs, 13px);color:var(--text-secondary, #64748b);letter-spacing:.5px;font-weight:600;position:sticky;top:0;z-index:10}.custom-table th{padding:var(--spacing-md, 16px) var(--spacing-lg, 20px);text-align:left;border-bottom:2px solid var(--border-color, #e2e8f0);white-space:nowrap}.custom-table td{padding:var(--spacing-md, 14px) var(--spacing-lg, 20px);text-align:left;border-bottom:1px solid #f1f5f9;color:var(--text-primary, #1e293b);font-size:var(--font-size-sm, 15px)}.custom-table tbody tr{transition:all var(--transition-fast, .15s) ease;cursor:pointer}.custom-table tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#f8fafc00);transform:translate(2px)}.custom-table tbody tr.selected-row{background:linear-gradient(90deg,#667eea1a,#f8fafc00);border-left:4px solid #667eea;box-shadow:0 2px 8px #667eea1a}.file-info{display:flex;align-items:center;gap:var(--spacing-md, 12px)}.file-icon{width:28px;height:28px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.file-name{font-weight:600;color:var(--text-primary, #1e293b);word-break:break-word;line-height:1.4}.custom-table input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}@media (min-width: 768px){.dataHouse_container{padding:var(--spacing-xl, 30px);padding-top:100px}.card-header{padding:var(--spacing-xl, 25px) var(--spacing-2xl, 30px)}.card-header h5{font-size:var(--font-size-2xl, 24px)}.button-group{gap:var(--spacing-md, 12px)}.btn{padding:var(--spacing-md, 12px) var(--spacing-xl, 22px);font-size:var(--font-size-base, 16px)}.custom-table th,.custom-table td{padding:var(--spacing-lg, 18px) var(--spacing-xl, 24px)}.custom-table thead{font-size:var(--font-size-sm, 14px)}.custom-table td{font-size:var(--font-size-base, 16px)}.file-icon{width:32px;height:32px}}@media (min-width: 1024px){.dataHouse_container{padding:var(--spacing-2xl, 40px) var(--spacing-2xl, 60px);padding-top:110px}.card-header{padding:var(--spacing-xl, 30px) var(--spacing-2xl, 40px)}.table-card:hover{transform:translateY(-2px)}}@media (max-width: 767px){.dataHouse_container{padding:var(--spacing-md, 12px);padding-top:85px}.card-header{flex-direction:column;align-items:flex-start;padding:var(--spacing-md, 15px)}.card-header h5{font-size:var(--font-size-lg, 18px);margin-bottom:var(--spacing-sm, 8px)}.button-group{width:100%;justify-content:stretch}.btn{flex:1;padding:var(--spacing-sm, 10px) var(--spacing-md, 12px);font-size:var(--font-size-sm, 14px)}.custom-table{font-size:var(--font-size-xs, 13px)}.custom-table th,.custom-table td{padding:var(--spacing-sm, 10px) var(--spacing-md, 12px)}.file-icon{width:24px;height:24px}.file-name{font-size:var(--font-size-sm, 14px)}}@media (max-width: 360px){.dataHouse_container{padding:var(--spacing-sm, 8px);padding-top:80px}.card-header{padding:var(--spacing-sm, 10px)}.card-header h5{font-size:var(--font-size-base, 16px)}.btn{font-size:var(--font-size-xs, 13px);padding:var(--spacing-xs, 8px) var(--spacing-sm, 10px)}.custom-table th,.custom-table td{padding:var(--spacing-xs, 8px) var(--spacing-sm, 10px);font-size:var(--font-size-xs, 12px)}.file-icon{width:20px;height:20px}}@media (prefers-reduced-motion: reduce){.table-card,.btn,.custom-table tbody tr{transition:none}}@media (prefers-contrast: high){.table-card{border:2px solid currentColor}.btn{border:2px solid white}.custom-table tbody tr.selected-row{border:2px solid currentColor}}.Footer-container-set{display:flex;justify-content:space-between;margin-left:80px;margin-right:20px;position:relative}.sidebar-open .alestralg{display:none!important}.Footer-container{display:flex;justify-content:space-between;margin-left:80px;margin-right:80px}.alestralg{height:30px;width:90px;position:absolute;bottom:20px}.ialestralg{height:20px;width:70px;margin-top:20px;position:absolute;bottom:20px;right:80px}.roleContainer{display:flex;flex-direction:column;padding:50px 60px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:40px auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.roleContainerStart{display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 30px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.roleContainerBoxContent.selected{background:linear-gradient(90deg,#667eea1a,#f8fafc00);border-left:4px solid #667eea;box-shadow:0 2px 8px #667eea1a}.changeRole-btn:disabled,.delRol-btn:disabled,.ass-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.addRole,.changeRole,.deleteRole,.assignRole{margin:0 8px;color:#fff;border:none;border-radius:10px;cursor:pointer;height:32px;width:32px;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.addRole:hover,.changeRole:hover,.deleteRole:hover,.assignRole:hover{transform:translateY(-2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.roleContainerBox{border:none;border-radius:12px;padding:20px;margin-bottom:20px;width:100%;background-color:#fff;box-shadow:0 4px 12px #00000014}.roleContainerBox h3{margin:0;font-size:16px;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.roleContainerBoxHeader{font-size:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0;padding:15px 80px;margin-bottom:10px}.assRole{height:24px;width:24px;cursor:pointer;border:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:all .3s ease}.assRole:hover{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.rolecontname{margin-left:80px;padding:0;background-color:transparent;font-size:15px;font-weight:500;color:#1e293b}.rolecontname:active{color:#667eea}.roleconticons{margin-right:80px;display:flex;gap:8px;align-items:center}.addRol-btn,.assRol-btn,.changeRole-btn,.delRol-btn{cursor:pointer;border:none;background:transparent;padding:8px;border-radius:10px;transition:all .3s ease}.addRol-btn:hover,.assRol-btn:hover,.changeRole-btn:hover:not(:disabled),.delRol-btn:hover:not(:disabled){background:#6366f11a;transform:scale(1.05)}.AssRolShowPopup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.AssRolShowPopup-content{background:#fff;padding:20px 40px;border-radius:16px;min-width:650px;min-height:450px;max-width:85%;max-height:85%;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.AssRolShowPopup-close{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:38px;width:38px;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.AssRolShowPopup-close:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:rotate(90deg);box-shadow:0 4px 12px #667eea80}.AddRolShowPopup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.AddRolShowPopup-content{background:#fff;padding:35px 40px;border-radius:16px;min-width:750px;min-height:500px;max-width:85%;max-height:85%;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;position:relative}.AddRolShowPopup-close{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;height:38px;width:38px;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.AddRolShowPopup-close:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:rotate(90deg);box-shadow:0 4px 12px #667eea80}.AddRolShowPopup-inputbox{display:flex;flex-direction:row;align-items:center;margin:30px 20px 20px;padding:5px}.AddRolShowPopup-inputbox p{font-size:15px;margin-right:20px;min-width:120px;font-weight:600;color:#334155;margin-top:5px}.AddRolShowPopup-inputbox input{flex:1;height:42px;border:2px solid #cbd5e1;border-radius:10px;padding:0 16px;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;background:#f8fafc}.AddRolShowPopup-inputbox input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.inputRole{flex:1;height:42px;border:2px solid #cbd5e1;border-radius:10px;padding:0 16px;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;background:#f8fafc}.inputRole:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.head2addrol{font-size:16px;font-weight:600;color:#1e293b;margin-left:25px;margin-top:25px;margin-bottom:12px}.head3addrol{font-size:13px;color:#64748b;margin-left:25px;margin-bottom:15px;font-weight:500}.AsistContainer{display:flex;flex-direction:row;justify-content:space-around}.Asist2Container{display:flex;flex-direction:column;justify-content:space-around}.AsistSelect{height:160px;width:160px;background:linear-gradient(135deg,#eeeef0,#f5f1f8);border-radius:16px;padding:15px;margin:15px 20px;box-shadow:5px 8px 8px #667eea4d;transition:all .3s ease;cursor:pointer}.AsistSelect:hover{transform:translateY(-5px);box-shadow:0 12px 28px #667eea66}.AsistSelect p{font-size:13px;margin-left:10px;font-weight:600;color:#0e0e0e;text-align:center;margin-top:5px}.AsistSelect2{height:50px;width:150px;background-color:#0ff;border-radius:20px;padding:10px;margin-left:30px;margin-right:30px;margin-top:10px}.AsistSelect2 p{font-size:14px;margin-left:10px;font-weight:700}.switchbtn{background-color:transparent;border:none}.switchOption{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:20px}.asistimg{height:30px;width:30px}.switch{position:relative;display:inline-block;width:54px;height:28px;background:transparent;border:none}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:transparent;background-color:red;border:none;transition:.4s}.slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;top:2px;right:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#1d17ef}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:26px}.slider.round:before{border-radius:50%}.adduser{height:30px;width:30px}.addrol2-btn{background:#1d17ef;border:none;border-radius:12px;padding:12px 24px;margin-top:30px;margin-left:25px;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;color:#fff}.addrol2-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.addrol2-btn:disabled{opacity:.6;cursor:not-allowed}.addrol2-btn p{font-size:15px;font-weight:600;margin:0;color:#fff}.assignStartContainer{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:20px}.inputAssin{height:42px;flex:1;margin-top:5px;text-align:left;margin-left:10px;margin-right:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:2px solid #cbd5e1;border-radius:10px;padding:0 16px;font-size:15px;transition:all .3s ease;background:#f8fafc}.inputAssin:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.assignStartContainer p{font-size:15px;font-weight:600;color:#334155;margin-top:10px;margin-left:25px;margin-right:15px;min-width:90px}.assignStartContainer input{width:300px;height:42px;border:2px solid #cdcbe1;border-radius:10px;padding:0 16px;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-right:10px;transition:all .3s ease;background:#f8fafc}.assignStartContainer input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.assign-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;cursor:pointer;padding:10px;border-radius:10px;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.assign-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.assignSearch{height:22px;width:22px;filter:brightness(0) invert(1)}.selectRole{font-size:15px;font-weight:600;color:#334155;margin-top:25px;margin-left:25px}.role-select-dropdown{height:42px;width:100%;max-width:450px;margin-top:12px;border-radius:10px;border:2px solid #cbd5e1;font-size:15px;padding:0 16px;background-color:#f8fafc;color:#334155;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23667eea' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease;font-weight:500}.role-select-dropdown:hover{border-color:#a5b4fc;background-color:#fff}.role-select-dropdown:focus{border-color:#667eea;outline:none;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.role-select-dropdown option{padding:10px;background-color:#fff;color:#334155;font-size:14px}.role-select-dropdown option:checked{background-color:#667eea;color:#fff}.ass-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:12px 24px;color:#fff;margin-top:5px;margin-left:25px;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.ass-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.ass-btn:disabled{opacity:.6;cursor:not-allowed}.ass-btn p{font-size:15px;font-weight:600;margin:0;color:#fff}.flexrolass{display:flex;flex-direction:column}.roleContainerBoxContent{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 20px;cursor:pointer;transition:all .3s ease;border-radius:8px;margin-bottom:4px}.roleContainerBoxContent:hover{background-color:#f8fafc;transform:translate(4px)}.usuario-search-container{position:relative;width:300px;display:inline-block}.usuario-search-input{width:100%;height:42px;padding:0 16px;border:2px solid #cbd5e1;border-radius:10px;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8fafc;transition:all .3s ease}.usuario-search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.usuario-suggestion-list{position:absolute;top:44px;left:0;width:100%;max-height:200px;overflow-y:auto;background:#fff;border:2px solid #cbd5e1;border-top:none;border-radius:0 0 10px 10px;list-style:none;padding:0;margin:0;z-index:1000;box-shadow:0 8px 16px #0000001a}.usuario-suggestion-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}.usuario-suggestion-item:last-child{border-bottom:none}.usuario-suggestion-item:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.roles-list-container{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.role-assigned-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border:1px solid #ccc;border-radius:6px}.role-assigned-left{flex:1}.role-assigned-right{display:flex;gap:10px;align-items:center}.role-list-item{padding:10px 18px;margin-bottom:8px;border-radius:10px;margin-top:10px;width:400px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;color:#334155;font-weight:500;box-shadow:0 2px 4px #0000000d}.role-list-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(4px);box-shadow:0 4px 8px #00000014}.role-list-item.selected{border:2px solid #667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;font-weight:600;box-shadow:0 4px 12px #667eea33}.del2Rol-btn{border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;font-size:14px;border-radius:10px;padding:10px 20px;cursor:pointer;margin-top:20px;margin-left:25px;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d}.del2Rol-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.del2Rol-btn:disabled{opacity:.6;cursor:not-allowed}.assignedRolesContainer{margin-top:15px}.assignedRoleRow{display:flex;align-items:center;border-bottom:1px solid #e2e8f0;padding:10px 0}.roleNameColumn{flex:1;font-weight:600;color:#334155}.assistantTogglesColumn{flex:3;display:flex;gap:10px}.roleActionsColumn{flex:1;display:flex;gap:5px;justify-content:flex-end}.AddRolShowPopup-content::-webkit-scrollbar,.AssRolShowPopup-content::-webkit-scrollbar,.usuario-suggestion-list::-webkit-scrollbar,.roles-list-container::-webkit-scrollbar{width:8px}.AddRolShowPopup-content::-webkit-scrollbar-track,.AssRolShowPopup-content::-webkit-scrollbar-track,.usuario-suggestion-list::-webkit-scrollbar-track,.roles-list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.AddRolShowPopup-content::-webkit-scrollbar-thumb,.AssRolShowPopup-content::-webkit-scrollbar-thumb,.usuario-suggestion-list::-webkit-scrollbar-thumb,.roles-list-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.AddRolShowPopup-content::-webkit-scrollbar-thumb:hover,.AssRolShowPopup-content::-webkit-scrollbar-thumb:hover,.usuario-suggestion-list::-webkit-scrollbar-thumb:hover,.roles-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media (max-width: 1024px){.roleContainer{padding:25px 40px 30px;margin:70px auto 20px;max-width:100%}.roleContainerBox{width:100%}.roleContainerBoxHeader{padding:15px 40px}.roleContainerBox h3{font-size:15px}.rolecontname{margin-left:40px;font-size:14px}.roleconticons{margin-right:40px}.AddRolShowPopup-content,.AssRolShowPopup-content{min-width:600px;max-width:90%}}@media (max-width: 768px){.roleContainer{padding:30px 20px 20px;margin:80px 10px 10px;background:#f5f7fa}.roleContainerStart{flex-direction:row;gap:8px;padding:15px;margin-top:20px;justify-content:center;flex-wrap:wrap}.roleContainerStart>div{display:flex;gap:8px;flex-wrap:nowrap}.roleContainerBox{padding:15px}.roleContainerBoxHeader{padding:12px 20px;flex-direction:column;gap:10px;align-items:flex-start}.roleContainerBox h3{font-size:14px;margin-left:0;margin-right:0}.roleContainerBoxContent{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 15px}.rolecontname{margin-left:0;font-size:15px}.roleconticons{margin-left:0;margin-right:0}.AddRolShowPopup-content,.AssRolShowPopup-content{min-width:90%;max-width:95%;min-height:auto;padding:25px 20px;max-height:90vh}.AddRolShowPopup-inputbox{flex-direction:column;align-items:flex-start;margin-left:10px;margin-right:10px}.AddRolShowPopup-inputbox p{min-width:100%;margin-bottom:8px;margin-left:0}.AsistContainer{flex-direction:column;align-items:center}.AsistSelect{width:100%;max-width:300px;margin:10px 0}.assignStartContainer{flex-direction:column;align-items:flex-start}.assignStartContainer p{margin-left:10px;margin-bottom:8px;min-width:100%}.assignStartContainer input,.usuario-search-container{width:100%;max-width:100%}.assign-btn{margin-top:10px;width:100%;display:flex;justify-content:center}.role-list-item{width:100%;max-width:100%}.selectRole,.head2addrol,.head3addrol,.addrol2-btn,.ass-btn,.del2Rol-btn{margin-left:10px}}@media (max-width: 480px){.roleContainer{padding:20px 10px 15px;margin:90px 5px 5px}.roleContainerStart{padding:12px;gap:6px;margin-top:15px;flex-direction:row;justify-content:center;flex-wrap:wrap}.roleContainerStart>div{flex-wrap:nowrap;gap:6px}.addRol-btn,.assRol-btn,.changeRole-btn,.delRol-btn{padding:6px}.addRole,.changeRole,.deleteRole,.assignRole{height:36px;width:36px}.roleContainerBox{padding:12px}.roleContainerBoxHeader{padding:10px 12px}.roleContainerBox h3{font-size:13px}.roleContainerBoxContent{padding:10px 12px}.rolecontname{font-size:14px}.assRole{height:20px;width:20px}.AddRolShowPopup-content,.AssRolShowPopup-content{min-width:95%;max-width:98%;padding:20px 15px;max-height:95vh;border-radius:12px}.AddRolShowPopup-content h2,.AssRolShowPopup-content h2{font-size:18px!important;margin-left:10px!important}.AddRolShowPopup-close,.AssRolShowPopup-close{top:10px;right:10px;height:32px;width:32px}.AddRolShowPopup-inputbox{margin-top:20px;margin-left:5px;margin-right:5px}.AddRolShowPopup-inputbox p{font-size:14px}.AddRolShowPopup-inputbox input,.inputRole,.inputAssin{height:40px;font-size:14px;padding:0 12px}.head2addrol{font-size:15px;margin-left:10px}.head3addrol{font-size:12px;margin-left:10px}.AsistContainer{padding:0 10px}.AsistSelect{width:100%;max-width:280px;height:140px;margin:8px 0}.AsistSelect p{font-size:12px}.asistimg{height:26px;width:26px}.switch{width:48px;height:24px}.slider:before{height:20px;width:20px}input:checked+.slider:before{transform:translate(22px)}.addrol2-btn,.ass-btn{width:calc(100% - 20px);justify-content:center;margin-left:10px;padding:12px 20px;font-size:14px}.addrol2-btn p,.ass-btn p{font-size:14px}.assignStartContainer{margin-left:0;margin-right:0;padding:0 5px}.assignStartContainer p{font-size:14px;margin-left:5px}.assignStartContainer input{font-size:14px;height:40px}.usuario-search-input{height:40px;font-size:14px}.usuario-suggestion-list{max-height:150px;font-size:13px}.usuario-suggestion-item{padding:10px 12px;font-size:13px}.assignSearch{height:20px;width:20px}.selectRole{font-size:14px;margin-left:5px}.role-select-dropdown{width:100%;max-width:100%;height:40px;font-size:14px}.role-list-item{padding:12px 14px;font-size:13px;margin-top:8px}.del2Rol-btn{width:calc(100% - 20px);margin-left:10px;padding:10px 16px;font-size:13px}.flexrolass{gap:10px}.adduser{height:24px;width:24px}}@media (max-width: 360px){.roleContainer{padding:15px 5px 10px;margin-top:95px}.roleContainerStart{padding:10px;margin-top:10px;flex-direction:row;justify-content:center;gap:4px;flex-wrap:wrap}.roleContainerStart>div{gap:4px}.addRole,.changeRole,.deleteRole,.assignRole{height:32px;width:32px;margin:0 4px}.roleContainerBox{padding:10px}.roleContainerBoxHeader{padding:8px 10px}.roleContainerBox h3{font-size:12px}.AddRolShowPopup-content h2,.AssRolShowPopup-content h2{font-size:16px!important}.AsistSelect{max-width:100%;height:130px}.asistimg{height:24px;width:24px}}@media (max-height: 600px) and (orientation: landscape){.AddRolShowPopup-content,.AssRolShowPopup-content{max-height:90vh;overflow-y:auto}.AsistContainer{flex-direction:row;flex-wrap:wrap;justify-content:center}.AsistSelect{width:45%;max-width:200px;margin:8px}}.success-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:none;animation:fadeIn .3s ease}.success-popup-content{background:linear-gradient(135deg,#10b981,#059669);padding:24px 40px;border-radius:16px;box-shadow:0 20px 60px #10b98166;display:flex;flex-direction:row;align-items:center;gap:16px;animation:slideInScale .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:all;max-width:90%}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-popup-icon{background:#fff;color:#10b981;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #ffffff4d}.success-popup-message{color:#fff;font-size:16px;font-weight:600;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width: 480px){.success-popup-content{padding:20px 28px;gap:12px}.success-popup-icon{width:36px;height:36px;font-size:24px}.success-popup-message{font-size:14px}}.main-popup-embchtpge{max-width:900px;margin:80px auto 40px;padding:0;display:flex;flex-direction:column;gap:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.embed-header{background:linear-gradient(135deg,#5b5fc7,#7c3aed);padding:20px;border-radius:16px;text-align:center;box-shadow:0 10px 25px #5b5fc733;position:relative;overflow:hidden}.embed-header:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.embed-icon{font-size:2.5rem;display:block;margin-bottom:0;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.embchtpge-h3{color:#fff;font-size:28px;font-weight:700;margin:0;position:relative;z-index:1}.embchtpge-para{color:#ffffffe6;font-size:15px;margin:12px 0 0;line-height:1.6;position:relative;z-index:1}.embchtpge-input-div{padding:0}.url-management-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.url-management-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.section-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 24px;display:flex;align-items:center;gap:10px}.section-icon{font-size:24px}.url-input-container{display:flex;gap:12px;margin-bottom:28px}.url-input{flex:1;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:inherit;transition:all .3s ease;background:#f8fafc}.url-input:focus{outline:none;border-color:#5b5fc7;background:#fff;box-shadow:0 0 0 3px #5b5fc71a}.url-input::-moz-placeholder{color:#94a3b8}.url-input::placeholder{color:#94a3b8}.save-url-btn{padding:14px 28px;background:linear-gradient(135deg,#5b5fc7,#7c3aed);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;box-shadow:0 4px 12px #5b5fc74d}.save-url-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5b5fc766}.save-url-btn:active:not(:disabled){transform:translateY(0)}.save-url-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.saved-urls-container{min-height:200px;max-height:400px;overflow-y:auto;padding:4px}.saved-urls-container::-webkit-scrollbar{width:8px}.saved-urls-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.saved-urls-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.saved-urls-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-state{text-align:center;padding:20px 24px}.empty-state-icon{font-size:48px;margin-bottom:10px;opacity:.6}.empty-state-text{font-size:16px;color:#475569;font-weight:500;margin:0 0 8px}.empty-state-subtext{font-size:14px;color:#94a3b8;margin:0}.urls-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.url-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;transition:all .3s ease;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.url-item:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translate(4px)}.url-item-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.url-icon{font-size:18px;flex-shrink:0}.url-text{color:#334155;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-url-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-url-btn:hover{background:#ef44441a;transform:scale(1.1)}.delete-url-btn:active{transform:scale(.95)}.embed-action-container{text-align:center;padding:0}.show-embed-btn{padding:16px 40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 20px #10b9814d}.show-embed-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #10b98166}.show-embed-btn:active{transform:translateY(-1px)}.btn-icon{font-size:20px}.embed-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .3s ease-out}.embed-popup-content{background:#fff;border-radius:16px;padding:32px;max-width:900px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.embed-popup-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s ease;z-index:10}.embed-popup-close:hover{background:#e2e8f0;color:#ef4444;transform:rotate(90deg)}@media (max-width: 768px){.main-popup-embchtpge{margin:40px 16px}.embed-header{padding:24px}.embchtpge-h3{font-size:24px}.url-management-card{padding:24px 20px}.url-input-container{flex-direction:column}.save-url-btn{width:100%;justify-content:center}.url-item{padding:12px 16px}.embed-popup-content{padding:24px;max-height:90vh}}.instruct-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease}.instruct-popup{background:#fff;padding:25px;border-radius:16px;max-width:900px;width:90%;position:relative;box-shadow:0 8px 20px #0003;animation:slideDown .3s ease}.instruct-close-btn{position:absolute;top:12px;right:15px;background:none;border:none;font-size:18px;cursor:pointer;color:#333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.embed-script-container{width:100%;display:flex;flex-direction:column;gap:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.embed-script-header{padding-bottom:20px;border-bottom:2px solid #e2e8f0}.embed-script-title-section{display:flex;align-items:flex-start;gap:16px}.embed-script-icon{font-size:36px;flex-shrink:0}.embed-script-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.embed-script-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}.embed-code-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:24px;border:1px solid #e2e8f0}.code-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#334155;font-size:14px}.code-label-icon{font-size:18px}.code-box{background:#1e293b;border-radius:8px;padding:0;overflow:hidden;border:1px solid #334155;box-shadow:0 4px 12px #0000001a}.code-content{margin:0;padding:20px;overflow-x:auto;max-height:300px;overflow-y:auto}.code-content::-webkit-scrollbar{width:8px;height:8px}.code-content::-webkit-scrollbar-track{background:#0f172a}.code-content::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.code-content::-webkit-scrollbar-thumb:hover{background:#64748b}.code-content code{color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6;word-break:break-all;white-space:pre-wrap;display:block}.embed-actions{margin-top:16px;display:flex;justify-content:flex-end}.copy-btn{padding:12px 24px;background:linear-gradient(135deg,#5b5fc7,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #5b5fc74d}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5b5fc766}.copy-btn:active{transform:translateY(0)}.copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.copy-btn svg{flex-shrink:0}.embed-instructions{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.instructions-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;display:flex;align-items:center;gap:10px}.instructions-icon{font-size:22px}.instructions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px;counter-reset:step-counter}.instructions-list li{display:flex;align-items:flex-start;gap:16px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.instructions-list li:hover{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 4px 12px #0000000d;transform:translate(4px)}.step-number{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#5b5fc7,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;box-shadow:0 2px 8px #5b5fc74d}.instructions-list li>div{flex:1}.instructions-list li strong{display:block;color:#1e293b;font-size:15px;margin-bottom:4px}.instructions-list li p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.instructions-list li code{background:#f1f5f9;color:#5b5fc7;padding:2px 6px;border-radius:4px;font-size:13px;font-family:Courier New,Courier,monospace}.embed-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:10px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px}.note-icon{font-size:24px;flex-shrink:0}.note-content{color:#78350f;font-size:14px;line-height:1.6}.note-content strong{color:#92400e}@media (max-width: 768px){.embed-script-container{gap:20px}.embed-script-title-section{flex-direction:column;gap:12px}.embed-script-icon{font-size:32px}.embed-script-title{font-size:20px}.embed-code-section{padding:16px}.code-content code{font-size:11px}.embed-actions{justify-content:stretch}.copy-btn{width:100%;justify-content:center}.instructions-list li{flex-direction:column;gap:12px}.step-number{width:28px;height:28px;font-size:14px}}