@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.toast-container{position:fixed;top:1rem;left:calc(var(--sidebar-width, 190px) + (100vw - var(--sidebar-width, 190px)) / 2);transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;width:calc(100vw - var(--sidebar-width, 190px) - 2rem);pointer-events:none;align-items:center;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:var(--main-bg);border:.5px solid var(--border-color);border-radius:12px;box-shadow:0 4px 20px #0000001a,0 0 0 1px #0000000d;cursor:pointer;pointer-events:auto;animation:slideInCenter .3s ease-out;transition:all .2s ease;position:relative;overflow:hidden;width:100%;transform:translateY(0)}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary-color);border-radius:0 2px 2px 0}.toast:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001f,0 0 0 1px #0000000d}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.toast-success .toast-icon{color:var(--success-color)}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:var(--primary-color)}.toast-message{flex:1;font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.5;word-break:break-word}.toast-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;flex-shrink:0;transition:all .2s ease;width:24px;height:24px}.toast-close:hover{background-color:var(--border-color);color:var(--text-primary)}.toast-success:before{background-color:var(--success-color)}.toast-error:before{background-color:#ef4444}.toast-warning:before{background-color:#f59e0b}.toast-info:before{background-color:var(--primary-color)}@keyframes slideInCenter{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}body.dark-mode .toast{background-color:#242424;border-color:#333;box-shadow:0 4px 20px #0000004d,0 0 0 1px #ffffff0d}body.dark-mode .toast:hover{box-shadow:0 6px 24px #0006,0 0 0 1px #ffffff0d}body.dark-mode .toast-message{color:#f0f0f0}body.dark-mode .toast-close{color:#a0a0a0}body.dark-mode .toast-close:hover{background-color:#333;color:#f0f0f0}@media (max-width: 900px){.toast-container{top:.5rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:90%}.toast{padding:.875rem 1rem}.toast-message{font-size:.85rem}}.logo-svg{transition:transform .2s ease,filter .2s ease;cursor:pointer;flex-shrink:0}.logo-svg:hover{transform:scale(1.05)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.5;color:var(--select-text);background-color:var(--select-bg);border:1px solid var(--select-border);border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.input-wrapper select,.input-wrapper select:not(.country-select){-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--select-border);border-radius:8px;background-color:var(--select-bg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.25em 1.25em!important;color:var(--select-text);font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .2s ease}.country-select,.input-wrapper .country-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;min-width:120px;max-width:140px;padding:.75rem 2rem .75rem .75rem;border:1px solid var(--select-border);border-radius:8px 0 0 8px;border-right:1px solid #e5e7eb;background-color:#f9fafb;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .5rem center!important;background-size:1em 1em!important;white-space:nowrap;text-overflow:ellipsis}:root{--primary-color: #10b981;--primary-hover: #059669;--primary-rgba: 16, 185, 129;--sidebar-bg: #f5f6f8;--main-bg: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--border-color: #E5E7EB;--input-bg: #E5E7EB;--success-color: #10B981;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-width: 190px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--main-bg);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100%}.app-container{display:flex;height:100%}@media (max-width: 900px){.app-container{flex-direction:column}.main-content{width:100%;margin-left:0}}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(to bottom,transparent 70px,var(--main-bg) 70px);position:relative}.top-header{height:70px;display:flex;align-items:center;justify-content:flex-end;padding:0 2rem;flex-shrink:0;position:relative;z-index:100;overflow:visible;background:transparent!important;border:none!important;box-shadow:none!important}.header-right{display:flex;align-items:center;gap:1rem;position:relative;z-index:100;overflow:visible}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.5rem;border-radius:50%;transition:color .2s;display:flex;align-items:center;justify-content:center;position:relative}.icon-btn:hover{color:var(--primary-color);background-color:rgba(var(--primary-rgba),.1)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;background-color:#f5f5f5;color:var(--primary-color);padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10000;pointer-events:none;box-shadow:0 2px 8px #00000026}[data-tooltip]:hover:after{opacity:1;visibility:visible}body.dark-mode [data-tooltip]:after{background-color:#333}[data-tooltip-position=bottom]:after,.icon-btn[data-tooltip]:after{top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap}.top-header [data-tooltip]{overflow:visible}.top-header [data-tooltip]:after{z-index:10001}[data-tooltip-position=right]:after{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}.lang-toggle-btn{font-weight:600;font-size:.85rem}.auth-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap;width:72px;min-width:72px;max-width:72px;height:36px;min-height:36px;max-height:36px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.auth-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--primary-rgba),.3)}.color-picker-wrapper{position:relative}.color-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem;gap:.5rem;flex-wrap:wrap;width:120px;z-index:9999}@media (max-width: 900px){.color-dropdown{right:auto;left:50%;transform:translate(-50%)}}.color-picker-wrapper:hover .color-dropdown,.color-dropdown.show{display:flex}.color-option{width:28px;height:28px;border-radius:50%;cursor:pointer;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.active{border-color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.dark-mode{--main-bg: #1a1a1a;--sidebar-bg: #181818;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--border-color: #333333;--input-bg: #2a2a2a}body.dark-mode .main-content{background:linear-gradient(to bottom,transparent 70px,#1a1a1a 70px)}body.dark-mode .top-header{background:transparent}body.dark-mode .icon-btn{color:#a0a0a0}body.dark-mode .icon-btn:hover{background-color:rgba(var(--primary-rgba),.15);color:var(--primary-color)}.header-toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:none;align-items:center;justify-content:center;margin-right:.5rem;z-index:1001}.header-toggle-btn:hover{color:var(--primary-color);background-color:rgba(var(--primary-rgba),.1)}.header-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}@media (max-width: 900px){.top-header.mobile{position:relative;height:70px;min-height:70px;padding:0 1rem;z-index:1000}.top-header.mobile .header-toggle-btn{display:flex;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.header-right.mobile-menu{position:fixed!important;top:70px!important;right:0!important;width:auto!important;min-width:160px!important;max-width:200px!important;height:auto!important;max-height:calc(100vh - 70px)!important;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;padding:1rem!important;background-color:#fff!important;border-bottom:1px solid var(--border-color)!important;border-left:1px solid var(--border-color)!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-100%)!important;opacity:0!important;visibility:hidden!important;transition:transform 0s ease,opacity 0s ease,visibility 0s ease!important;z-index:1000!important;overflow-y:auto!important}.header-right.mobile-menu.mobile-open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important}.header-right.mobile-menu .icon-btn{width:100%!important;justify-content:flex-start!important;border-radius:8px!important;padding:.75rem 1rem!important;margin:0!important;gap:.75rem!important}.header-right.mobile-menu .icon-btn{border-radius:8px!important;color:var(--text-primary)!important}.header-right.mobile-menu .auth-btn{color:#fff!important;justify-content:center!important;padding:.5rem 1rem!important;margin-top:.5rem!important;margin-left:1rem!important;width:auto!important;min-width:72px!important;max-width:none!important;align-self:flex-start!important;border-radius:6px!important}.header-right.mobile-menu .mobile-label{font-size:.9rem!important;font-weight:500!important;color:inherit!important;white-space:nowrap!important}.header-right.mobile-menu .icon-btn svg{flex-shrink:0!important}}body.dark-mode .header-right.mobile-menu{background-color:#1e1e1e!important;border-color:#333!important;box-shadow:0 4px 12px #0006!important}body.dark-mode .header-right.mobile-menu .icon-btn{color:#f0f0f0!important}body.dark-mode .header-right.mobile-menu .icon-btn:hover{background-color:rgba(var(--primary-rgba),.15)!important;color:var(--primary-color)!important}body.dark-mode .header-right.mobile-menu .auth-btn{color:#fff!important}body.dark-mode .header-right.mobile-menu .auth-btn:hover{background-color:rgba(var(--primary-rgba),.15)!important}body.dark-mode .header-toggle-btn{color:#a0a0a0}body.dark-mode .header-toggle-btn:hover{background-color:rgba(var(--primary-rgba),.15);color:var(--primary-color)}body.dark-mode .auth-btn{background:var(--primary-color);color:#fff}body.dark-mode .auth-btn:hover{background:var(--primary-hover);box-shadow:0 2px 8px rgba(var(--primary-rgba),.4)}body.dark-mode .color-dropdown{background:#2a2a2a;border:1px solid #444444;box-shadow:0 8px 25px #00000080}body.dark-mode ::-webkit-scrollbar-track{background:#2a2a2a}body.dark-mode ::-webkit-scrollbar-thumb{background:#555}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#666}.section-box{border:.5px solid var(--border-color);border-radius:12px;padding:1.25rem;background-color:#fafafa;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;position:relative}.section-box:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.section-box .section-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.section-box .section-header h3{font-size:.95rem;font-weight:600;color:var(--text-primary)}body.dark-mode .section-box{background:#242424;border-color:var(--border-color);border-width:.5px}body.dark-mode .section-box:hover{box-shadow:0 4px 15px #0003}body.dark-mode .section-box .section-header{border-bottom-color:#333}body.dark-mode .section-box .section-header h3{color:#f0f0f0}.sidebar{width:190px;display:flex;flex-direction:column;padding:1.5rem 0;flex-shrink:0;transition:width 0s cubic-bezier(.4,0,.2,1);overflow:hidden;border-right:1px solid var(--border-color);background-color:var(--sidebar-bg)}.sidebar.collapsed{width:56px;padding:1.5rem 0;overflow:visible;cursor:e-resize}.sidebar.collapsed .nav-item{cursor:pointer}.sidebar:not(.collapsed) .nav-item:after,.sidebar:not(.collapsed) .logo-img[data-tooltip]:after{display:none!important}.sidebar:not(.collapsed) .logo-collapse-icon[data-tooltip]:after{top:calc(100% + 8px);left:0;transform:none}.sidebar.collapsed .nav-item:after,.sidebar.collapsed .logo-img[data-tooltip]:after,.sidebar.collapsed .logo-collapse-icon[data-tooltip]:after{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}.sidebar.collapsed .nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:var(--primary-color);border-radius:0 2px 2px 0;opacity:1;visibility:visible;border:none;z-index:1}.sidebar.collapsed .logo-collapse-icon{cursor:e-resize}.logo-area{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding-left:12px;padding-right:12px;position:relative;height:32px;min-height:32px}.logo-img{width:32px;height:32px;min-width:32px;max-width:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-collapse-icon{width:32px;height:32px;min-width:32px;max-width:32px;display:none;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;flex-shrink:0;color:var(--primary-color);transition:background-color .2s ease;position:absolute;left:12px;top:0}.logo-collapse-icon:hover{background-color:rgba(var(--primary-rgba),.15)}.sidebar:not(.collapsed) .logo-collapse-icon:hover{cursor:w-resize}.sidebar:hover .logo-img{opacity:0;pointer-events:none}.sidebar:hover .logo-collapse-icon{display:flex}.logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-color);letter-spacing:.7px;word-spacing:.1em;white-space:nowrap;opacity:1;transform:translate(0);transition:opacity .25s ease .1s,transform .25s ease .1s;display:inline-block;line-height:1;vertical-align:middle;margin-left:-.25rem}.logo-text svg{display:block;width:auto!important;height:auto!important;max-width:none}.sidebar.collapsed .logo-area{padding-left:12px;padding-right:12px;margin-bottom:2.5rem;gap:.75rem;justify-content:flex-start}.sidebar.collapsed .logo-img{width:32px;height:32px;min-width:32px;cursor:pointer}.sidebar.collapsed .logo-text{opacity:0;width:0;overflow:hidden;transform:translate(-10px);transition:opacity .15s ease,transform .15s ease,width 0s ease .15s}.sidebar.collapsed .sidebar-toggle{display:none;width:0;margin:0;padding:0;opacity:0}.sidebar-toggle{margin-left:auto;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sidebar-toggle:hover{background-color:#0000000d;color:var(--text-primary)}.nav-menu{display:flex;flex-direction:column;gap:.25rem}.sidebar.collapsed .nav-menu{width:100%}.nav-item{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap;box-sizing:border-box;cursor:pointer;border:none;background:none;width:100%;height:40px;padding-left:18px;padding-right:12px;border-radius:0;margin:0;transition:color .2s ease;position:relative}.nav-item>svg,.nav-item>i{display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;max-width:20px;flex-shrink:0;font-size:1.25rem;margin:0;padding:0;box-sizing:border-box;color:#000}.nav-item span{opacity:1;transform:translate(0);transition:opacity .25s ease .1s,transform .25s ease .1s;position:relative;z-index:1;color:#000}.nav-item:hover{background-color:#00000008;color:var(--text-primary)}.nav-item.active{background-color:transparent;color:var(--primary-color);position:relative;font-size:.9rem!important}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:var(--primary-color);border-radius:0 2px 2px 0}.nav-item.active>svg,.nav-item.active>i{color:var(--primary-color)}.nav-item.active span{color:var(--primary-color);font-size:.9rem!important;font-weight:600!important}.sidebar.collapsed .nav-item{justify-content:flex-start;padding-left:18px;padding-right:12px;height:40px;gap:.75rem}.sidebar.collapsed .nav-item span{opacity:0;width:0;overflow:hidden;transform:translate(-10px);transition:opacity .15s ease,transform .15s ease,width 0s ease .15s;position:absolute;pointer-events:none}.sidebar.collapsed .nav-item>svg,.sidebar.collapsed .nav-item>i{margin:0}body.dark-mode .sidebar-toggle{color:#a0a0a0}body.dark-mode .sidebar-toggle:hover{background-color:#ffffff1a;color:#f0f0f0}body.dark-mode .nav-item{color:#a0a0a0}body.dark-mode .nav-item span{color:#fff}body.dark-mode .nav-item>svg,body.dark-mode .nav-item>i{color:#fff}body.dark-mode .nav-item:hover{background-color:#ffffff0d;color:#f0f0f0}body.dark-mode .nav-item.active,body.dark-mode .nav-item.active>svg,body.dark-mode .nav-item.active>i,body.dark-mode .nav-item.active span{color:var(--primary-color);font-size:.9rem!important}body.dark-mode .logo-collapse-icon{color:var(--primary-color)}body.dark-mode .logo-collapse-icon:hover{background-color:#ffffff1a}.mobile-menu-button{position:fixed;top:1rem;left:1rem;z-index:1002;background-color:transparent;border:none;border-radius:0;padding:.5rem;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:none;transition:opacity 0s ease,visibility 0s ease;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-menu-button:hover{background-color:transparent}.mobile-menu-button svg{color:var(--text-secondary);width:20px;height:20px}body.mobile-menu-open .mobile-menu-button{opacity:0;visibility:hidden;pointer-events:none}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:block;animation:none}.mobile-close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;display:none!important;align-items:center;justify-content:center;transition:all .2s;margin-left:auto}.mobile-close-button:hover{background-color:#0000000d;color:var(--text-primary)}@media (max-width: 900px){.mobile-menu-button{display:flex}.sidebar.mobile{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:0!important;min-width:0!important;max-width:none!important;transform:translate(-100%)!important;z-index:1000!important;transition:transform 0s ease,width 0s ease!important;box-shadow:2px 0 8px #00000026!important;padding:1.5rem 0!important;overflow:hidden!important;border-right:1px solid var(--border-color)!important;background-color:var(--sidebar-bg)!important;display:flex!important;flex-direction:column!important;flex-shrink:0!important}.sidebar.mobile.mobile-open{width:240px!important;min-width:240px!important;transform:translate(0)!important;transition:transform 0s ease,width 0s ease!important}.sidebar.mobile.collapsed{width:0!important}.sidebar.mobile.mobile-open.collapsed{width:240px!important}.sidebar.mobile .logo-area{padding:1rem 1.5rem 1rem 2rem!important;margin-bottom:2rem!important;justify-content:flex-start!important;gap:.75rem!important;width:100%;height:auto!important;min-height:auto!important}.sidebar.mobile .logo-img{display:flex!important;opacity:1!important;width:32px!important;height:32px!important;min-width:32px!important;pointer-events:auto!important;margin-left:0!important}.sidebar.mobile .logo-text{display:block!important;font-size:1.4rem;font-weight:700;color:var(--primary-color)!important;opacity:1!important;width:auto!important;flex:1;transform:none!important;margin-left:0!important}.sidebar.mobile .sidebar-toggle,.sidebar.mobile .logo-collapse-icon{display:none!important}.sidebar.mobile:hover .logo-img{opacity:1!important;pointer-events:auto!important}.sidebar.mobile .nav-menu{width:100%;padding:0 .5rem}.sidebar.mobile .nav-item,.sidebar.mobile.collapsed .nav-item{justify-content:flex-start!important;padding:.85rem 1rem .85rem 1.75rem!important;width:100%;gap:.75rem!important;display:flex!important;flex-direction:row!important;min-height:44px!important;height:auto!important;overflow:visible!important;text-align:left!important}.sidebar.mobile .nav-item span,.sidebar.mobile.collapsed .nav-item span{display:inline-block!important;width:auto!important;opacity:1!important;transform:none!important;position:static!important;pointer-events:auto!important;overflow:visible!important;text-align:left!important;margin-left:0!important}.sidebar.mobile .nav-item>svg,.sidebar.mobile .nav-item>i,.sidebar.mobile.collapsed .nav-item>svg,.sidebar.mobile.collapsed .nav-item>i{display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;flex-shrink:0!important;position:static!important;margin:0!important;padding:0!important}.sidebar.mobile .nav-item.active:before{left:4px!important;width:3px;height:20px;border-radius:0 2px 2px 0}.sidebar.mobile .nav-item.active span{color:var(--primary-color);position:static!important;transform:none!important}.sidebar.mobile .nav-item.active>svg,.sidebar.mobile .nav-item.active>i{color:var(--primary-color)}}.theme-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease}.theme-modal{background:#fff;border-radius:16px;width:90%;max-width:480px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.theme-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.theme-modal-title-wrapper{display:flex;align-items:center;gap:.75rem}.theme-modal-icon{width:32px;height:32px;border-radius:8px}.theme-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.theme-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:6px;transition:background-color .2s,color .2s}.theme-modal-close:hover{background-color:#f3f4f6;color:#1f2937}.theme-modal-content{padding:1.5rem}.theme-modal-subtitle{color:#6b7280;margin:0 0 1.25rem;font-size:.95rem}.theme-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.theme-color-btn{position:relative;padding:.75rem .5rem;border:none;border-radius:10px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s;text-shadow:0 1px 2px rgba(0,0,0,.2)}.theme-color-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.theme-color-btn.active{box-shadow:0 0 0 3px #3b82f680}.theme-color-check{position:absolute;top:4px;right:4px;font-size:.6rem;color:#fff}.theme-color-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:10px}.theme-color-info-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0}.theme-color-info-text{display:flex;flex-direction:column;gap:.15rem}.theme-color-info-name{font-weight:600;color:#1f2937;font-size:.95rem}.theme-color-info-desc{color:#6b7280;font-size:.85rem}body.dark-mode .theme-modal-close:hover{background-color:#333;color:#f3f4f6}body.dark-mode .theme-modal-subtitle{color:#9ca3af}body.dark-mode .theme-color-info{background-color:#2a2a2a}body.dark-mode .theme-color-info-name{color:#f3f4f6}body.dark-mode .theme-color-info-desc{color:#9ca3af}@media (max-width: 500px){.theme-color-grid{grid-template-columns:repeat(3,1fr)}.theme-modal{width:95%;margin:1rem}}body.dark-mode .theme-modal{background:#1f1f1f}body.dark-mode .theme-modal-header{border-bottom-color:#333}body.dark-mode .theme-modal-title{color:#f3f4f6}body.dark-mode .theme-modal-close{color:#9ca3af}.literatureSearch-footer{position:absolute;bottom:.3rem;left:50%;transform:translate(-50%);font-size:.8rem;color:#84828284;white-space:nowrap}.grid-form.two-col{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:600px}.number-input{position:relative}.spinners{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.spinners svg{font-size:.6rem;color:var(--text-secondary);cursor:pointer}.status-left{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;flex-shrink:1;min-width:0;overflow:hidden;flex:1 1 auto}.status-right{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem .75rem;justify-content:flex-end;flex-shrink:1;flex-grow:0;width:auto;min-width:fit-content;box-sizing:border-box}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-primary);font-weight:500;white-space:nowrap;min-width:200px;width:200px;flex-shrink:1;overflow:hidden;box-sizing:border-box}.api-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;display:inline-block}.api-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic;text-align:left;height:1.5rem;min-height:1.5rem;max-height:1.5rem;line-height:1.5rem;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;flex-grow:0;width:12rem;min-width:12rem;max-width:12rem;box-sizing:border-box}@media (max-width: 1000px){.status-item{min-width:150px;width:auto}.api-hint{display:none}}@media (max-width: 700px){.api-config-container{flex-direction:column;align-items:flex-start;height:auto;min-height:auto;max-height:none;gap:.8rem}.status-left{width:100%;flex-wrap:wrap}.status-right{width:100%;justify-content:flex-start;flex-wrap:nowrap}.status-item{min-width:140px;width:auto}}body.dark-mode .spinners svg{color:#a0a0a0}body.dark-mode .spinners svg:hover{color:var(--primary-color)}body.dark-mode .status-item,body.dark-mode .api-toggle{color:#f0f0f0}@media (max-width: 700px){.language-options{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;justify-content:center}.lang-option{flex:unset!important;min-width:0!important;width:100%!important;max-width:none!important}.lang-pill{width:100%!important;height:auto!important;aspect-ratio:1.4 / 1;padding:0!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#f3f4f6}.lang-name{display:none!important}.lang-pill img{width:20px!important;height:auto!important;border-radius:2px;box-shadow:0 2px 4px #0000001a}.lang-option input:checked+.lang-pill{background-color:var(--primary-color)!important;box-shadow:0 4px 12px rgba(var(--primary-rgba),.3)!important}.lang-option input:checked+.lang-pill img{box-shadow:none!important}}.confirm-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease}.confirm-modal{background:#fff;border-radius:16px;width:90%;max-width:420px;box-shadow:0 20px 60px #0003;overflow:hidden}.confirm-modal-header{display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 1rem;gap:1rem}.confirm-modal-icon{width:64px;height:64px;border-radius:50%;background-color:#fef3c7;display:flex;align-items:center;justify-content:center;color:#f59e0b}.confirm-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;text-align:center}.confirm-modal-content{padding:0 2rem 1.5rem}.confirm-modal-message{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0;text-align:center}.confirm-modal-actions{display:flex;gap:.75rem;padding:1rem 2rem 2rem;border-top:1px solid #e5e7eb}.confirm-modal-cancel,.confirm-modal-ok{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.confirm-modal-cancel{background-color:#f3f4f6;color:#374151}.confirm-modal-cancel:hover{background-color:#e5e7eb}.confirm-modal-ok.red{background-color:#ef4444;color:#fff}.confirm-modal-ok.red:hover{background-color:#dc2626}.confirm-modal-ok.primary{background-color:var(--primary-color);color:#fff}.confirm-modal-ok.primary:hover{background-color:var(--primary-hover)}body.dark-mode .confirm-modal{background:#1f1f1f}body.dark-mode .confirm-modal-icon{background-color:#fef3c74d;color:#fcd34d}body.dark-mode .confirm-modal-title{color:#f3f4f6}body.dark-mode .confirm-modal-message{color:#9ca3af}body.dark-mode .confirm-modal-actions{border-top-color:#333}body.dark-mode .confirm-modal-cancel{background-color:#333;color:#e5e7eb}body.dark-mode .confirm-modal-cancel:hover{background-color:#404040}body.dark-mode .confirm-modal-ok.red{background-color:#ef4444;color:#fff}body.dark-mode .confirm-modal-ok.red:hover{background-color:#dc2626}body.dark-mode .confirm-modal-ok.primary{background-color:var(--primary-color);color:#fff}body.dark-mode .confirm-modal-ok.primary:hover{background-color:var(--primary-hover)}.status-dot-indicator{width:10px;height:10px;min-width:10px;max-width:10px;border-radius:50%;background-color:#9ca3af;flex-shrink:0}.status-dot-indicator.Initializing,.status-dot-indicator.initializing{background-color:#3b82f6;animation:pulse 1.5s infinite}.status-dot-indicator.Waiting,.status-dot-indicator.waiting{background-color:#9ca3af}.status-dot-indicator.Running,.status-dot-indicator.running{background-color:#f59e0b;animation:pulse 1.5s infinite}.status-dot-indicator.Success,.status-dot-indicator.success{background-color:#10b981}.status-dot-indicator.Failed,.status-dot-indicator.failed{background-color:#ef4444}.status-badge{padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap;width:6rem;min-width:6rem;max-width:6rem;text-align:center;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.status-badge.Initializing,.status-badge.initializing{background-color:#dbeafe!important;color:#1e40af!important}.status-badge.Waiting,.status-badge.waiting{background-color:#e5e7eb!important;color:#4b5563!important}.status-badge.Running,.status-badge.running{background-color:#fef3c7!important;color:#b45309!important;animation:breatheBadge 2s ease-in-out infinite}@keyframes breatheBadge{0%,to{background-color:#fef3c7;opacity:1;transform:scale(1);box-shadow:0 0 #f59e0b33}50%{background-color:#fcd34d;opacity:1;transform:scale(1.05);box-shadow:0 0 8px 2px #f59e0b4d}}.status-badge.Success,.status-badge.success{background-color:#d1fae5!important;color:#047857!important}.status-badge.Failed,.status-badge.failed{background-color:#fee2e2!important;color:#dc2626!important}body.dark-mode .status-badge.Initializing,body.dark-mode .status-badge.initializing{background-color:#dbeafe4d!important;color:#93c5fd!important}body.dark-mode .status-badge.Waiting,body.dark-mode .status-badge.waiting{background-color:#e5e7eb4d!important;color:#9ca3af!important}body.dark-mode .status-badge.Running,body.dark-mode .status-badge.running{background-color:#fef3c74d!important;color:#fcd34d!important;animation:breatheBadgeDark 2s ease-in-out infinite}@keyframes breatheBadgeDark{0%,to{background-color:#fef3c74d;opacity:1;transform:scale(1)}50%{background-color:#fcd34d80;opacity:1;transform:scale(1.1)}}body.dark-mode .status-badge.Success,body.dark-mode .status-badge.success{background-color:#d1fae54d!important;color:#6ee7b7!important}body.dark-mode .status-badge.Failed,body.dark-mode .status-badge.failed{background-color:#fee2e24d!important;color:#fca5a5!important}.result-page-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden}.fixed-status-area{padding:1.5rem 4rem 0;padding-right:calc(4rem + 6px);background-color:var(--main-bg);z-index:10;flex-shrink:0;width:100%;box-sizing:border-box;overflow:visible}.output-section.section-box:hover,.statistics-section.section-box:hover{border-color:var(--border-color);box-shadow:none;background-color:#fafafa!important}body.dark-mode .output-section.section-box:hover,body.dark-mode .statistics-section.section-box:hover{box-shadow:none;border-color:var(--border-color);background-color:#242424!important}.result-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 4rem;display:flex;flex-direction:column;gap:1.5rem;scrollbar-gutter:stable}.result-content-scroll>*+*{margin-top:.1rem}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.01rem;min-height:2rem;height:2rem;gap:1rem}.status-section .section-header-row{margin-bottom:.05rem}.section-header-row .section-title-with-dot{flex:0 0 auto}.section-header-row .status-badge{flex:0 0 auto;margin-left:auto}.section-header-row .download-btn{flex:0 0 auto}.section-title-with-dot{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;min-height:1.5rem;height:1.5rem;white-space:nowrap}.status-panels{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.retrieval-panel{background-color:#f9fafb;border-radius:8px;padding:1.25rem;border:.5px solid #E5E7EB;display:flex;flex-direction:column;overflow:hidden}.panel-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;min-height:1.5rem;height:1.5rem}.panel-title .status-dot-indicator{flex-shrink:0}.panel-title>span:last-child{white-space:nowrap}.retrieval-content{background-color:#fff;border-radius:6px;padding:1rem 4rem 4rem;border:1px solid #E5E7EB;border-left:3px solid var(--primary-color);height:230px;max-height:350px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;flex-shrink:0}.round-label{font-size:.85rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem;margin-top:0}.round-label:not(:first-child){margin-top:1.5rem}.query-text{font-size:.8rem;color:var(--text-secondary);line-height:1.5;word-break:break-word;margin-bottom:0}.progress-panel{background-color:#f9fafb;border-radius:8px;padding:1.25rem;border:.5px solid #E5E7EB}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.progress-card{background-color:#fff;border-radius:6px;padding:1rem;border:1px solid #E5E7EB;text-align:center}.progress-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;min-height:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:flex-start;text-align:center;line-height:1.3;gap:.5rem;padding:0 .5rem;position:relative}.progress-label span{flex:1;text-align:left}.progress-label .progress-icon{flex-shrink:0;width:28px;height:28px;min-width:28px;max-width:28px;color:var(--primary-color);display:block;transition:transform .3s ease}.progress-icon.icon-rotate{animation:iconRotate 2s linear infinite}.progress-icon.icon-pulse{animation:iconPulse 1.5s ease-in-out infinite}.progress-icon.icon-bounce{animation:iconBounce 1.2s ease-in-out infinite}.progress-icon.icon-shake{animation:iconShake 1s ease-in-out infinite}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes iconShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-2deg)}75%{transform:translate(2px) rotate(2deg)}}.progress-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.output-section{flex:0 0 auto;display:flex;flex-direction:column;height:500px;margin-top:.1rem;margin-bottom:1.5rem}.output-section.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;margin:0;border-radius:0;background-color:var(--main-bg);padding:1.5rem 2rem;box-sizing:border-box;overflow:hidden}body.dark-mode .output-section.fullscreen-mode{background-color:var(--main-bg)}.output-section .section-header-row{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:100}.relevance-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:6px;background-color:#fff;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:2.5rem;min-height:2.5rem;max-height:2.5rem;width:9rem;min-width:9rem;max-width:9rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}.fullscreen-btn{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;background-color:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;max-width:2.5rem;flex-shrink:0}.fullscreen-btn svg{width:18px;height:18px;min-width:18px;max-width:18px;flex-shrink:0;display:block}body.dark-mode .relevance-btn{background-color:#1a1a1a;border-color:#333;color:#a0a0a0}body.dark-mode .relevance-btn:hover{background-color:#242424;border-color:var(--primary-color);color:var(--primary-color)}body.dark-mode .relevance-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}body.dark-mode .fullscreen-btn{background-color:#1a1a1a;border-color:#333;color:#a0a0a0}body.dark-mode .fullscreen-btn:hover{background-color:#242424;border-color:var(--primary-color);color:var(--primary-color)}.download-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;box-sizing:border-box;height:2.5rem;min-height:2.5rem;max-height:2.5rem}.status-section .stop-btn{width:8.5rem;min-width:8.5rem;max-width:8.5rem;padding:.5rem .75rem;background-color:#ef4444;height:2.5rem;min-height:2.5rem;max-height:2.5rem}.status-section .stop-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.status-section .download-btn:active{transform:translateY(0)}.output-section .download-btn{width:8.5rem;min-width:8.5rem;max-width:8.5rem}.download-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 85%,black);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgba),.3)}.download-btn:active{transform:translateY(0)}.download-btn svg{font-size:1.1rem;width:18px;height:18px;min-width:18px;max-width:18px;flex-shrink:0;display:block}.status-section .stop-btn svg{font-size:1.1rem;width:18px;height:18px;min-width:18px;max-width:18px;flex-shrink:0;display:block}.status-section .download-btn{width:8.5rem;min-width:8.5rem;max-width:8.5rem;padding:.5rem .75rem;height:2.5rem;min-height:2.5rem;max-height:2.5rem}.status-section .stop-btn span,.status-section .download-btn span,.output-section .download-btn span{width:5rem;min-width:5rem;max-width:5rem;text-align:center;flex-shrink:0;box-sizing:border-box;display:inline-block}.stop-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.stop-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 85%,black);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-rgba),.3)}.stop-btn:active{transform:translateY(0)}.stop-btn svg{font-size:1.1rem}.table-wrapper{flex:1;position:relative;overflow:hidden;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;max-height:670px}.table-wrapper.fullscreen-table{max-height:calc(100vh - 100px);height:calc(100vh - 120px);min-height:calc(100vh - 120px)}.table-container{width:100%;overflow-y:auto;overflow-x:auto;display:block;flex:1}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.result-table{width:auto;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;table-layout:auto;display:table}.result-table thead{position:sticky;top:0;z-index:20;display:table-header-group}.result-table thead tr{display:table-row}.result-table tbody{display:table-row-group}.result-table th{background-color:#f3f4f6;color:#374151;font-weight:600;padding:.75rem 1rem;text-align:left;border-bottom:2px solid #E5E7EB;border-right:1px solid #E5E7EB;white-space:nowrap;box-sizing:border-box;line-height:1.3;vertical-align:middle}.result-table th:last-child{border-right:none}.result-table td{padding:.75rem 1rem;border-bottom:1px solid #E5E7EB;border-right:1px solid #E5E7EB;color:#4b5563;vertical-align:middle;background-color:#fff;box-sizing:border-box;text-align:left;line-height:1.5}.result-table td:last-child{border-right:none}.result-table td:first-child{position:sticky;left:0;z-index:10;background-color:#fff;font-weight:600;color:#111;text-align:center}.result-table tbody tr:hover td{background-color:#f9fafb}.result-table tbody tr:hover td:first-child{background-color:#f3f4f6}.col-序号,.col-action{width:60px;text-align:center}.cell-content{line-height:1.5;white-space:normal;word-break:break-word;display:block}.cell-content.cell-nowrap{white-space:nowrap;width:auto}.action-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.action-btn:hover{background-color:#f3f4f6;color:var(--primary-color)}@media (max-width: 1000px){.status-panels{grid-template-columns:1fr}}@media (max-width: 900px){.fixed-status-area,.result-content-scroll{padding:1rem 1.5rem!important}.status-section .section-header-row{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;height:auto!important;min-height:auto!important;margin-bottom:.75rem!important}.status-section .section-header-row .section-title-with-dot{grid-column:1 / span 3!important;margin:0 0 10px!important}.status-section .section-header-row .status-badge{grid-column:1!important;margin:0!important}.status-section .section-header-row .stop-btn,.status-section .section-header-row .download-btn{grid-column:3!important;margin:0!important}.status-section .stop-btn,.status-section .download-btn{width:auto!important;min-width:5rem!important;max-width:none!important;padding:.5rem .75rem!important}.status-section .stop-btn span,.status-section .download-btn span{width:auto!important;min-width:auto!important;max-width:none!important}.progress-grid{grid-template-columns:1fr 1fr}.side-nav-btn-left{left:.5rem}.output-section .section-header-row{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;height:auto!important;min-height:auto!important;justify-content:start!important}.output-section .section-header-row .section-title-with-dot{grid-column:1 / span 2!important;margin:0 0 5px!important;justify-content:flex-start!important;width:100%}.output-section .section-header-row .relevance-buttons{grid-column:1!important;width:100%;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:2px;min-width:0;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-left:0!important;-ms-overflow-style:none;scrollbar-width:none}.output-section .section-header-row .relevance-buttons::-webkit-scrollbar{display:none}.output-section .section-header-row .fullscreen-btn{grid-column:2!important}}.statistics-section{margin-top:.1rem}.statistics-section .section-title-with-dot{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr}}@media (max-width: 500px){.jcr-chart-container{flex-direction:column;gap:1.5rem}.pie-chart-wrapper{width:150px;height:150px}.pie-center{width:80px;height:80px;min-height:80px;max-height:80px;gap:.2rem}.pie-total{font-size:1.4rem;height:1.4rem;min-height:1.4rem;max-height:1.4rem;line-height:1.4rem}.pie-label{font-size:.7rem;width:2.5rem;min-width:2.5rem;max-width:2.5rem;height:.9rem;min-height:.9rem;max-height:.9rem;line-height:.9rem}}.stat-card{background-color:#f9fafb;border-radius:8px;padding:1.25rem;border:1px solid #E5E7EB;min-width:0;overflow:hidden}.stat-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid #E5E7EB;min-height:2.5rem;height:auto;display:flex;align-items:center;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal}.stat-card:has(#jcrChart){display:flex;flex-direction:column}.stat-card:has(#jcrChart) #jcrChart{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.bar-chart{display:flex;flex-direction:column;gap:.75rem}.bar-item{display:flex;align-items:center;gap:.75rem}.bar-label{min-width:90px;max-width:90px;width:90px;font-size:.8rem;color:var(--text-secondary);flex-shrink:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.3}.bar-track{flex:1;height:20px;background-color:#e5e7eb;border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.bar-fill.high{background-color:var(--primary-color);opacity:1}.bar-fill.medium{background-color:var(--primary-color);opacity:.6}.bar-fill.low{background-color:var(--primary-color);opacity:.3}.bar-fill.if-high{background-color:var(--primary-color);opacity:1}.bar-fill.if-medium{background-color:var(--primary-color);opacity:.75}.bar-fill.if-low{background-color:var(--primary-color);opacity:.5}.bar-fill.if-lowest{background-color:var(--primary-color);opacity:.25}.bar-value{width:40px;font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:right}.pie-legend{display:flex;flex-direction:column;gap:.75rem}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-color.q1{background-color:var(--primary-color);opacity:1}.legend-color.q2{background-color:var(--primary-color);opacity:.75}.legend-color.q3{background-color:var(--primary-color);opacity:.5}.legend-color.q4{background-color:var(--primary-color);opacity:.3}.jcr-chart-container{display:flex;align-items:center;justify-content:center;gap:2rem;padding:.5rem 0}.pie-chart-wrapper{position:relative;width:180px;height:180px;flex-shrink:0}.pie-chart{width:100%;height:100%;transform:rotate(-90deg)}.pie-segment{fill:none;stroke-width:22;stroke-linecap:butt}.pie-segment.q1{stroke:var(--primary-color);opacity:1}.pie-segment.q2{stroke:var(--primary-color);opacity:.75}.pie-segment.q3{stroke:var(--primary-color);opacity:.5}.pie-segment.q4{stroke:var(--primary-color);opacity:.3}.pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;width:100px;height:100px;min-height:100px;max-height:100px;border-radius:50%;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:0;box-sizing:border-box}.pie-total{font-size:1.75rem;font-weight:700;color:var(--text-primary);height:1.75rem;min-height:1.75rem;max-height:1.75rem;line-height:1.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pie-label{font-size:.8rem;color:var(--text-secondary);width:3rem;min-width:3rem;max-width:3rem;height:1rem;min-height:1rem;max-height:1rem;line-height:1rem;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis}.legend-label{font-size:.85rem;font-weight:600;color:var(--text-primary);min-width:30px;max-width:30px;width:30px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;line-height:1.3}.legend-value{font-size:.85rem;color:var(--text-secondary)}.journal-list{display:flex;flex-direction:column;gap:.5rem}.journal-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .75rem;background-color:#fff;border-radius:6px;border:1px solid #E5E7EB;min-width:0}.journal-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;border-radius:50%;flex-shrink:0}.journal-name{flex:1;font-size:.85rem;color:var(--text-primary);word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;min-width:0}.journal-count{font-size:.85rem;font-weight:600;color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent);padding:.25rem .5rem;border-radius:4px;flex-shrink:0;white-space:nowrap}body.dark-mode .retrieval-panel,body.dark-mode .progress-panel{background-color:#242424;border-color:#333}body.dark-mode .retrieval-content{background-color:#1a1a1a;border:1px solid #333333;border-left:3px solid var(--primary-color)}body.dark-mode .round-label{color:var(--primary-color)}body.dark-mode .query-text{color:#b0b0b0}body.dark-mode .progress-card{background-color:#1a1a1a;border-color:#333}body.dark-mode .progress-label{color:#a0a0a0}body.dark-mode .progress-value{color:#f0f0f0}body.dark-mode .table-container::-webkit-scrollbar-track{background:#242424}body.dark-mode .table-container::-webkit-scrollbar-thumb{background:#444}body.dark-mode .table-container::-webkit-scrollbar-thumb:hover{background:#555}body.dark-mode .result-table th{background-color:#242424;color:#e0e0e0;border-bottom-color:#444;border-right-color:#444}body.dark-mode .result-table th:last-child{border-right:none}body.dark-mode .result-table td{background-color:#1a1a1a;color:#b0b0b0;border-bottom-color:#333;border-right-color:#444}body.dark-mode .result-table td:last-child{border-right:none}body.dark-mode .result-table td:first-child{background-color:#1a1a1a;color:#f0f0f0}body.dark-mode .action-btn:hover{background-color:#333;color:var(--primary-color)}body.dark-mode .stat-card{background-color:#242424;border-color:#333}body.dark-mode .stat-card-title{color:#f0f0f0;border-bottom-color:#444}body.dark-mode .bar-label{color:#b0b0b0}body.dark-mode .bar-track{background-color:#333}body.dark-mode .bar-value,body.dark-mode .legend-label{color:#f0f0f0}body.dark-mode .legend-value{color:#b0b0b0}body.dark-mode .journal-item{background-color:#1a1a1a;border-color:#333}body.dark-mode .journal-name{color:#f0f0f0}body.dark-mode .journal-count{background-color:color-mix(in srgb,var(--primary-color) 20%,transparent)}body.dark-mode .pie-center{background:#1a1a1a}body.dark-mode .pie-total{color:#f0f0f0}body.dark-mode .pie-label{color:#a0a0a0}body.dark-mode .download-btn{background-color:var(--primary-color)}body.dark-mode .download-btn:hover{background-color:color-mix(in srgb,var(--primary-color) 80%,white)}body.dark-mode .status-section .stop-btn{background-color:#ef4444}body.dark-mode .status-section .stop-btn:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef444466}.stop-confirm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn .2s ease}.stop-confirm-modal{background:#fff;border-radius:16px;width:90%;max-width:420px;box-shadow:0 20px 60px #0003;overflow:hidden}.stop-confirm-header{display:flex;flex-direction:column;align-items:center;padding:2rem 2rem 1rem;gap:1rem}.stop-confirm-icon{width:64px;height:64px;border-radius:50%;background-color:#fef3c7;display:flex;align-items:center;justify-content:center;color:#f59e0b}.stop-confirm-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;text-align:center}.stop-confirm-content{padding:0 2rem 1.5rem}.stop-confirm-message{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0;text-align:center}.stop-confirm-actions{display:flex;gap:.75rem;padding:1rem 2rem 2rem;border-top:1px solid #e5e7eb}.stop-confirm-cancel,.stop-confirm-ok{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.stop-confirm-cancel{background-color:#f3f4f6;color:#374151}.stop-confirm-cancel:hover{background-color:#e5e7eb}.stop-confirm-ok{background-color:#ef4444;color:#fff}.stop-confirm-ok:hover{background-color:#dc2626}body.dark-mode .stop-confirm-modal{background:#1f1f1f}body.dark-mode .stop-confirm-icon{background-color:#fef3c74d;color:#fcd34d}body.dark-mode .stop-confirm-title{color:#f3f4f6}body.dark-mode .stop-confirm-message{color:#9ca3af}body.dark-mode .stop-confirm-actions{border-top-color:#333}body.dark-mode .stop-confirm-cancel{background-color:#333;color:#e5e7eb}body.dark-mode .stop-confirm-cancel:hover{background-color:#404040}body.dark-mode .stop-confirm-ok{background-color:#ef4444;color:#fff}body.dark-mode .stop-confirm-ok:hover{background-color:#dc2626}.custom-select-container{position:relative;width:100%}.custom-select-container.prefix{width:auto;min-width:130px;max-width:150px;flex-shrink:0}.custom-select-container.prefix .custom-select-trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid var(--border-color, #e5e7eb);background-color:#f9fafb;height:100%;min-height:46px}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.875rem 1rem .875rem .875rem;background-color:var(--input-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:46px;line-height:1.5}.custom-select-trigger:hover{border-color:#9ca3af}.custom-select-trigger.open{background-color:#fff;border-color:var(--primary-color, #10b981);box-shadow:0 0 0 3px #10b9811a}.custom-select-value{font-size:.9rem;color:var(--text-primary, #1f2937);font-family:var(--font-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-value.placeholder{color:#9ca3af}.custom-select-arrow{color:#6b7280;margin-left:.5rem;flex-shrink:0}.custom-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:100;padding-top:4px;padding-bottom:4px;animation:fadeIn .15s ease-out;overflow:hidden}.custom-select-search{padding:8px 10px;border-bottom:1px solid var(--border-color, #f3f4f6);background-color:#fff}.search-input-wrapper{display:flex!important;align-items:center!important;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:4px 10px;transition:all .2s ease;width:100%;box-sizing:border-box}.search-input-wrapper:focus-within{background-color:#fff;border-color:var(--primary-color, #10b981);box-shadow:0 0 0 2px #10b9811a}.custom-select-search .search-icon{position:static!important;color:#9ca3af;flex-shrink:0;margin-right:8px!important;pointer-events:none;transform:none!important}.custom-select-search .search-input{width:100%!important;border:none!important;background:transparent!important;padding:4px 0!important;margin:0!important;font-size:.875rem!important;color:var(--text-primary, #1f2937)!important;outline:none!important;height:auto!important;box-shadow:none!important}.custom-select-search .search-input::placeholder{color:#9ca3af}body.dark-mode .search-input-wrapper{background-color:#374151;border-color:#4b5563}body.dark-mode .search-input-wrapper:focus-within{background-color:#2a2a2a;border-color:var(--primary-color, #10b981)}body.dark-mode .search-input{color:#f3f4f6}.custom-select-list{max-height:250px;overflow-y:auto}.custom-select-option{padding:.75rem 1rem;font-size:.9rem;color:var(--text-primary, #1f2937);cursor:pointer;transition:background-color .1s;display:flex;justify-content:space-between;align-items:center}.custom-select-option:hover{background-color:#f3f4f6}.custom-select-option.selected{background-color:#10b9810d;color:var(--primary-color, #10b981);font-weight:500}.custom-select-empty{padding:1rem;text-align:center;color:#9ca3af;font-size:.875rem}.option-check{color:var(--primary-color, #10b981);margin-left:8px;flex-shrink:0}body.dark-mode .custom-select-trigger{background-color:var(--input-bg, #374151);border-color:var(--border-color, #4b5563)}body.dark-mode .custom-select-container.prefix .custom-select-trigger{background-color:var(--input-bg, #374151);border-right-color:var(--border-color, #4b5563)}body.dark-mode .custom-select-trigger.open{background-color:#1f2937}body.dark-mode .custom-select-value{color:#f3f4f6}body.dark-mode .custom-select-options{background-color:#1f2937;border-color:#4b5563;box-shadow:0 10px 15px -3px #00000080}body.dark-mode .custom-select-search{background-color:#1f2937;border-bottom-color:#374151}body.dark-mode .search-input,body.dark-mode .custom-select-option{color:#f3f4f6}body.dark-mode .custom-select-option:hover{background-color:#374151}:root{--select-bg: #ffffff;--select-border: #d1d5db;--select-text: #1f2937;--select-arrow-color: #6b7280;--select-focus-ring: rgba(59, 130, 246, .2);--select-focus-border: #3b82f6}body.dark-mode{--select-bg: #1f2937;--select-border: #374151;--select-text: #f3f4f6;--select-arrow-color: #9ca3af}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.5;color:var(--select-text);background-color:var(--select-bg);border:1px solid var(--select-border);border-radius:.5rem;box-shadow:0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}select:hover{border-color:#9ca3af}select:focus{outline:none;border-color:var(--select-focus-border);box-shadow:0 0 0 4px var(--select-focus-ring)}select:required:invalid{color:#9ca3af}option{color:var(--select-text);background-color:var(--select-bg);padding:.5rem}.input-wrapper select,.input-wrapper select:not(.country-select){-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--select-border);border-radius:8px;background-color:var(--select-bg);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.25em 1.25em!important;color:var(--select-text);font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .2s ease}.country-select,.input-wrapper .country-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;min-width:120px;max-width:140px;padding:.75rem 2rem .75rem .75rem;border:1px solid var(--select-border);border-radius:8px 0 0 8px;border-right:1px solid #e5e7eb;background-color:#f9fafb;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .5rem center!important;background-size:1em 1em!important;white-space:nowrap;text-overflow:ellipsis}body.dark-mode .country-select,body.dark-mode .input-wrapper .country-select{background-color:#1f2937;border-color:#374151;color:#f3f4f6}.input-wrapper select:focus,.country-select:focus{outline:none;border-color:var(--select-focus-border);box-shadow:0 0 0 3px var(--select-focus-ring);z-index:10}.captcha-container{display:flex;gap:1rem;align-items:center;margin-bottom:0;width:100%;justify-content:space-between}.captcha-display{position:relative;display:flex;align-items:center;gap:.5rem}.captcha-canvas{border:1px solid var(--border-color);border-radius:6px;background:#f5f5f5;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.captcha-canvas:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgba),.1);transform:translateY(-1px)}.captcha-canvas:active{transform:translateY(0);opacity:.9}.captcha-refresh{padding:6px;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.captcha-refresh:hover{opacity:.9;transform:rotate(180deg)}.captcha-input{flex:1;min-width:0;padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;font-weight:400;background:var(--input-bg);color:var(--text-primary);transition:all .2s ease}.captcha-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgba),.1)}.captcha-input.valid{border-color:#10b981;background:#10b9810d}.captcha-input.invalid{border-color:#ef4444;background:#ef44440d;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}body.dark-mode .captcha-canvas,body.dark-mode .captcha-refresh{background:#2a2a2a;border-color:#444}body.dark-mode .captcha-refresh:hover{background:var(--primary-color);border-color:var(--primary-color)}body.dark-mode .captcha-input{background:#2a2a2a;border-color:#444;color:#e0e0e0}body.dark-mode .captcha-input:focus{border-color:var(--primary-color)}.country-select{padding:.875rem 2rem .875rem .875rem;border:1px solid var(--border-color);border-right:1px solid #e5e7eb;border-top-left-radius:8px;border-bottom-left-radius:8px;font-size:.9rem;line-height:normal;height:auto;background-color:#f9fafb;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;outline:none;max-width:140px;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234b5563' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}.input-wrapper select:not(.country-select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234b5563' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 12px}.country-select{padding:.875rem 2rem .875rem .875rem;border:1px solid var(--border-color);border-right:1px solid #e5e7eb;border-top-left-radius:8px;border-bottom-left-radius:8px;font-size:.9rem;line-height:normal;height:auto;background-color:#f9fafb;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;outline:none;max-width:140px;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234b5563' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}.input-wrapper select:not(.country-select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234b5563' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 12px}:root{--auth-primary: #14b8a6;--auth-primary-hover: #0d9488;--auth-primary-rgba: 20, 184, 166;--auth-bg-start: #0d5c4f;--auth-bg-mid: #0a3d35;--auth-bg-end: #072a25}.theme-red{--auth-primary: #dc2626;--auth-primary-hover: #b91c1c;--auth-primary-rgba: 220, 38, 38;--auth-bg-start: #7f1d1d;--auth-bg-mid: #5c1515;--auth-bg-end: #3b0f0f}.theme-orange{--auth-primary: #f97316;--auth-primary-hover: #ea580c;--auth-primary-rgba: 249, 115, 22;--auth-bg-start: #9a3412;--auth-bg-mid: #6d250d;--auth-bg-end: #431709}.theme-yellow{--auth-primary: #eab308;--auth-primary-hover: #ca8a04;--auth-primary-rgba: 234, 179, 8;--auth-bg-start: #854d0e;--auth-bg-mid: #5c350a;--auth-bg-end: #3b2206}.theme-green{--auth-primary: #10b981;--auth-primary-hover: #059669;--auth-primary-rgba: 16, 185, 129;--auth-bg-start: #065f46;--auth-bg-mid: #044032;--auth-bg-end: #022c22}.theme-teal{--auth-primary: #14b8a6;--auth-primary-hover: #0d9488;--auth-primary-rgba: 20, 184, 166;--auth-bg-start: #0d5c4f;--auth-bg-mid: #0a3d35;--auth-bg-end: #072a25}.theme-blue{--auth-primary: #3b82f6;--auth-primary-hover: #2563eb;--auth-primary-rgba: 59, 130, 246;--auth-bg-start: #1e3a8a;--auth-bg-mid: #15285e;--auth-bg-end: #0c1a3d}.theme-navy{--auth-primary: #2f5385;--auth-primary-hover: #243f66;--auth-primary-rgba: 47, 83, 133;--auth-bg-start: #1e3a5f;--auth-bg-mid: #152840;--auth-bg-end: #0c1a2a}.theme-indigo{--auth-primary: #6366f1;--auth-primary-hover: #4f46e5;--auth-primary-rgba: 99, 102, 241;--auth-bg-start: #3730a3;--auth-bg-mid: #272072;--auth-bg-end: #1a1550}.theme-purple{--auth-primary: #8b5cf6;--auth-primary-hover: #7c3aed;--auth-primary-rgba: 139, 92, 246;--auth-bg-start: #5b21b6;--auth-bg-mid: #3d1680;--auth-bg-end: #2a0f5a}.auth-container{display:flex;min-height:100vh;width:100%;background-color:var(--main-bg);overflow:hidden}.auth-branding{flex:0 0 50%;background:linear-gradient(180deg,var(--auth-bg-start) 0%,var(--auth-bg-mid) 50%,var(--auth-bg-end) 100%);transition:flex .2s ease,opacity .2s ease,transform .2s ease;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:9rem 2rem 2rem;color:#fff;position:relative;overflow:hidden}.branding-content{position:relative;z-index:1;text-align:center;max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.branding-figures{width:calc(100% + 4rem);margin:-2rem -2rem 0;position:relative;animation:fadeIn .2s ease-out forwards}.branding-figures img{width:100%;height:auto;object-fit:cover;display:block;mask-image:linear-gradient(to bottom,black 0%,black 5%,rgba(0,0,0,.95) 15%,rgba(0,0,0,.85) 25%,rgba(0,0,0,.7) 35%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.3) 55%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 75%,transparent 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 5%,rgba(0,0,0,.95) 15%,rgba(0,0,0,.85) 25%,rgba(0,0,0,.7) 35%,rgba(0,0,0,.5) 45%,rgba(0,0,0,.3) 55%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.05) 75%,transparent 90%,transparent 100%)}.branding-logo-title{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:-14rem;margin-bottom:-1.5rem;position:relative;z-index:10;opacity:0;animation:fadeIn .2s ease-out forwards}.branding-logo-icon{width:auto;height:8rem;transition:height .2s ease}.branding-title{width:auto;height:12rem;transition:height .2s ease;filter:none}.branding-slogan{font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:2rem;white-space:nowrap;transition:font-size .15s ease,margin .15s ease;opacity:0;animation:fadeIn .2s ease-out forwards}.branding-features{display:flex;flex-direction:row;align-items:flex-start;gap:2.5rem;text-align:left;width:100%;max-width:850px;transition:gap .2s ease,max-width .2s ease,opacity .15s ease,visibility .15s ease}.feature-item{flex:1;min-width:180px;padding:1.5rem 1.2rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;position:relative;transition:padding .15s ease,min-width .15s ease,margin .15s ease;opacity:0;animation:fadeIn .2s ease-out forwards;overflow:visible}.feature-item:nth-child(1){animation-delay:0s}.feature-item:nth-child(2){animation-delay:0s}.feature-item:nth-child(3){animation-delay:0s}.feature-item:nth-child(2){margin-top:3rem}.feature-item:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:none;background:linear-gradient(to right,#ffffff40,#ffffff40) 0 0 / 18px 1px no-repeat,linear-gradient(to bottom,#ffffff40,#ffffff40) 0 0 / 1px 18px no-repeat,linear-gradient(to left,#ffffff40,#ffffff40) 100% 0 / 18px 1px no-repeat,linear-gradient(to bottom,#ffffff40,#ffffff40) 100% 0 / 1px 18px no-repeat,linear-gradient(to right,#ffffff40,#ffffff40) 0 100% / 18px 1px no-repeat,linear-gradient(to top,#ffffff40,#ffffff40) 0 100% / 1px 18px no-repeat,linear-gradient(to left,#ffffff40,#ffffff40) 100% 100% / 18px 1px no-repeat,linear-gradient(to top,#ffffff40,#ffffff40) 100% 100% / 1px 18px no-repeat}.feature-item h3:before{content:'"';position:absolute;top:-6px;left:-6px;font-size:2.2rem;font-family:Georgia,serif;color:#fff3;line-height:1}.feature-item:after{content:'"';position:absolute;bottom:-18px;right:-6px;font-size:2.2rem;font-family:Georgia,serif;color:#fff3;line-height:1}.feature-item h3{font-size:.95rem;font-weight:700;margin-bottom:.6rem;margin-top:0}.feature-item p{font-size:.75rem;color:#ffffffbf;line-height:1.55;text-align:left;margin-bottom:0;-webkit-hyphens:auto;word-break:break-word}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.auth-form-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:var(--main-bg);position:relative;height:100vh;overflow-y:auto;transition:flex .2s ease,padding .15s ease}.auth-form-container:before{content:"";flex:1;min-height:0}.auth-form-container:after{content:"";flex:1;min-height:0}.auth-card{width:100%;max-width:480px;padding:1.5rem;flex-shrink:0;margin:auto 0;opacity:0;animation:fadeInUp .15s ease .05s forwards}.auth-header{margin-bottom:1rem;text-align:center}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;opacity:0;animation:fadeInUp .12s ease .1s forwards}.auth-subtitle{color:var(--text-secondary);font-size:.9rem;opacity:0;animation:fadeInUp .12s ease .12s forwards}.auth-subtitle a{color:var(--auth-primary);text-decoration:none;font-weight:500;transition:color .2s}.auth-subtitle a:hover{color:var(--auth-primary-hover);text-decoration:underline}.auth-form{display:flex;flex-direction:column;gap:.75rem;opacity:0;animation:fadeInUp .15s ease .15s forwards}.form-row{display:flex;gap:.75rem}.input-group{display:flex;flex-direction:column;gap:.25rem;position:relative}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.required-mark{color:#ef4444;margin-left:.25rem}.input-group label .optional{color:var(--text-secondary);font-weight:400;font-size:.8rem;margin-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:stretch}.input-wrapper.with-prefix input{padding-left:.5rem;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.country-select{padding:.875rem 2rem .875rem .875rem;border:1px solid var(--border-color);border-right:1px solid #e5e7eb;border-top-left-radius:8px;border-bottom-left-radius:8px;font-size:.9rem;line-height:normal;height:auto;background-color:#f9fafb;color:var(--text-primary);font-family:var(--font-family);cursor:pointer;outline:none;max-width:140px;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234b5563' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}.country-select:focus{border-color:var(--auth-primary);z-index:1}.input-wrapper input,.input-wrapper select:not(.country-select){width:100%;padding:.875rem 2.5rem .875rem .875rem;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);font-size:.9rem;line-height:1.5;transition:all .2s;font-family:var(--font-family);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-wrapper select:not(.country-select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%234b5563' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px 12px}.input-wrapper select{cursor:pointer}.input-wrapper input:focus,.input-wrapper select:focus{outline:none;background-color:#fff;border-color:var(--auth-primary);box-shadow:0 0 0 3px rgba(var(--auth-primary-rgba),.1)}.input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.1rem;pointer-events:none}.input-icon.clickable{pointer-events:auto;cursor:pointer;transition:color .2s}.input-icon.clickable:hover{color:var(--text-primary)}.code-input-wrapper{display:flex;gap:.5rem}.code-input-wrapper input{flex:1}.get-code-btn{padding:0 1rem;background-color:#fff;border:1px solid var(--auth-primary);color:var(--auth-primary);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:100px}.get-code-btn:hover:not(:disabled){background-color:rgba(var(--auth-primary-rgba),.1)}.get-code-btn:disabled{border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed;background-color:#f3f4f6}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:-.25rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer}.remember-me input{width:16px;height:16px;accent-color:var(--auth-primary);cursor:pointer}.remember-me span{font-size:.9rem;color:var(--text-secondary)}.forgot-password{font-size:.9rem;color:var(--auth-primary);text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.submit-btn{margin-top:.5rem;padding:.875rem;background-color:var(--auth-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:.5rem}.submit-btn:hover{background-color:var(--auth-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--auth-primary-rgba),.25)}.divider{display:flex;align-items:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.85rem;opacity:0;animation:fadeIn .12s ease .2s forwards}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.divider span{padding:0 1rem}.wechat-login-container{display:flex;justify-content:center;margin-top:-.5rem;opacity:0;animation:fadeInUp .12s ease .22s forwards}.wechat-btn{background:none;border:none;cursor:pointer;transition:transform .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.wechat-icon-circle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--auth-primary);transition:all .2s}.wechat-svg{width:100%;height:100%}.wechat-btn:hover .wechat-icon-circle{transform:scale(1.1)}.wechat-label{font-size:.75rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .08s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.show{opacity:1;visibility:visible}.modal-content{background-color:#fff;padding:2rem;border-radius:16px;text-align:center;max-width:360px;width:90%;transform:translateY(20px);transition:transform .15s;position:relative;box-shadow:0 10px 25px #00000026}.modal-overlay.show .modal-content{transform:translateY(0)}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .2s}.close-modal:hover{background-color:#f3f4f6;color:var(--text-primary)}.qr-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.qr-placeholder{width:200px;height:200px;background-color:#f3f4f6;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px dashed #d1d5db}.qr-placeholder i{font-size:4rem;color:#d1d5db}.qr-tip{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.method-selector{display:flex;gap:.75rem;margin-bottom:1.25rem}.method-btn{flex:1;padding:.875rem 1rem;border:1.5px solid var(--border-color);border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.95rem;font-weight:500}.method-btn.active{border-color:var(--auth-primary);background-color:#fff;color:var(--auth-primary);font-weight:600;box-shadow:0 0 0 1px var(--auth-primary) inset}.method-btn:hover:not(.active){border-color:#d1d5db;background-color:#f9fafb}.method-btn i{font-size:1.5rem}.method-btn span{font-size:.9rem;font-weight:600}.login-form-wrapper,.verification-form{display:none;opacity:0}.login-form-wrapper.active,.verification-form.active{display:block;opacity:1;animation:formFadeIn .2s ease forwards}.verification-form.active{display:flex;flex-direction:column;gap:1.25rem}@keyframes formFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.theme-switcher{position:fixed;top:50%;right:20px;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:1000;padding:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 15px #0000001a}.theme-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;background-color:var(--btn-color);cursor:pointer;transition:all .2s ease;padding:0}.theme-btn:hover{transform:scale(1.2);box-shadow:0 2px 8px #0003}.theme-btn.active{border-color:#fff;box-shadow:0 0 0 2px var(--btn-color)}@media (max-width: 1400px){.auth-branding{padding-top:8rem}.branding-logo-title{margin-top:-12rem}.branding-logo-icon{height:6.5rem}.branding-title{height:10rem}.branding-slogan{font-size:1.15rem}.branding-features{gap:1.8rem;max-width:720px}.feature-item{padding:1.2rem 1rem;min-width:150px}.feature-item h3{font-size:.9rem}.feature-item p{font-size:.7rem}}@media (max-width: 1100px){.auth-branding{padding-top:6rem}.branding-logo-title{margin-top:-9rem;margin-bottom:.5rem}.branding-logo-icon{height:5rem}.branding-title{height:8rem}.branding-slogan{font-size:1.05rem;margin-bottom:2rem}.branding-features{flex-direction:column;gap:1.8rem;max-width:360px}.feature-item{min-width:auto;width:100%;padding:1.5rem 1.4rem}.feature-item:nth-child(2){margin-top:0}.feature-item h3{font-size:1rem;margin-bottom:.5rem}.feature-item p{font-size:.8rem;line-height:1.5}}@media (max-width: 1000px){.auth-branding{flex:0 0 45%}}@media (max-width: 950px){.auth-branding{flex:0 0 40%;opacity:.9}.branding-features{opacity:0;visibility:hidden}}@media (max-width: 900px){.auth-branding{flex:0 0 0%;opacity:0;overflow:hidden;padding:0;min-width:0}.auth-form-container{padding:1.5rem}.auth-card{max-width:100%;padding:1rem}}body.dark-mode .auth-container,body.dark-mode .auth-form-container{background-color:var(--main-bg)}body.dark-mode .auth-card{background-color:transparent}body.dark-mode .auth-title{color:var(--text-primary)}body.dark-mode .auth-subtitle{color:var(--text-secondary)}body.dark-mode .auth-subtitle a{color:var(--auth-primary)}body.dark-mode .input-wrapper input,body.dark-mode .input-wrapper select{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .input-wrapper input:focus,body.dark-mode .input-wrapper select:focus{background-color:var(--main-bg);border-color:var(--auth-primary)}body.dark-mode .input-group label{color:var(--text-primary)}body.dark-mode .input-icon{color:var(--text-secondary)}body.dark-mode .input-icon.clickable:hover{color:var(--text-primary)}body.dark-mode .country-select{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .country-select:focus{border-color:var(--auth-primary)}body.dark-mode .get-code-btn{background-color:var(--main-bg);border-color:var(--auth-primary);color:var(--auth-primary)}body.dark-mode .get-code-btn:hover:not(:disabled){background-color:rgba(var(--auth-primary-rgba),.1)}body.dark-mode .get-code-btn:disabled{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .remember-me span{color:var(--text-secondary)}body.dark-mode .forgot-password{color:var(--auth-primary)}body.dark-mode .method-btn{background:var(--main-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .method-btn.active{border-color:var(--auth-primary);background-color:rgba(var(--auth-primary-rgba),.05);color:var(--auth-primary)}body.dark-mode .method-btn:hover:not(.active){border-color:var(--border-color);background-color:var(--input-bg)}body.dark-mode .divider{color:var(--text-secondary)}body.dark-mode .divider:before,body.dark-mode .divider:after{background-color:var(--border-color)}body.dark-mode .wechat-label{color:var(--text-secondary)}body.dark-mode .wechat-icon-circle svg #white{display:none}body.dark-mode .modal-content{background-color:var(--main-bg);color:var(--text-primary)}body.dark-mode .close-modal{color:var(--text-secondary)}body.dark-mode .close-modal:hover{background-color:var(--input-bg);color:var(--text-primary)}body.dark-mode .qr-title{color:var(--text-primary)}body.dark-mode .qr-placeholder{background-color:var(--input-bg);border-color:var(--border-color)}body.dark-mode .qr-placeholder i,body.dark-mode .qr-tip{color:var(--text-secondary)}.task-page-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden}.content-scroll{flex:1;overflow-y:auto;padding:.2rem 4rem 3rem}.reset-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;margin-left:auto;white-space:nowrap;min-width:5rem;width:5rem;flex-shrink:0;justify-content:flex-end}.reset-btn svg{flex-shrink:0;width:18px;height:18px}.reset-btn span{width:2.5rem;min-width:2.5rem;max-width:2.5rem;text-align:left;flex-shrink:0}.reset-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.reset-btn svg{flex-shrink:0}.dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;animation:breathe 4s ease-in-out infinite}.section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;width:calc(100% - 5.5rem);min-width:10rem;max-width:calc(100% - 5.5rem);flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.search-btn{position:absolute;bottom:.75rem;right:.75rem;background-color:var(--primary-color);color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;padding:0;border-radius:50%;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:1.1rem}.search-note{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;padding-left:.5rem;height:1.25rem;min-height:1.25rem;line-height:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-form{display:grid;gap:1.5rem}.grid-form.pubmed-limits{grid-template-columns:repeat(3,1fr)}@media (max-width: 900px){.grid-form.pubmed-limits{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-form.pubmed-limits{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.85rem;color:#111;font-weight:600;height:1.25rem;min-height:1.25rem;display:flex;align-items:center;white-space:nowrap}.form-input{padding:.75rem 1rem;border-radius:8px;border:1px solid transparent;background-color:#e5e7eb;font-size:.9rem;color:var(--text-primary);transition:all .2s;width:100%}.form-input::placeholder{color:#9ca3af}.form-input:focus{outline:none;background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgba),.1)}.note-text{font-size:.75rem;color:var(--text-secondary);margin-top:1rem;height:1.25rem;min-height:1.25rem}@media (max-width: 900px){.note-text{height:auto;min-height:auto}}.slider-value{width:55px;min-width:55px;font-size:.75rem;font-weight:500;color:#111;background-color:#f3f4f6;padding:.2rem .4rem;border-radius:4px;text-align:center;flex-shrink:0}.review-mode-option{cursor:pointer;position:relative;flex:0 0 160px!important;width:160px!important;min-width:160px!important;max-width:160px!important;height:42px!important;min-height:42px!important;max-height:42px!important;box-sizing:border-box!important;margin:0!important}.review-mode-pill{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0!important;border-radius:20px;font-size:.9rem;color:var(--text-primary);background-color:#f3f4f6;transition:all .2s;border:1px solid transparent;width:100%!important;height:100%!important;box-sizing:border-box!important}.review-mode-option input:checked+.review-mode-pill{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #5b3c8840}.review-mode-desc{margin-top:1rem;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.review-mode-desc p{margin:.35rem 0}.review-mode-desc strong{color:var(--text-primary)}.status-left{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}.status-right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-primary);font-weight:500;white-space:nowrap}.status-dot.green{background-color:#10b981}.api-toggle{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;cursor:pointer;font-size:.8rem;color:var(--text-primary);font-weight:500;position:relative;height:1.5rem;min-height:1.5rem;max-height:1.5rem;width:auto;min-width:fit-content;flex-shrink:0;flex-grow:0;box-sizing:border-box}.api-toggle input{display:none}.toggle-slider{width:36px;height:20px;min-width:36px;min-height:20px;max-width:36px;max-height:20px;background-color:#d1d5db;border-radius:10px;position:relative;transition:background-color .3s;flex-shrink:0;flex-grow:0;box-sizing:border-box}.toggle-label{width:10rem;min-width:10rem;max-width:10rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;flex-grow:0;display:inline-block;box-sizing:border-box}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;background-color:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s;box-shadow:0 1px 3px #0003}.api-toggle input:checked+.toggle-slider{background-color:var(--primary-color)}.api-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.api-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic}@media (max-width: 700px){.api-config-container{flex-direction:column;align-items:flex-start;gap:.8rem}.status-left,.status-right{width:100%}.status-right{justify-content:flex-start}}body.dark-mode .fixed-search-area,body.dark-mode .content-scroll{background:transparent;z-index:1}body.dark-mode .search-box-container{--gradient-color-1: var(--primary-color);--gradient-color-2: color-mix(in srgb, var(--primary-color) 60%, white);--gradient-color-3: color-mix(in srgb, var(--primary-color) 70%, black 30%);background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3),var(--gradient-color-1)) border-box;box-shadow:0 0 25px color-mix(in srgb,var(--primary-color) 30%,transparent)}body.dark-mode .search-box-container:focus-within{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,var(--gradient-color-3),var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3)) border-box;box-shadow:0 0 40px color-mix(in srgb,var(--primary-color) 45%,transparent),0 0 80px color-mix(in srgb,var(--primary-color) 20%,transparent)}body.dark-mode .search-box-container textarea{color:#f0f0f0}body.dark-mode .search-box-container textarea::placeholder{color:#666}body.dark-mode .search-btn{background:var(--primary-color)}body.dark-mode .search-btn:hover{filter:brightness(1.1)}body.dark-mode .reset-btn{border-color:#444;color:#a0a0a0}body.dark-mode .reset-btn:hover{background-color:#333;color:#f0f0f0;border-color:#666}body.dark-mode .section-header h3{color:#f0f0f0}body.dark-mode .reset-btn{border:none;color:#a0a0a0}body.dark-mode .reset-btn:hover{background-color:#333;color:#f0f0f0}body.dark-mode .dot{background-color:var(--primary-color)}body.dark-mode .form-input{background-color:#1a1a1a;border:1px solid #444444;color:#f0f0f0}body.dark-mode .form-input::placeholder{color:#666}body.dark-mode .form-input:focus{background-color:#222;border-color:#666;box-shadow:none}body.dark-mode .form-group label{color:#f0f0f0}body.dark-mode .lang-pill{background-color:#2a2a2a;color:#f0f0f0;border:1px solid #444444}body.dark-mode .lang-option input:checked+.lang-pill{background:var(--primary-color);border-color:transparent;color:#fff}body.dark-mode .review-mode-pill{background-color:#2a2a2a;color:#f0f0f0;border:1px solid #444444}body.dark-mode .review-mode-option input:checked+.review-mode-pill{background:var(--primary-color);border-color:transparent;color:#fff}body.dark-mode .review-mode-desc{color:#a0a0a0}body.dark-mode .review-mode-desc strong,body.dark-mode .status-item,body.dark-mode .api-toggle{color:#f0f0f0}body.dark-mode .toggle-slider{background-color:#444}body.dark-mode .api-hint,body.dark-mode .note-text,body.dark-mode .search-note{color:#a0a0a0}.progress-content{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden}.fixed-status-area{padding:1.5rem 4rem;padding-right:calc(4rem + 6px);background-color:var(--main-bg);z-index:10;flex-shrink:0;width:100%;box-sizing:border-box;overflow:visible}.status-section.section-box{border-color:var(--primary-color);border-width:1px;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:1.25rem}body.dark-mode .fixed-status-area{background-color:var(--main-bg)}body.dark-mode .status-section.section-box{border-color:var(--primary-color);border-width:1px}body.dark-mode .status-section.section-box:hover{box-shadow:none;border-color:var(--primary-color)}.section-title-with-dot{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:#111;margin:0;line-height:1.4}.review-info{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;background-color:#f9fafb;border-radius:8px;min-height:48px;align-items:center}.info-item{display:flex;gap:.5rem;align-items:center;min-height:24px}.info-label{font-size:.85rem;color:#6b7280;font-weight:500;white-space:nowrap}.info-value{font-size:.85rem;color:#111;font-weight:600}.workflow-section{flex-shrink:0;margin-top:0}.workflow-node{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;background-color:#fff;border-radius:12px;border:2px solid #E5E7EB;transition:all .3s ease;position:relative;min-width:0;height:70px}.node-status{display:none}.node-title{font-size:.8rem;font-weight:600;color:#111;line-height:1.4;min-height:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-desc{display:none}.workflow-node.completed .node-status{color:#10b981}.workflow-node.running .node-status{color:var(--primary-color)}.workflow-node.running .node-status i{animation:spin 1s linear infinite}.workflow-node.pending .node-status{color:#d1d5db}.document-preview-section .section-header-row{position:relative;z-index:20}.doc-title{font-size:1.25rem;font-weight:700;color:#111;margin:0 0 .5rem}.doc-body h2{font-size:1rem;font-weight:600;color:#111;margin:1.5rem 0 .75rem}.doc-generating i{font-size:1.25rem;animation:spin 1s linear infinite}.download-btn i{font-size:1rem}body.dark-mode .node-desc{color:#a0a0a0}body.dark-mode .doc-title{color:#f0f0f0}body.dark-mode .doc-body h2{color:#f0f0f0}@media (max-width: 1200px){.workflow-node{padding:.65rem .75rem;height:60px}.node-icon{width:34px;height:34px;font-size:1.1rem}.node-title{font-size:.72rem}.workflow-arrow,.connector-arrow{font-size:1rem}}@media (max-width: 900px){.side-nav-btn{display:none!important}.progress-content,.workflow-container{padding:1rem}.workflow-node{padding:.5rem .65rem;height:54px}.node-icon{width:28px;height:28px;font-size:.95rem;border-radius:8px}.node-title{font-size:.65rem}.node-status{font-size:.75rem}.document-content{padding:1.25rem;margin:.75rem}.doc-title{font-size:1.1rem}.doc-body h2{font-size:.9rem}.doc-body h3,.doc-body p{font-size:.8rem}}@media (max-width: 700px){.review-info{flex-direction:column;gap:.75rem}.workflow-container{overflow-x:auto}.workflow-row{min-width:600px}.stop-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:2.5rem;margin-left:1rem}.stop-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.stop-btn span{white-space:nowrap}.section-header-row .status-badge{margin-left:auto}@media (max-width: 900px){.status-section .section-header-row{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;height:auto!important;margin-bottom:.75rem!important}.status-section .section-header-row .section-title-with-dot{grid-column:1 / span 3!important;margin:0 0 10px!important}.status-section .status-badge{grid-column:1!important;margin:0!important}.status-section .stop-btn{grid-column:3!important;margin:0!important}}.section-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.download-btn{width:100%;justify-content:center}}.side-nav-btn-left{left:calc(var(--sidebar-width) + 2rem);transition:left .3s cubic-bezier(.4,0,.2,1)}.alerts-intro{width:100%;max-width:1200px;margin:1rem auto 2rem;padding:2.5rem;text-align:center;border:2px solid var(--primary-color);border-radius:16px;background-color:var(--card-bg);min-height:620px}.sample-email-preview{width:100%;max-width:1200px;margin:0 auto 1rem}.alerts-intro.hidden{display:none}.intro-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center}.intro-icon svg{color:#fff}.alerts-intro h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;min-height:40px;line-height:1.2}.intro-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;min-height:52px}.intro-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;text-align:left;margin-bottom:2rem}.intro-step{display:flex;gap:1rem;padding:1rem;background-color:var(--bg-color);border-radius:12px;border:1px solid var(--border-color);min-height:110px;height:110px;align-items:flex-start}.step-number{width:32px;height:32px;min-width:32px;min-height:32px;flex-shrink:0;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step-content h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem;min-height:22px;line-height:1.4}.step-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0;min-height:40px}.intro-buttons{display:flex;gap:1rem;justify-content:center}.view-case-btn{min-width:200px;height:48px;padding:0 2rem;background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.view-case-btn:hover{background-color:var(--primary-color);color:#fff}.sample-email-preview.hidden{display:none}.hidden{display:none!important}.alerts-chat-history{display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto;padding-bottom:1rem}.chat-item{display:flex;flex-direction:column;gap:.75rem}.user-message{display:flex;justify-content:flex-end}.message-bubble{max-width:70%;padding:.875rem 1.25rem;background-color:var(--primary-color);color:#fff;border-radius:18px 18px 4px;font-size:.9rem;line-height:1.5;box-shadow:0 2px 8px rgba(var(--primary-rgba),.3)}.alert-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.confirm-btn,.preview-btn{padding:.5rem 1.25rem;background-color:transparent;border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.confirm-btn:hover,.preview-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.preview-btn{background-color:var(--bg-color)}.alerts-question-section{margin-top:auto;padding:1rem .5rem;background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.alerts-question-section.hidden{display:none}.alerts-question-section .section-header{margin-bottom:1rem;padding:0 .5rem}.alerts-question-section .search-box-container{position:relative;width:100%;box-sizing:border-box;padding:0 .5rem}.alerts-question-section textarea{width:100%;min-height:80px;padding:1rem;padding-right:60px;border:2px solid var(--border-color);border-radius:12px;font-size:.95rem;resize:none;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease;box-sizing:border-box}.alerts-question-section textarea:focus{outline:none;border-color:var(--primary-color)}.alerts-question-section .search-btn{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.alerts-question-section .search-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.alerts-question-section .search-note{margin-top:.75rem;font-size:.8rem;color:var(--text-secondary);padding:0 .5rem}.alerts-content.blur{filter:blur(8px);pointer-events:none;transition:filter .3s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background-color:#fff;border-radius:16px;width:90%;max-width:550px;box-shadow:0 25px 80px #00000059;transform:translateY(-20px) scale(.95);transition:all .3s ease}.modal-overlay.active .modal-container{transform:translateY(0) scale(1)}body.dark-mode .modal-container{background-color:#1f1f1f}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color .2s;display:flex;align-items:center;justify-content:center}.modal-body{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.form-row label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-color)}.form-input:read-only{background-color:#f3f4f6;cursor:not-allowed}.retrieval-textarea{min-height:60px;resize:none;font-family:Courier New,monospace;font-size:.85rem;line-height:1.4}.estimate-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:rgba(var(--primary-rgba),.1);border-radius:8px;color:var(--primary-color);font-size:.875rem}.estimate-info svg{flex-shrink:0}.frequency-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.freq-btn{padding:.5rem;border:1px solid var(--border-color);border-radius:20px;background-color:transparent;font-size:.8rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:center}.freq-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.freq-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.duration-options{display:flex;flex-wrap:wrap;gap:.5rem}.duration-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:20px;background-color:transparent;font-size:.8rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.duration-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.duration-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.modal-note{font-size:.8rem;color:#ef4444;margin-top:.5rem}.modal-footer{padding:1rem 2rem 1.5rem;display:flex;justify-content:center}.submit-btn{padding:.75rem 3rem;background-color:#374151;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-btn:hover{background-color:#1f2937}body.dark-mode .form-input:read-only{background-color:#333}body.dark-mode .modal-header{border-bottom-color:#333}body.dark-mode .submit-btn{background-color:#4b5563}body.dark-mode .submit-btn:hover{background-color:#6b7280}body.dark-mode .message-bubble{box-shadow:0 2px 8px #0000004d}body.dark-mode .alert-card{background-color:#242424;border-color:#333}body.dark-mode .alert-estimate{color:#a0a0a0}body.dark-mode .estimate-info{background-color:rgba(var(--primary-rgba),.15)}body.dark-mode .duration-btn,body.dark-mode .freq-btn{border-color:#444;color:#e0e0e0}body.dark-mode .alerts-question-section{background-color:#1a1a1a;border-color:#333}body.dark-mode .alerts-question-section textarea{background-color:#242424;border-color:#333;color:#f0f0f0}@media (max-width: 768px){.alerts-content{padding:1rem}.modal-container{width:95%}.modal-header,.modal-body,.modal-footer{padding-left:1.25rem;padding-right:1.25rem}.frequency-options{gap:.375rem}.freq-btn{padding:.4rem .7rem;font-size:.75rem}.intro-steps{grid-template-columns:1fr;gap:1rem}.intro-step{padding:.875rem}.step-number{width:28px;height:28px;min-width:28px;font-size:.85rem}.step-content h4{font-size:.9rem}.step-content p{font-size:.8rem}}@media (max-width: 480px){.alerts-intro{margin:1rem auto;padding:1.5rem;min-height:auto}.intro-icon{width:60px;height:60px;margin-bottom:1rem}.intro-icon svg{width:32px;height:32px}.alerts-intro h2{font-size:1.25rem;margin-bottom:.75rem;min-height:auto}.intro-desc{font-size:.875rem;margin-bottom:1.5rem;min-height:auto;line-height:1.5}.intro-steps{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.intro-step{padding:.75rem;min-height:auto;height:auto}.step-number{width:28px;height:28px;min-width:28px;min-height:28px;font-size:.85rem}.step-content{flex:1}.step-content h4{font-size:.875rem;margin-bottom:.25rem;min-height:auto;line-height:1.3}.step-content p{font-size:.75rem;line-height:1.4;min-height:auto}.intro-buttons{flex-direction:column;gap:.75rem}.view-case-btn,.start-btn{width:100%;min-width:100%;padding:.75rem 1.5rem}.alerts-question-section{padding:1.25rem!important}.alerts-question-section textarea{min-height:100px}}@media (max-width: 480px){.email-meta{height:auto!important;padding:1rem!important;gap:.75rem!important}.email-meta>div{height:auto!important;white-space:normal!important;flex-direction:column!important;align-items:flex-start!important;margin-bottom:.5rem!important}.email-meta strong{width:auto!important;margin-bottom:.25rem!important}.email-body{padding:1rem!important}.email-greeting,.email-body>p{height:auto!important;white-space:normal!important;margin-bottom:1rem!important}.article-item{padding:.75rem!important;flex-direction:column;gap:.5rem}.article-number{width:24px;height:24px;min-width:24px;font-size:.75rem;margin-bottom:.25rem}.article-content h4{height:auto!important;line-height:1.4!important;-webkit-line-clamp:3!important;line-clamp:3!important;margin-bottom:.5rem!important;font-size:1rem!important}.article-authors{height:auto!important;white-space:normal!important;line-height:1.4!important;margin-bottom:.5rem!important}.article-info{height:auto!important;white-space:normal!important;line-height:1.4!important}.article-abstract{height:auto!important;line-height:1.5!important;-webkit-line-clamp:4!important;line-clamp:4!important}.more-articles{height:auto!important;white-space:normal!important;line-height:1.4!important}.email-footer p:first-of-type,.email-unsubscribe{height:auto!important;min-height:auto!important;white-space:normal!important;line-height:1.4!important}}.alerts-question-section{width:100%!important;max-width:none!important;padding:1.25rem!important;box-sizing:border-box!important}.alerts-question-section .section-header{margin-bottom:1rem!important}.alerts-question-section .search-box-container{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.alerts-question-section textarea{width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}.alerts-question-section .search-note{margin-top:.75rem!important}.alerts-content{padding:.5rem 2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:center}.sample-email-preview{width:100%;max-width:900px;margin:0 auto 1rem}.email-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;height:48px}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:var(--bg-color);border:1px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;transition:all .2s ease}.back-btn:hover{background-color:var(--primary-color);color:#fff;transform:translate(-2px);box-shadow:0 2px 8px rgba(var(--primary-rgba),.2)}.email-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4;display:flex;align-items:center}.email-container{border:2px solid var(--primary-color);border-radius:12px;overflow:hidden}.email-meta{background-color:var(--bg-color);padding:16px 24px;border-bottom:1px solid var(--border-color);font-size:.9rem;height:168px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;overflow:hidden}.email-meta>div{margin:0;color:var(--text-secondary);height:28px;display:flex;align-items:center;white-space:nowrap;overflow:hidden}.email-meta strong{color:var(--text-primary);width:70px;display:inline-block;flex-shrink:0}.email-body{padding:1.5rem;background-color:var(--card-bg)}.email-greeting{font-size:1rem;color:var(--text-primary);height:28px;line-height:28px;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.email-body>p{color:var(--text-secondary);height:28px;line-height:28px;margin-bottom:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-item{display:flex;gap:1rem;padding:1rem;background-color:var(--bg-color);border-radius:8px;margin-bottom:1rem;border-left:3px solid var(--primary-color)}.article-number{width:28px;height:28px;min-width:28px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.article-content h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:24px;height:48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.article-authors{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-style:italic;line-height:22px;height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-journal{margin-bottom:.5rem;font-size:.9rem;color:var(--text-tertiary)}.article-info{font-size:.85rem;color:var(--text-tertiary);margin-bottom:.75rem;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-abstract{font-size:.9rem;line-height:22px;height:66px;color:var(--text-secondary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.more-articles{text-align:center;padding:1rem;color:var(--primary-color);font-weight:500;height:24px;line-height:24px;overflow:hidden}.email-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.email-footer p{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0}.email-footer p:first-of-type{min-height:42px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.email-unsubscribe{color:var(--primary-color)!important;cursor:pointer;height:22px;line-height:22px;overflow:hidden;white-space:nowrap}.sample-action{display:flex;justify-content:center;margin-top:1.5rem}.start-btn{min-width:200px;height:48px;padding:0 2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.start-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.alerts-started-content{padding:.5rem 2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 70px);overflow-y:hidden;align-items:center}.blur{filter:blur(5px);overflow:hidden}.alerts-chat-history{display:flex;flex-direction:column;gap:1.5rem;flex:1;width:100%;max-width:1200px;overflow-y:auto;padding-bottom:1rem;padding-right:1rem}.alerts-chat-history::-webkit-scrollbar{width:6px}.alerts-chat-history::-webkit-scrollbar-track{background:transparent}.alerts-chat-history::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.alerts-chat-history::-webkit-scrollbar-thumb:hover{background-color:#0003}.chat-item{display:flex;flex-direction:column;gap:1.5rem;width:100%}.user-message-container{display:flex;justify-content:flex-end;width:100%}.system-response-container{display:flex;flex-direction:column;width:100%;align-items:flex-start}.message-bubble{max-width:70%;padding:.75rem 1rem;background-color:var(--primary-color);color:#fff;border-radius:12px;font-size:.95rem;line-height:1.5;box-shadow:0 2px 5px #0000000d}.alert-card{width:auto;max-width:60%;margin:0;box-sizing:border-box;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #00000008}.alert-card-header{display:flex;justify-content:flex-end;gap:.75rem}.confirm-btn,.preview-btn{padding:.5rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-btn{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.confirm-btn:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.preview-btn{background-color:var(--bg-color);color:var(--text-primary);border:1px solid var(--border-color)}.preview-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.alert-estimate{font-size:.9rem;color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.alert-card-header{justify-content:flex-start;margin-left:-.5rem;margin-bottom:.5rem}.confirm-btn,.preview-btn{padding:.4rem 1rem;font-size:.8rem}}.alerts-question-section{width:100%;max-width:1200px;margin-top:auto;padding:1.5rem;background-color:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-sizing:border-box}.alerts-question-section .section-header{margin-bottom:1rem;padding:0}.alerts-question-section .alerts-search-box-container{--gradient-color-1: var(--primary-color);--gradient-color-2: color-mix(in srgb, var(--primary-color) 70%, white);--gradient-color-3: color-mix(in srgb, var(--primary-color) 85%, black 15%);position:relative;width:100%;box-sizing:border-box;padding:.5rem;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3),var(--gradient-color-1)) border-box;border:2px solid transparent;border-radius:12px;box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 20%,transparent);height:116px;min-height:116px;max-height:116px}body.dark-mode .alerts-question-section .alerts-search-box-container{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3),var(--gradient-color-1)) border-box}.alerts-question-section .alerts-search-box-container:focus-within{box-shadow:0 0 30px color-mix(in srgb,var(--primary-color) 35%,transparent),0 0 60px color-mix(in srgb,var(--primary-color) 15%,transparent);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--gradient-color-3),var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3)) border-box}body.dark-mode .alerts-question-section .alerts-search-box-container:focus-within{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,var(--gradient-color-3),var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3)) border-box}.alerts-question-section textarea{width:calc(100% + .35rem)!important;height:100px!important;min-height:100px!important;max-height:100px!important;padding:.5rem!important;padding-right:60px!important;border:none!important;border-radius:0!important;resize:none;background-color:transparent!important;color:var(--text-primary);font-size:1rem;font-family:var(--font-family);outline:none!important;box-sizing:border-box}.alerts-question-section textarea:focus{border:none!important;outline:none!important}.alerts-question-section .search-btn{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;z-index:10}.search-note{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;padding-left:.5rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;justify-content:center;align-items:center;z-index:100}.modal-overlay.active{display:flex}.modal-container{width:600px;max-width:90%;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.modal-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-row label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-input{padding:.75rem 1rem;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;color:var(--text-primary);outline:none}.form-input:focus{border-color:var(--primary-color)}.retrieval-textarea{resize:none;height:80px;font-family:monospace;font-size:.85rem;background-color:var(--bg-color)}.estimate-info{display:flex;align-items:center;gap:.5rem;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.75rem;background-color:rgba(var(--primary-rgba),.05);border-radius:8px}.frequency-options{display:flex;gap:.5rem;flex-wrap:wrap}.freq-btn{padding:.5rem .75rem;border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:6px;font-size:.85rem;cursor:pointer;color:var(--text-secondary)}.freq-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.freq-btn-all{font-weight:600}.duration-options{display:flex;gap:.5rem;flex-wrap:wrap}.duration-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:6px;font-size:.9rem;cursor:pointer;color:var(--text-secondary)}.duration-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.modal-note{font-size:.8rem;color:var(--text-tertiary);margin:0;font-style:italic}.submit-btn{min-width:120px;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border-radius:8px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s}.submit-btn:hover{background-color:var(--primary-hover)}.welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 70px);padding:2rem;padding-bottom:15vh;position:relative}.welcome-box{text-align:center;max-width:800px;width:100%;margin-top:20vh;position:relative;min-height:fit-content}.welcome-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;line-height:1.3;word-break:break-word;height:2.5rem;min-height:2.5rem;max-height:2.5rem}.welcome-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;height:1.75rem;min-height:1.75rem;line-height:1.75rem;overflow:hidden;white-space:nowrap}.highlight-text{color:var(--primary-color);font-weight:400}.cursor{animation:blink 1s infinite;color:var(--primary-color);font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.search-container{position:relative;max-width:750px;width:100%;margin:0 auto;z-index:100;height:3.5rem;min-height:3.5rem;max-height:3.5rem;display:flex;align-items:center}.literatureSearch-search-input{width:100%;padding:.875rem 4.5rem .875rem 1.25rem;font-size:1rem;border:2px solid var(--primary-color);border-radius:32px;outline:none;background-color:var(--main-bg);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;height:3.5rem;min-height:3.5rem;max-height:3.5rem;box-sizing:border-box;line-height:1.5}.arrow-up-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:var(--primary-color);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .2s;color:#fff;z-index:10}.arrow-up-button:hover{background-color:var(--primary-hover);transform:translateY(-50%) scale(1.05)}.arrow-up-button:active{transform:translateY(-50%) scale(.95)}.literatureSearch-search-input::placeholder{color:var(--text-secondary)}.literaturesearch-search-input:focus{border-color:var(--primary-hover);box-shadow:0 0 0 3px rgba(var(--primary-rgba),.15)}.start-search-btn{padding:.875rem 1.5rem;font-size:1rem;font-weight:500;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.start-search-btn:hover{background-color:var(--primary-hover)}.literatureSearch-footer{position:absolute;bottom:.3rem;left:50%;transform:translate(-50%);font-size:.8rem;color:#84828284}body.dark-mode .literatureSearch-search-input{background-color:var(--main-bg);border-color:var(--primary-color);color:var(--text-primary)}body.dark-mode .literatureSearch-search-input::placeholder{color:var(--text-secondary)}body.dark-mode .literatureSearch-search-input:focus{border-color:var(--primary-hover);box-shadow:0 0 0 3px rgba(var(--primary-rgba),.15)}body.dark-mode .arrow-up-button{background-color:var(--primary-color);color:#fff}body.dark-mode .arrow-up-button:hover{background-color:var(--primary-hover)}@media (max-width: 900px){.welcome-content{padding:1.5rem 1rem;padding-bottom:10vh}.welcome-box{padding:0 .5rem}.welcome-title{font-size:1.4rem;line-height:1.5;margin-bottom:.5rem;word-break:break-word;overflow-wrap:break-word}.welcome-subtitle{font-size:.95rem;height:1.5rem;min-height:1.5rem;line-height:1.5rem;margin-bottom:2rem;overflow:hidden;white-space:nowrap}.search-container{max-width:100%;padding:0 .5rem}.literatureSearch-search-input{font-size:.95rem;padding:.75rem 3.5rem .75rem 1rem}.arrow-up-button{width:36px;height:36px;right:.4rem}}@media (max-width: 600px){.welcome-content{padding:1rem .75rem;padding-bottom:8vh}.welcome-box{padding:0 .25rem}.welcome-title{font-size:1.1rem;line-height:1.6;margin-bottom:.5rem;word-break:break-word;overflow-wrap:break-word}.welcome-subtitle{font-size:.85rem;height:1.4rem;min-height:1.4rem;line-height:1.4rem;margin-bottom:1.5rem;overflow:hidden;white-space:nowrap}.search-container{padding:0 .25rem}.literatureSearch-search-input{font-size:.9rem;padding:.7rem 3.2rem .7rem .9rem}.arrow-up-button{width:32px;height:32px;right:.3rem}.start-search-btn{width:100%}}@media (max-width: 400px){.welcome-title{font-size:1rem;line-height:1.7;margin-bottom:.5rem}.welcome-subtitle{font-size:.8rem;height:1.3rem;min-height:1.3rem;line-height:1.3rem;overflow:hidden;white-space:nowrap}}.task-page-container{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;position:relative}.fixed-search-area{padding:0 4rem;background-color:var(--main-bg);z-index:10;flex-shrink:0;height:220px;min-height:220px;max-height:220px}.content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:.2rem 4rem 3rem;scrollbar-gutter:stable}.content-wrapper{max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.form-section{margin-bottom:0;width:100%;box-sizing:border-box}.search-section-wrapper{margin-bottom:.2rem;height:100%}.section-header{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-bottom:1rem;height:1.5rem;min-height:1.5rem;width:100%;position:relative}.section-box .section-header{justify-content:space-between;width:100%;display:flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;animation:breathe 4s ease-in-out infinite;flex-shrink:0}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.section-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;margin:0;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;transition:none}.search-box-container{--gradient-color-1: var(--primary-color);--gradient-color-2: color-mix(in srgb, var(--primary-color) 70%, white);--gradient-color-3: color-mix(in srgb, var(--primary-color) 85%, black 15%);position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:12px;padding:.5rem;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3),var(--gradient-color-1)) border-box;border:2px solid transparent;box-shadow:0 0 20px color-mix(in srgb,var(--primary-color) 20%,transparent);height:116px;min-height:116px;max-height:116px;box-sizing:border-box}.search-box-container:focus-within{box-shadow:0 0 30px color-mix(in srgb,var(--primary-color) 35%,transparent),0 0 60px color-mix(in srgb,var(--primary-color) 15%,transparent);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--gradient-color-3),var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3)) border-box}.search-box-container textarea{width:calc(100% + .35rem);height:100px;min-height:100px;max-height:100px;border:none;resize:none;font-family:var(--font-family);font-size:1rem;color:var(--text-primary);outline:none;background:transparent;padding-bottom:3rem;padding-right:calc(3.5rem - 1ch);margin-right:-1rem;box-sizing:border-box}.search-btn{position:absolute;bottom:.75rem;right:.75rem;background-color:var(--primary-color);color:#fff;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;padding:0;border-radius:50%;font-weight:500;cursor:pointer;transition:background-color .2s;font-size:1.1rem;z-index:100;pointer-events:auto}.search-btn:hover{background-color:var(--primary-hover)}.search-note{min-height:1.2rem;transition:none;font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;padding-left:.5rem;height:1.25rem;min-height:1.25rem;line-height:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-form{display:grid;gap:1.25rem}.grid-form.pubmed-limits,.grid-form.journal-limits{grid-template-columns:repeat(3,1fr)}.grid-form.search-settings{grid-template-columns:repeat(2,1fr);max-width:500px}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.875rem;font-weight:500;color:var(--text-secondary);min-height:1.25rem;display:flex;align-items:center;transition:none}.form-input{padding:.625rem .875rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background-color:#f9fafb;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;box-sizing:border-box;width:100%;height:42px;line-height:normal}select.form-input{padding-right:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgba),.15)}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-note{font-size:.8rem;color:var(--text-secondary);margin-top:1rem;min-height:1.2rem;transition:none}.language-options{display:flex;flex-wrap:wrap;gap:.75rem}.lang-option{cursor:pointer;position:relative;flex:0 0 calc(12.5% - .66rem);min-width:90px}.lang-name{transition:opacity .2s}@media (max-width: 1000px){.lang-option{flex:0 0 calc(25% - .6rem);min-width:80px}}@media (max-width: 700px){.lang-option{flex:0 0 calc(12.5% - .66rem);min-width:40px}.lang-name{display:none}.lang-pill{padding:.5rem;border-radius:50%;width:40px;height:40px}.lang-pill img{width:24px}}@media (max-width: 450px){.lang-option{flex:0 0 calc(12.5% - .5rem);min-width:36px}.lang-pill{width:36px;height:36px;padding:.4rem}.lang-pill img{width:20px}}.lang-option input{position:absolute;opacity:0;cursor:pointer}.lang-pill{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:20px;font-size:.9rem;color:var(--text-primary);background-color:#f3f4f6;transition:all .2s;border:1px solid transparent;width:100%}.lang-pill img{width:20px;height:auto;border-radius:2px;flex-shrink:0}.lang-option input:checked+.lang-pill{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #5b3c8840}.review-mode-options{display:flex;gap:1rem;flex-wrap:wrap}.review-mode-option{cursor:pointer}.review-mode-option input{position:absolute;opacity:0;cursor:pointer}.review-mode-pill{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:20px;font-size:.9rem;color:var(--text-primary);background-color:#f3f4f6;transition:all .2s;border:1px solid transparent}.review-mode-pill svg{flex-shrink:0}.review-mode-option input:checked+.review-mode-pill{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgba),.25)}.review-mode-option:hover .review-mode-pill{border-color:var(--primary-color)}.review-mode-note{margin-top:1rem;margin-bottom:.75rem}.review-mode-desc{margin-top:1rem;padding:1rem;background-color:var(--bg-color);border-radius:8px;border:1px solid var(--border-color)}.review-mode-desc p{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0;line-height:1.6}.review-mode-desc strong{color:var(--text-primary);font-weight:600}.api-config-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:3rem;width:100%;box-sizing:border-box}.status-left{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;width:auto}.status-right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;width:auto}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.green,.status-dot.success{background-color:#10b981}body.dark-mode .search-box-container{background:linear-gradient(var(--main-bg),var(--main-bg)) padding-box,linear-gradient(135deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3),var(--gradient-color-1)) border-box}body.dark-mode .search-box-container:focus-within{background:linear-gradient(var(--main-bg),var(--main-bg)) padding-box,linear-gradient(135deg,var(--gradient-color-3),var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-3)) border-box}body.dark-mode .search-box-container textarea{background:transparent;color:var(--text-primary)}body.dark-mode .search-box-container textarea::placeholder{color:var(--text-secondary)}.number-input{position:relative;display:flex;align-items:center}.spinners{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.spinners svg{color:var(--text-secondary);transition:color .2s;cursor:pointer}.spinners svg:hover{color:var(--primary-color)}body.dark-mode .lang-pill{background-color:#2a2a2a;color:var(--text-primary)}body.dark-mode .lang-option input:checked+.lang-pill{background-color:var(--primary-color);color:#fff}body.dark-mode .review-mode-pill{background-color:#2a2a2a;color:var(--text-primary)}body.dark-mode .review-mode-option input:checked+.review-mode-pill{background-color:var(--primary-color);color:#fff}body.dark-mode .review-mode-desc{background-color:#1a1a1a;border-color:#333}body.dark-mode .section-box{background-color:#1e1e1e!important;border-color:#333!important}body.dark-mode .section-box:hover{border-color:var(--primary-color)!important;box-shadow:0 4px 15px #0000004d!important}body.dark-mode .section-box .section-header{border-bottom-color:#333!important}body.dark-mode .section-box .section-header h3{color:#f0f0f0!important}@media (max-width: 900px){.side-nav-btn{display:none!important}.fixed-search-area{padding:0 1.5rem}.content-scroll{padding:.2rem 1.5rem 3rem}}@media (max-width: 768px){.grid-form.pubmed-limits,.grid-form.journal-limits{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.grid-form.pubmed-limits,.grid-form.journal-limits,.grid-form.search-settings{grid-template-columns:1fr}}@media (max-width: 700px){.api-config-container{flex-direction:column;align-items:flex-start;gap:.8rem}}.limits-container{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:1.5rem 1.5rem;overflow:hidden}.limit-item{flex:1 1 180px;min-width:150px;max-width:calc(33.33% - 1rem);display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.limit-item label{font-size:.8rem;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;height:1.25rem;min-height:1.25rem;max-height:1.25rem;line-height:1.25rem}.slider-row{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;width:100%}.slider-value{min-width:45px;font-size:.75rem;font-weight:500;color:#111;background-color:#f3f4f6;padding:.2rem .4rem;border-radius:4px;text-align:center;flex-shrink:0}.range-slider{position:relative;flex:1;min-width:60px;height:6px;background-color:#e5e7eb;border-radius:3px}.range-track{position:absolute;height:100%;background-color:var(--primary-color);border-radius:3px;top:0}.range-input{position:absolute;width:100%;height:6px;top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none;z-index:3}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background-color:#fff;border:2px solid var(--primary-color);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 1px 3px #00000026}.range-input::-moz-range-thumb{width:18px;height:18px;background-color:#fff;border:2px solid var(--primary-color);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 1px 3px #00000026}@media (max-width: 768px){.range-input::-webkit-slider-thumb{width:28px;height:28px;margin-top:-1px;box-shadow:0 2px 5px #0003}.range-input::-moz-range-thumb{width:28px;height:28px;box-shadow:0 2px 5px #0003}}.reset-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary);transition:color .2s}.reset-btn:hover{color:var(--primary-color)}body.dark-mode .slider-value{background-color:#2a2a2a;color:#f0f0f0}body.dark-mode .range-slider{background-color:#444}body.dark-mode .range-track{background:var(--primary-color)}body.dark-mode .range-input::-webkit-slider-thumb{background-color:#2a2a2a;border-color:var(--primary-color)}body.dark-mode .range-input::-moz-range-thumb{background-color:#2a2a2a;border-color:var(--primary-color)}body.dark-mode .limit-item label{color:#e0e0e0}@media (max-width: 768px){.limits-container{flex-direction:column;gap:1.5rem}.limit-item{width:100%;min-width:100%;max-width:100%;flex:1 1 100%}.limit-item label{white-space:normal;height:auto;max-height:none;line-height:1.4;margin-bottom:.25rem}}.nav-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding-left:.75rem;margin-bottom:.75rem}.sidebar.collapsed .nav-label{opacity:0;height:0;margin:0;overflow:hidden}.progress-content{display:flex;flex-direction:column;height:calc(100vh - 70px);overflow:hidden;background:transparent!important}.fixed-status-area{padding:1.5rem 4rem;padding-right:calc(4rem + 6px);background-color:transparent!important;z-index:10;flex-shrink:0;width:100%;box-sizing:border-box;overflow:visible}.content-wrapper{max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.status-section.section-box,.section-box{background-color:#f9fafb!important;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 12px #00000008;border-radius:16px;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:1.25rem}.status-section.section-box:hover{border-color:var(--primary-color);box-shadow:none}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;min-height:36px}.section-header-row .status-badge{margin-left:auto}.stop-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:2.5rem;margin-left:1rem}.stop-btn:hover{background-color:#dc2626;transform:translateY(-1px)}.stop-btn span{white-space:nowrap}@media (max-width: 900px){.status-section .section-header-row{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;height:auto!important;margin-bottom:.75rem!important}.status-section .section-header-row .section-title-with-dot{grid-column:1 / span 3!important;margin:0 0 10px!important}.status-section .status-badge{grid-column:1!important;margin:0!important}.status-section .stop-btn{grid-column:3!important;margin:0!important}}.section-title-with-dot{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.4}.status-dot-indicator{width:10px;height:10px;border-radius:50%;background-color:#9ca3af;flex-shrink:0}.status-dot-indicator.running{background-color:#f59e0b;animation:pulse 1.5s infinite}.status-dot-indicator.active{background-color:var(--primary-color)}.status-dot-indicator.success{background-color:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge{padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;min-width:70px;text-align:center}.status-badge.running{background-color:#fef3c7;color:#b45309}.status-badge.success{background-color:#d1fae5;color:#047857}.review-info{display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;background-color:#f9fafb;border-radius:8px;min-height:48px;align-items:center;justify-content:center}.info-item{display:flex;gap:.5rem;align-items:center}.info-label{font-size:.85rem;color:#6b7280;font-weight:500}.info-value{font-size:.85rem;color:var(--text-primary);font-weight:600}.progress-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem 4rem 3rem;display:flex;flex-direction:column;gap:1.5rem;scrollbar-gutter:stable}.progress-content-scroll .content-wrapper{max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.workflow-section{flex-shrink:0}.workflow-container{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background-color:#f9fafb;border-radius:12px}.workflow-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.5rem}.workflow-row.reverse{direction:rtl}.workflow-row.reverse>*{direction:ltr}.workflow-node{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;background-color:#fff;border-radius:12px;border:2px solid #E5E7EB;transition:all .3s ease;height:70px}.workflow-node.completed{border-color:#10b981;background-color:#f0fdf4}.workflow-node.running{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.08);box-shadow:0 0 0 4px rgba(var(--primary-rgba),.15)}.workflow-node.pending{border-color:#e5e7eb;opacity:.7}.node-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.workflow-node.completed .node-icon{background-color:#d1fae5;color:#059669}.workflow-node.running .node-icon{background-color:rgba(var(--primary-rgba),.15);color:var(--primary-color)}.workflow-node.pending .node-icon{background-color:#f3f4f6;color:#9ca3af}.node-content{flex:0 1 auto;min-width:0;text-align:center}.node-title{font-size:.8rem;font-weight:600;color:var(--text-primary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-arrow{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.25rem}.workflow-connector{display:flex;padding:.5rem 0}.workflow-connector.right{justify-content:flex-end;padding-right:calc(12.5% - 10px)}.workflow-connector.left{justify-content:flex-start;padding-left:calc(12.5% - 10px)}.connector-arrow{display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.5rem}.output-section{display:flex;flex-direction:column;min-height:400px}.table-wrapper{flex:1;position:relative;overflow:hidden;border:1px solid #E5E7EB;border-radius:8px;background-color:#fff;min-height:350px}.table-container{width:100%;height:100%;overflow:auto}.result-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.result-table thead{position:sticky;top:0;z-index:20}.result-table th{background-color:#f3f4f6;color:#374151;font-weight:600;padding:.875rem 1rem;text-align:left;border-bottom:2px solid #E5E7EB;white-space:nowrap}.result-table th:first-child{position:sticky;left:0;z-index:30;background-color:#f3f4f6}.result-table td{padding:.875rem 1rem;border-bottom:1px solid #E5E7EB;color:#4b5563;vertical-align:top;background-color:#fff}.result-table td:first-child{position:sticky;left:0;z-index:10;background-color:#f9fafb;font-weight:600;color:#111;text-align:center;border-right:1px solid #E5E7EB}.result-table tbody tr:hover td{background-color:#f3f4f6}.result-table tbody tr:hover td:first-child{background-color:#e5e7eb}.col-index{width:60px;min-width:60px}.col-journal{min-width:180px;max-width:220px}.col-date{width:120px;min-width:120px}.col-objective{min-width:250px;max-width:350px}.col-type{min-width:150px;max-width:200px}.col-method{min-width:250px;max-width:350px}.col-population{min-width:150px;max-width:200px}.col-outcome{min-width:200px;max-width:300px}.col-action{width:80px;min-width:80px;text-align:center}.action-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:1.25rem;padding:.375rem;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.action-btn:hover{color:var(--primary-color);background-color:rgba(var(--primary-rgba),.1)}.download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.download-btn svg{flex-shrink:0}.document-preview-section{flex:1;display:flex;flex-direction:column;min-height:500px}.document-preview-container{flex:1;background-color:#f9fafb;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:450px}.document-content{flex:1;padding:2rem;overflow-y:auto;background-color:#fff;margin:1rem;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-height:400px}.doc-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid #E5E7EB;margin-bottom:1.5rem}.doc-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.doc-meta{font-size:.8rem;color:#6b7280;margin:0}.doc-body h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.doc-body h3{font-size:.9rem;font-weight:600;color:#374151;margin:1rem 0 .5rem}.doc-body p{font-size:.85rem;color:#4b5563;line-height:1.7;margin:0 0 1rem;text-align:justify}.doc-generating{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#6b7280;font-size:.9rem}.doc-generating svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.dark-mode .section-title-with-dot{color:#f0f0f0}body.dark-mode .review-info{background-color:#242424}body.dark-mode .info-label{color:#a0a0a0}body.dark-mode .info-value{color:#f0f0f0}body.dark-mode .workflow-container{background-color:#242424}body.dark-mode .workflow-node{background-color:#1a1a1a;border-color:#333}body.dark-mode .workflow-node.completed{border-color:#10b981;background-color:#10b9811a}body.dark-mode .workflow-node.running{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.15)}body.dark-mode .workflow-node.completed .node-icon{background-color:#10b98133}body.dark-mode .workflow-node.running .node-icon{background-color:rgba(var(--primary-rgba),.3)}body.dark-mode .workflow-node.pending .node-icon{background-color:#333}body.dark-mode .node-title{color:#f0f0f0}body.dark-mode .workflow-arrow,body.dark-mode .connector-arrow{color:#666}body.dark-mode .table-wrapper{border-color:#333;background-color:#1a1a1a}body.dark-mode .result-table th{background-color:#242424;color:#e0e0e0;border-bottom-color:#444}body.dark-mode .result-table th:first-child{background-color:#242424}body.dark-mode .result-table td{background-color:#1a1a1a;color:#b0b0b0;border-bottom-color:#333}body.dark-mode .result-table td:first-child{background-color:#1a1a1a;color:#f0f0f0;border-right-color:#444}body.dark-mode .result-table tbody tr:hover td{background-color:#242424}body.dark-mode .result-table tbody tr:hover td:first-child{background-color:#2a2a2a}body.dark-mode .action-btn{color:#a0a0a0}body.dark-mode .action-btn:hover{color:var(--primary-color);background-color:rgba(var(--primary-rgba),.15)}body.dark-mode .document-preview-container{background-color:#242424}body.dark-mode .document-content{background-color:#1a1a1a;box-shadow:0 1px 3px #0000004d}body.dark-mode .doc-header{border-bottom-color:#333}body.dark-mode .doc-meta{color:#a0a0a0}body.dark-mode .doc-body h3{color:#d0d0d0}body.dark-mode .doc-body p{color:#b0b0b0}@media (max-width: 1200px){.workflow-node{padding:.65rem .75rem;height:60px}.node-icon{width:34px;height:34px}.node-title{font-size:.72rem}.workflow-arrow,.connector-arrow{font-size:1rem}}.relevance-buttons{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.relevance-btn{padding:.5rem 1rem;border:1px solid #E5E7EB;border-radius:6px;background-color:#fff;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:2.5rem;min-height:2.5rem;max-height:2.5rem;width:9rem;min-width:9rem;max-width:9rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}.relevance-btn:hover{background-color:#f9fafb;border-color:var(--primary-color);color:var(--primary-color)}.relevance-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.relevance-btn.active:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,black)}.fullscreen-btn{padding:.5rem;border:1px solid #E5E7EB;border-radius:6px;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;max-width:2.5rem;flex-shrink:0}.fullscreen-btn:hover{background-color:#f9fafb;border-color:var(--primary-color);color:var(--primary-color)}.fullscreen-btn svg{width:18px;height:18px;display:block}.output-section.fullscreen-mode{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;z-index:9999;margin:0!important;border-radius:0!important;background-color:#f9fafb;padding:1.5rem 2rem;box-sizing:border-box;overflow:hidden}.output-section .section-header-row{position:relative;z-index:100}.table-wrapper.fullscreen-table{height:calc(100vh - 100px)!important;flex:1}.cell-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cell-content.cell-nowrap{white-space:nowrap;-webkit-line-clamp:unset;display:block}@media (max-width: 900px){.output-section .section-header-row{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;align-items:center!important;height:auto!important;justify-content:start!important}.output-section .section-header-row .section-title-with-dot{grid-column:1 / span 2!important;margin-bottom:5px!important}.output-section .relevance-buttons{grid-column:1!important;width:100%;overflow-x:auto;padding-bottom:5px;justify-content:flex-start;min-width:0;white-space:nowrap;-webkit-overflow-scrolling:touch;margin-left:0!important}.output-section .fullscreen-btn{grid-column:2!important}}@media (max-width: 900px){.side-nav-btn{display:none!important}.progress-content-scroll{padding:1rem}.fixed-status-area{padding:1.5rem 1rem;padding-right:calc(1rem + 6px)}.workflow-container{padding:1rem;overflow-x:auto}.workflow-row{min-width:600px}}@media (max-width: 700px){.review-info{display:grid!important;grid-template-columns:1fr 1fr!important;padding:.5rem!important;background-color:transparent!important;gap:.5rem!important}.review-info .info-item{flex-direction:column!important;align-items:flex-start!important;justify-content:center;padding:.75rem!important;background-color:#fff;border:1px solid #E5E7EB;border-radius:8px;width:100%;box-sizing:border-box;gap:.25rem!important}body.dark-mode .review-info .info-item{background-color:#ffffff0d!important;border-color:#ffffff1a!important}.section-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.download-btn{width:100%;justify-content:center}}.side-nav-btn-right{right:2rem;transition:right .3s cubic-bezier(.4,0,.2,1)}.app-container:has(.sidebar.collapsed) .side-nav-btn-right{right:calc(2rem + 47px)}.side-nav-btn-left{left:max(202px,calc(25vw - 152.5px));transition:left .3s cubic-bezier(.4,0,.2,1)}.recent-files-content{padding:1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;overflow-y:auto;background:#fff;min-height:calc(100vh - 70px);-webkit-overflow-scrolling:touch}.recent-files-content>*{width:100%;max-width:1200px}.files-header{margin-bottom:.25rem}.files-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;display:inline-flex;align-items:center;gap:.75rem;letter-spacing:-.5px;height:2.5rem;min-height:2.5rem;white-space:nowrap}.files-title svg{color:var(--primary-color);flex-shrink:0;opacity:.9}.filter-card{background:#f9fafb;border-radius:16px;padding:1.5rem;box-shadow:0 2px 20px #0000000a,0 1px 3px #0000000f;border:1px solid rgba(0,0,0,.04);transition:box-shadow .3s ease;min-height:auto;height:auto;box-sizing:border-box;display:flex;align-items:center;gap:1.5rem}.filter-card:hover{box-shadow:0 4px 24px #0000000f,0 2px 6px #00000014}.filter-header{margin-bottom:0;height:auto;min-height:0;display:flex;align-items:center;flex-shrink:0}.filter-label{font-size:.9rem;font-weight:600;color:var(--text-primary);height:1.5rem;min-height:1.5rem;display:inline-block;white-space:nowrap;width:100px;min-width:100px;box-sizing:border-box}.task-type-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.task-type-btn{padding:.75rem 1.5rem;border:1.5px solid #e5e7eb;border-radius:10px;background-color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;min-height:2.75rem;max-height:2.75rem;white-space:nowrap;width:200px;min-width:200px;max-width:200px;box-sizing:border-box;flex-shrink:0}.task-type-btn:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.05);color:var(--primary-color)}.task-type-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgba),.25)}.task-type-btn.active svg{color:#fff}.task-type-btn svg{flex-shrink:0;width:18px;height:18px;min-width:18px;min-height:18px;display:block}.files-list-card{background:#f9fafb;border-radius:16px;padding:2rem;box-shadow:0 2px 20px #0000000a,0 1px 3px #0000000f;border:1px solid rgba(0,0,0,.04);transition:box-shadow .3s ease}.files-list-card:hover{box-shadow:0 4px 24px #0000000f,0 2px 6px #00000014}.files-list-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.files-count{font-size:.9rem;font-weight:600;color:var(--text-primary);height:1.5rem;min-height:1.5rem;display:flex;align-items:center;white-space:nowrap;box-sizing:border-box}.files-number{font-size:.9rem;font-weight:500;color:var(--text-secondary);height:1.5rem;min-height:1.5rem;display:inline-block;white-space:nowrap;min-width:80px;width:80px;text-align:right;box-sizing:border-box}.files-list{display:flex;flex-direction:column;gap:.875rem;min-height:200px}.file-item{display:flex;align-items:center;padding:1.25rem;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:12px;gap:1.25rem;transition:all .2s ease}.file-item:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.03);box-shadow:0 4px 12px rgba(var(--primary-rgba),.1)}.file-icon-wrapper{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgba),.1),rgba(var(--primary-rgba),.05));border-radius:10px;color:var(--primary-color)}.file-main-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.file-name{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.file-meta{display:flex;gap:1.25rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;height:1.25rem;min-height:1.25rem}.meta-item svg{flex-shrink:0;opacity:.7}.file-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:8px;background-color:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0}.action-btn:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.05);color:var(--primary-color);transform:translateY(-1px)}.action-btn.delete-btn:hover{border-color:#ef4444;background-color:#ef44441a;color:#ef4444}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);text-align:center}.empty-state svg{opacity:.3;margin-bottom:1rem}.empty-state p{font-size:.95rem;margin:0;height:1.5rem;min-height:1.5rem;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:8px;background-color:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.05);color:var(--primary-color);transform:translateY(-1px)}.page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.page-info{padding:.5rem 1.25rem;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text-primary);background-color:#fff;min-width:70px;width:70px;text-align:center;height:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center;white-space:nowrap}body.dark-mode .recent-files-content{background:linear-gradient(to bottom,#1a1a1a,#181818)}body.dark-mode .filter-card,body.dark-mode .files-list-card{background:#242424;border-color:#ffffff14;box-shadow:0 2px 20px #0000004d,0 1px 3px #0006}body.dark-mode .filter-card:hover,body.dark-mode .files-list-card:hover{box-shadow:0 4px 24px #0006,0 2px 6px #00000080}body.dark-mode .task-type-btn{background-color:#2a2a2a;border-color:#3a3a3a;color:var(--text-primary)}body.dark-mode .task-type-btn:hover{background-color:rgba(var(--primary-rgba),.1);border-color:var(--primary-color)}body.dark-mode .task-type-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}body.dark-mode .files-list-header{border-bottom-color:#3a3a3a}body.dark-mode .files-notice{background-color:rgba(var(--primary-rgba),.1);border-left-color:var(--primary-color);color:var(--text-secondary)}body.dark-mode .file-item{background-color:#2a2a2a;border-color:#3a3a3a}body.dark-mode .file-item:hover{background-color:rgba(var(--primary-rgba),.1);border-color:var(--primary-color)}body.dark-mode .file-icon-wrapper{background:linear-gradient(135deg,rgba(var(--primary-rgba),.15),rgba(var(--primary-rgba),.08))}body.dark-mode .action-btn{background-color:#2a2a2a;border-color:#3a3a3a;color:var(--text-secondary)}body.dark-mode .action-btn:hover{background-color:rgba(var(--primary-rgba),.1);border-color:var(--primary-color)}body.dark-mode .action-btn.delete-btn:hover{background-color:#ef444426;border-color:#ef4444}body.dark-mode .page-btn{background-color:#2a2a2a;border-color:#3a3a3a;color:var(--text-secondary)}body.dark-mode .page-btn:hover:not(:disabled){background-color:rgba(var(--primary-rgba),.1);border-color:var(--primary-color)}body.dark-mode .page-info{background-color:#2a2a2a;border-color:#3a3a3a;color:var(--text-primary)}body.dark-mode .empty-state{color:#888}@media (max-width: 1024px){.recent-files-content{max-width:100%}}@media (max-width: 768px){.recent-files-content{padding:1rem 1.5rem}.files-title{font-size:1.75rem}.filter-card,.files-list-card{padding:1.5rem;border-radius:12px}.file-item{flex-wrap:wrap;gap:1rem}.file-main-info{min-width:0;flex:1 1 100%}.file-actions{width:100%;justify-content:flex-end}.file-meta{width:100%}}@media (max-width: 480px){.recent-files-content{padding:1rem}.files-title{font-size:1.5rem}.filter-card,.files-list-card{padding:1.25rem}.task-type-buttons{flex-direction:column}.task-type-btn{width:100%;justify-content:center;min-width:0}.task-type-btn svg{flex-shrink:0;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;display:block!important;opacity:1!important;visibility:visible!important}.file-item{padding:1rem}.file-icon-wrapper{display:none}.files-list-header-mobile{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}}.account-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;margin:0 auto;width:100%;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.account-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;box-sizing:border-box}.account-row.three-columns{grid-template-columns:1fr 1fr 1fr}.account-row.full-width{grid-template-columns:1fr}.account-content .section-box{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0000000d;width:100%;min-width:0;box-sizing:border-box;contain:layout style;position:relative}.account-content .section-box:hover{box-shadow:0 4px 12px rgba(var(--primary-rgba),.1)}.card-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);width:100%;box-sizing:border-box;position:relative;min-height:1.5rem;flex-wrap:wrap;gap:.5rem}.section-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;color:var(--text-primary);line-height:1.5;flex:0 0 auto;min-width:0;position:relative}.section-title>span:first-of-type{flex-shrink:1;white-space:nowrap;min-width:0;display:inline-block;margin-left:28px;overflow:hidden;text-overflow:ellipsis;max-width:100%}.section-title .dot{width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;flex-shrink:0}.section-title svg{color:var(--primary-color);flex-shrink:0;width:20px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1}.card-btn{padding:.4rem .75rem;border:1px solid var(--primary-color);border-radius:6px;background-color:rgba(var(--primary-rgba),.08);color:var(--primary-color);font-size:.8rem;font-weight:500;cursor:pointer;transition:none;font-family:var(--font-family);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap;line-height:1.5;height:2rem;min-height:2rem;max-height:2rem;flex-shrink:0;width:120px;min-width:120px;max-width:120px;box-sizing:border-box;position:relative;margin-left:auto}.card-btn svg{flex-shrink:0;width:14px;height:14px;position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:1}.card-btn span{flex-shrink:0;white-space:nowrap;text-align:center;display:inline-block;width:100%;overflow:visible;text-overflow:clip;transition:none;padding-left:14px;box-sizing:border-box}.card-btn:hover{background-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgba),.4);color:#fff;border:none}.reset-password-btn{width:140px!important;min-width:140px!important;max-width:140px!important}.subscribe-now-btn{width:160px!important;min-width:160px!important;max-width:160px!important}.subscribe-now-btn span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.personal-info-card{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(var(--primary-rgba),.02) 100%);margin-top:-2rem}.personal-info-content{display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:linear-gradient(135deg,rgba(var(--primary-rgba),.06),rgba(var(--primary-rgba),.02));border-radius:12px;border:1px solid rgba(var(--primary-rgba),.1)}.profile-avatar{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:50%;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--primary-rgba),.25)}.profile-avatar svg{color:#fff}.profile-main-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.profile-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.profile-meta{display:flex;flex-wrap:wrap;gap:.75rem}.last-login-info{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);opacity:.7;margin-top:.25rem;position:relative;min-width:280px;height:1.2rem}.last-login-info svg{flex-shrink:0;opacity:.6;width:14px;height:14px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.last-login-info span{margin-left:18px;white-space:nowrap;display:inline-block;width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis}.meta-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.meta-badge:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.05);color:var(--text-primary)}.meta-badge svg{color:var(--primary-color);flex-shrink:0}.info-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:10px;transition:all .2s ease}.info-card:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.03);box-shadow:0 2px 8px rgba(var(--primary-rgba),.1)}.info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--primary-rgba),.15),rgba(var(--primary-rgba),.08));border-radius:10px;flex-shrink:0;transition:all .2s ease}.info-card:hover .info-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover))}.info-icon svg{color:var(--primary-color);transition:color .2s ease}.info-card:hover .info-icon svg{color:#fff}.info-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.info-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1rem;color:var(--text-primary);font-weight:600}.info-value-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.code-value{font-family:Courier New,monospace;font-weight:600;font-size:.95rem;color:var(--primary-color);background-color:rgba(var(--primary-rgba),.1);padding:.35rem .75rem;border-radius:6px;letter-spacing:.5px}.copy-btn{padding:.35rem .75rem;border:1px solid var(--border-color);border-radius:6px;background-color:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);display:flex;align-items:center;gap:.4rem}.copy-btn:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.05);color:var(--primary-color)}.copy-btn svg{flex-shrink:0}.login-methods-section{display:flex;flex-direction:column;gap:1rem}.section-subtitle{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.login-methods{display:flex;flex-direction:column;gap:.5rem}.method-item{display:flex;align-items:center;gap:1rem;padding:.875rem;background-color:var(--main-bg);border-radius:8px;transition:none;position:relative;width:100%;box-sizing:border-box;min-height:56px;height:56px;max-height:56px;overflow:hidden}.method-item:hover{background-color:rgba(var(--primary-rgba),.03)}.method-icon{width:32px;height:32px;min-width:32px;max-width:32px;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--primary-rgba),.1);border-radius:6px;flex-shrink:0;position:absolute;left:.875rem;top:12px;z-index:1;transition:none}.method-icon svg{width:16px;height:16px;flex-shrink:0;color:var(--primary-color)}.method-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0;margin-left:48px;margin-right:100px}.method-type{font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.method-value{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.method-value.inactive{color:var(--text-secondary);font-style:italic}.link-btn{padding:0;border:1px solid var(--border-color);border-radius:6px;background-color:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);white-space:nowrap;position:absolute;right:.875rem;top:8px;width:85px;height:2rem;min-width:85px;max-width:85px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0;z-index:1;overflow:hidden}.link-btn span,.link-btn{text-overflow:ellipsis;overflow:hidden}.link-btn:hover{background-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgba),.4);color:#fff;border:none}.link-btn.primary{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.1);color:var(--primary-color)}.link-btn.primary:hover{background-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgba),.4);color:#fff;border:none}.wallet-content{display:flex;flex-direction:column;gap:1rem}.total-balance-card{display:flex;align-items:center;gap:.875rem;padding:1rem;background:linear-gradient(135deg,rgba(var(--primary-rgba),.08),rgba(var(--primary-rgba),.03));border:1px solid rgba(var(--primary-rgba),.2);border-radius:10px}.balance-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:10px;flex-shrink:0;box-shadow:0 2px 8px rgba(var(--primary-rgba),.2)}.balance-icon svg{color:#fff}.balance-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.balance-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.balance-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);line-height:1.2}.balance-details{display:flex;flex-direction:column;gap:.5rem}.balance-item{display:flex;align-items:center;gap:.625rem;padding:.625rem;background-color:var(--main-bg);border-radius:8px;transition:background-color .2s ease}.balance-item:hover{background-color:rgba(var(--primary-rgba),.03)}.balance-icon-small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.balance-icon-small.gift{background-color:#ec48991a}.balance-icon-small.gift svg{color:#ec4899}.balance-icon-small.reward{background-color:#fbbf241a}.balance-icon-small.reward svg{color:#fbbf24}.balance-icon-small.topup{background-color:rgba(var(--primary-rgba),.1)}.balance-icon-small.topup svg{color:var(--primary-color)}.balance-label-small{flex:1;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.balance-value-small{font-size:.95rem;font-weight:600;color:var(--text-primary)}.alerts-subscription-content{display:flex;flex-direction:column;gap:1rem;min-height:300px;position:relative}.alerts-content-wrapper{min-height:360px}.alerts-list{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;padding-bottom:16px;min-height:280px}.alert-item{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;padding:.75rem 1rem;width:100%;box-sizing:border-box;min-height:80px;display:flex;flex-direction:column;align-items:stretch}.alert-item:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.03)}.alert-item-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;box-sizing:border-box;min-width:0}.alert-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.alert-item-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0;justify-content:center;width:100%;box-sizing:border-box}.alert-item-topic{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;flex-shrink:1;transition:none}.alert-item-dates{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-secondary);width:100%;min-width:0;transition:none;min-height:1.25rem}.alert-date-label{font-weight:500;color:var(--text-secondary);min-width:70px;width:auto;flex-shrink:0;white-space:nowrap;text-align:left}.alert-date-value{color:var(--text-primary);flex-shrink:0;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.alert-date-separator{margin:0 .25rem;color:var(--text-secondary);flex-shrink:0}.alert-expand-btn{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;max-width:32px;height:32px;padding:0;border:1px solid var(--border-color);border-radius:6px;background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.alert-expand-btn:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.1);color:var(--primary-color)}.alert-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;max-width:32px;height:32px;padding:0;border:1px solid var(--border-color);border-radius:6px;background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.alert-delete-btn:hover{border-color:#ef4444;background-color:#ef44441a;color:#ef4444}.alert-detail-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.alert-detail-modal{background-color:#fff;border-radius:12px;border:2px solid #E5E7EB;box-shadow:0 25px 80px #00000080,0 0 0 1px #0000001a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .2s ease-out;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.alert-detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.alert-detail-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.alert-detail-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.alert-detail-modal-close:hover{background-color:var(--border-color);color:var(--text-primary)}.alert-detail-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.alert-detail-modal-row{display:flex;align-items:flex-start;gap:1rem;width:100%;box-sizing:border-box}.alert-detail-modal-label{font-size:.9rem;font-weight:500;color:var(--text-secondary);min-width:120px;width:120px;max-width:120px;flex-shrink:0;white-space:nowrap}.alert-detail-modal-value{font-size:.9rem;color:var(--text-primary);flex:1;word-wrap:break-word;overflow-wrap:break-word;line-height:1.5}.alert-detail-modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.alert-detail-modal-delete-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #EF4444;border-radius:6px;background-color:transparent;color:#ef4444;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family)}.alert-detail-modal-delete-btn:hover{background-color:#ef4444;color:#fff}body.dark-mode .alert-detail-modal-backdrop{background-color:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.dark-mode .alert-detail-modal{background-color:#2a2a2a;box-shadow:0 25px 80px #000000e6,0 0 0 1px #ffffff26 inset;border:2px solid rgba(255,255,255,.15)}body:not(.dark-mode) .alert-detail-modal-backdrop{background-color:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body:not(.dark-mode) .alert-detail-modal{background-color:#fff;box-shadow:0 25px 80px #00000080,0 0 0 1px #00000026;border:2px solid #D1D5DB}.alerts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem;min-height:300px}.alerts-empty svg{color:var(--text-secondary);opacity:.5;flex-shrink:0}.alerts-empty p{font-size:.9rem;color:var(--text-secondary);min-height:1.5rem;line-height:1.5;margin:0}.subscribe-btn{padding:.5rem 1.25rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--text-secondary);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);white-space:nowrap;width:160px;min-width:160px;max-width:160px;height:2.5rem;min-height:2.5rem;max-height:2.5rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.subscribe-btn:hover{background-color:var(--text-secondary);border-color:var(--border-color);opacity:.8;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.alerts-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0;margin-top:auto;height:48px;min-height:48px;max-height:48px;box-sizing:border-box;position:absolute;bottom:0;left:0;right:0;width:100%}body.dark-mode .alert-delete-btn:hover{background-color:#ef444433}.invitation-content{display:flex;flex-direction:column;gap:1rem;min-height:300px;position:relative}.invite-tip-below-header{display:flex;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:400;color:var(--text-secondary);line-height:1.5;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.invite-tip-below-header svg{flex-shrink:0;color:var(--primary-color);opacity:.7;width:16px;height:16px}.invite-tip-in-header{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:400;color:var(--text-secondary);line-height:1.5;flex:0 1 auto;margin-left:.5rem;overflow:hidden;min-width:0;flex-shrink:1;max-width:100%}.invite-tip-in-header svg{flex-shrink:0;color:var(--primary-color);opacity:.7;width:16px;height:16px}.invite-tip-in-header span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.invite-tip{display:flex;align-items:center;gap:.4rem;margin-left:.75rem;font-size:.85rem;font-weight:400;color:var(--text-secondary);line-height:1.5;flex-shrink:0;white-space:nowrap;position:relative;min-width:280px}.invite-tip svg{flex-shrink:0;color:var(--primary-color);opacity:.7;width:16px;height:16px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.invite-tip span{flex-shrink:0;white-space:nowrap;margin-left:20px;display:inline-block;width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.total-balance-header{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:400;color:var(--text-secondary);line-height:1.5;flex-shrink:0;white-space:nowrap;margin:0 1rem}.balance-label-header{color:var(--text-secondary);font-weight:400}.balance-value-header{color:var(--primary-color);font-weight:600}.invite-friends-btn-header{background-color:rgba(var(--primary-rgba),.08);color:var(--primary-color);border:1px solid var(--primary-color);width:120px;min-width:120px;max-width:120px;display:inline-flex;align-items:center;justify-content:center;position:relative}.invite-friends-btn-header:hover{background-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgba),.4);color:#fff;border:none}.invite-friends-btn-header svg{flex-shrink:0;width:14px;height:14px;position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:1}.invite-friends-btn-header span{flex-shrink:0;white-space:nowrap;text-align:center;display:inline-block;width:100%;overflow:visible;text-overflow:clip;transition:none;padding-left:14px;box-sizing:border-box}.subscribe-btn-header{background-color:rgba(var(--primary-rgba),.08);color:var(--primary-color);border:1px solid var(--primary-color);width:120px;min-width:120px;max-width:120px;display:inline-flex;align-items:center;justify-content:center;position:relative}.subscribe-btn-header:hover{background-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgba),.4);color:#fff;border:none}.subscribe-btn-header svg{flex-shrink:0;width:14px;height:14px;position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:1}.subscribe-btn-header span{flex-shrink:0;white-space:nowrap;text-align:center;display:inline-block;width:100%;overflow:visible;text-overflow:clip;transition:none;padding-left:14px;box-sizing:border-box}.invitation-content-wrapper{min-height:360px}.invitation-list{display:flex;flex-direction:column;gap:.5rem;width:100%;box-sizing:border-box;padding-bottom:16px}.invite-item{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;padding:.75rem 1rem;width:100%;box-sizing:border-box;min-height:80px;display:flex;align-items:center}.invite-item:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.03)}.invite-item-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;width:100%;box-sizing:border-box}.invite-item-content>*:last-child{width:100px;min-width:100px;max-width:100px;display:flex;justify-content:flex-end;flex-shrink:0}.invite-item-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0;justify-content:center}.invite-item-name{font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-item-email{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-item-meta{display:flex;align-items:center;gap:0;flex-shrink:0;width:100px;min-width:100px;max-width:100px;justify-content:flex-end}.invite-item-date{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;width:100%;text-align:right}.invitation-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:1rem}.invitation-empty svg{color:var(--text-secondary);opacity:.5}.invitation-empty p{font-size:.9rem;color:var(--text-secondary);margin:0}.invitation-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0;margin-top:auto;height:48px;min-height:48px;max-height:48px;box-sizing:border-box;position:absolute;bottom:0;left:0;right:0;width:100%}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.05);color:var(--primary-color)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.85rem;color:var(--text-secondary);min-width:60px;text-align:center}.usage-controls{display:flex;gap:.75rem;align-items:baseline;flex-shrink:0;margin-left:auto}.month-select-wrapper{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--card-bg);transition:border-color .2s ease;line-height:1.5;height:fit-content;flex-shrink:0}.month-select-wrapper svg{flex-shrink:0;width:16px;height:16px}.month-select-wrapper:hover{border-color:var(--primary-color)}.month-select{border:none;background:none;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font-family);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:auto;padding-right:1.75rem;white-space:nowrap;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chart-box{padding:1rem;background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:8px;transition:border-color .2s ease}.chart-box:hover{border-color:var(--primary-color)}.chart-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.chart-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.chart-value{font-size:1.5rem;font-weight:700;line-height:1.2}.chart-value.consumption-value{color:var(--primary-color)}.chart-value.tokens-value{color:var(--primary-color);opacity:.7}.chart-box canvas{width:100%!important;height:150px!important}body.dark-mode .account-content .section-box{background-color:#1e1e1e!important;border-color:#333!important;box-shadow:0 1px 3px #0003}body.dark-mode .account-content .section-box:hover{box-shadow:0 4px 12px #0000004d}body.dark-mode .card-header{border-bottom-color:#333!important}body.dark-mode .section-title{color:#f0f0f0!important}body.dark-mode .profile-name{color:#fff!important}body.dark-mode .meta-badge{background-color:#2a2a2a!important;color:#a0a0a0!important}body.dark-mode .last-login-info{color:#a0a0a0!important}body.dark-mode .info-item,body.dark-mode .method-item,body.dark-mode .balance-item{background-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .info-item:hover,body.dark-mode .method-item:hover,body.dark-mode .balance-item:hover{background-color:rgba(var(--primary-rgba),.15)!important;border-color:var(--primary-color)!important}body.dark-mode .info-label,body.dark-mode .method-type,body.dark-mode .balance-label-small{color:#a0a0a0!important}body.dark-mode .info-value,body.dark-mode .method-value,body.dark-mode .balance-value-small,body.dark-mode .balance-value-header{color:#fff!important}body.dark-mode .method-value.inactive{color:#666!important}body.dark-mode .alert-item,body.dark-mode .invite-item{background-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .alert-item:hover,body.dark-mode .invite-item:hover{background-color:rgba(var(--primary-rgba),.1)!important;border-color:var(--primary-color)!important}body.dark-mode .alert-item-topic,body.dark-mode .invite-item-name{color:#fff!important}body.dark-mode .alert-date-label,body.dark-mode .alert-date-value,body.dark-mode .invite-item-email,body.dark-mode .invite-item-date{color:#a0a0a0!important}body.dark-mode .chart-box{background-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .chart-label{color:#a0a0a0!important}body.dark-mode .chart-value{color:#fff!important}body.dark-mode .month-select-wrapper{background-color:#2a2a2a!important;border-color:#333!important}body.dark-mode .month-select{color:#f0f0f0!important;background-color:#2a2a2a!important}body.dark-mode .invitation-empty,body.dark-mode .alerts-empty{color:#a0a0a0!important}body.dark-mode .invitation-empty svg,body.dark-mode .alerts-empty svg{color:#666!important}body.dark-mode .pagination-btn{background-color:#2a2a2a!important;border-color:#333!important;color:#f0f0f0!important}body.dark-mode .pagination-info{color:#a0a0a0!important}body.dark-mode .card-btn{background-color:rgba(var(--primary-rgba),.15)!important;color:var(--primary-color)!important;border-color:var(--primary-color)!important}body.dark-mode .card-btn:hover{background-color:var(--primary-color)!important;color:#fff!important}body.dark-mode .link-btn{background-color:#2a2a2a!important;color:#a0a0a0!important}body.dark-mode .link-btn:hover{background-color:rgba(var(--primary-rgba),.15)!important;color:var(--primary-color)!important}body.dark-mode .link-btn.primary{color:var(--primary-color)!important}@media (max-width: 1400px){.section-title>span:first-of-type{min-width:0;max-width:250px}.invite-tip-in-header{margin-left:.5rem;max-width:calc(100% - 300px)}}@media (max-width: 1200px){.section-title>span:first-of-type{max-width:200px}.invite-tip-in-header{max-width:calc(100% - 250px);font-size:.8rem}.invite-tip-in-header span{white-space:normal;word-wrap:break-word}}@media (max-width: 1024px){.account-content{padding:1.5rem}.account-row.three-columns{grid-template-columns:1fr 1fr}.section-title>span:first-of-type{max-width:180px}.invite-tip-in-header{max-width:calc(100% - 200px);margin-left:.25rem}.alert-item-dates{flex-wrap:wrap;gap:.25rem}.alert-date-label{min-width:65px;font-size:.75rem}.alert-date-value{font-size:.75rem;max-width:120px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 900px){.account-content{height:calc(100vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1rem}.account-row,.account-row.three-columns,.charts-container{grid-template-columns:1fr}.wallet-content{gap:1rem}.card-header{flex-wrap:wrap;gap:.75rem}.section-title{flex:1 1 auto;min-width:0;max-width:100%}.section-title>span:first-of-type{min-width:0;max-width:100%;margin-left:28px;overflow:hidden;text-overflow:ellipsis}.invite-tip-in-header{flex:1 1 100%;max-width:100%;margin-left:0;margin-top:.5rem;order:3}.invite-tip-in-header span{white-space:normal;word-wrap:break-word}.card-btn{width:auto;min-width:120px}.reset-password-btn,.subscribe-now-btn{width:auto!important;min-width:140px!important}.profile-header{flex-direction:column;align-items:flex-start;text-align:center}.profile-header{text-align:left}.profile-avatar{align-self:center}.profile-meta{width:100%}.balance-details{flex-direction:column;gap:.75rem}.balance-item{width:100%}.login-methods{flex-direction:column}.method-item{width:100%}}@media (max-width: 768px){.account-content{padding:.75rem;gap:1rem}.account-content .section-box{padding:1rem}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.section-title{width:100%;order:1}.section-title>span:first-of-type{margin-left:28px;font-size:.95rem}.card-btn{width:100%;min-width:100%;margin-left:0;margin-top:0;order:2}.invite-tip-in-header{order:4;width:100%;margin-left:0;margin-top:.5rem}.reset-password-btn,.subscribe-now-btn,.invite-friends-btn-header{width:100%!important;min-width:100%!important}.personal-info-card{margin-top:0}.profile-header{padding:1rem;gap:1rem}.profile-avatar{width:60px;height:60px}.profile-avatar svg{width:32px;height:32px}.profile-name{font-size:1.25rem}.profile-meta{flex-direction:column;gap:.5rem}.meta-badge{width:100%;justify-content:flex-start}.info-grid{grid-template-columns:1fr;gap:.75rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-label{min-width:auto;width:100%}.info-value{width:100%}.balance-details{gap:.5rem}.balance-item{padding:.75rem}.balance-icon-small{width:32px;height:32px}.balance-icon-small svg{width:16px;height:16px}.login-methods-section{gap:.75rem}.method-item{padding:.75rem}.method-icon{width:32px;height:32px}.method-icon svg{width:16px;height:16px}.link-btn{width:100%;justify-content:center}.alerts-list,.invitation-list{gap:.5rem;padding-bottom:60px}.alert-item,.invite-item{padding:.75rem}.alert-item-content{flex-direction:column;align-items:flex-start;gap:.75rem}.alert-item-info{width:100%}.alert-item-dates{flex-wrap:wrap;height:auto;min-height:auto;max-height:none;gap:.25rem}.alert-date-label{min-width:70px;width:auto;max-width:none}.alert-item-actions{width:100%;justify-content:flex-end;align-self:flex-end}.invite-item-content{flex-direction:column;align-items:flex-start;gap:.75rem}.invite-item-info{width:100%}.invite-item-meta{width:100%;justify-content:space-between;align-self:flex-end}.alert-item-details{margin-top:.75rem;padding-top:.75rem}.alert-detail-row{flex-direction:column;gap:.25rem}.alert-detail-label{min-width:auto;width:100%}.alert-detail-value{width:100%}.alerts-pagination,.invitation-pagination{padding:.75rem}.pagination-btn{width:32px;height:32px}.pagination-info{font-size:.8rem}.total-balance-header{order:3;width:100%;flex-direction:row;align-items:center;gap:.5rem;margin:.5rem 0 0;padding-top:.75rem;border-top:1px solid var(--border-color)}.invite-tip-in-header{flex-direction:row;align-items:center;gap:.4rem;width:100%;margin-left:0;margin-top:.5rem;order:3}.invite-tip-in-header svg{flex-shrink:0}.invite-tip-in-header span{font-size:.8rem;white-space:normal;word-wrap:break-word;overflow:visible;flex:1;min-width:0}.card-header{flex-wrap:wrap}.card-header .section-title{order:1}.card-header .card-btn{order:2}.charts-container{gap:1rem}.chart-box{padding:.75rem}.chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.chart-value{font-size:1.25rem}.chart-box canvas{height:120px!important}.month-selector{width:100%;margin-bottom:1rem}}@media (max-width: 480px){.account-content{padding:.5rem;gap:.75rem}.account-content .section-box{padding:.75rem;border-radius:8px}.card-header{padding-bottom:.75rem;margin-bottom:.75rem}.section-title{font-size:.9rem}.section-title>span:first-of-type{font-size:.9rem;margin-left:24px}.section-title svg{width:18px;height:18px}.card-btn{font-size:.75rem;padding:.35rem .6rem;height:1.75rem;min-height:1.75rem;max-height:1.75rem}.card-btn svg{width:12px;height:12px;left:.6rem}.card-btn span{padding-left:12px;font-size:.75rem}.profile-header{padding:.75rem;flex-direction:column;text-align:center}.profile-avatar{width:50px;height:50px}.profile-avatar svg{width:28px;height:28px}.profile-main-info{flex:none;width:100%;align-items:center}.profile-name{font-size:1.1rem;text-align:center}.profile-meta{gap:.4rem;justify-content:center}.meta-badge{font-size:.75rem;padding:.3rem .6rem}.meta-badge svg{width:12px;height:12px}.last-login-info{font-size:.75rem;min-width:auto;position:static;justify-content:flex-start;align-self:flex-start;width:100%}.last-login-info svg{position:static;transform:none}.last-login-info span{margin-left:0;width:auto;text-align:left}.info-item{padding:.5rem}.info-label{font-size:.8rem}.info-value{font-size:.85rem}.balance-item{padding:.5rem}.balance-label-small{font-size:.8rem}.balance-value-small{font-size:.85rem}.method-item{padding:.5rem}.method-label{font-size:.8rem}.method-value,.alert-item-topic{font-size:.85rem}.alert-item-dates{font-size:.75rem;flex-wrap:wrap;height:auto;min-height:auto;max-height:none}.alert-date-label{min-width:60px;width:auto;max-width:none;font-size:.7rem}.alert-date-value{font-size:.7rem}.alert-date-separator{margin:0 .15rem}.alert-item-actions{gap:.4rem}.alert-expand-btn,.alert-delete-btn{width:28px;min-width:28px;max-width:28px;height:28px}.alert-expand-btn svg,.alert-delete-btn svg{width:16px;height:16px}.alert-detail-label,.alert-detail-value{font-size:.8rem}.invite-item-name{font-size:.85rem}.invite-item-email{font-size:.75rem}.chart-label{font-size:.8rem}.chart-value{font-size:1.1rem}.chart-box canvas{height:100px!important}}.contact-us-container{flex:1;display:flex;flex-direction:column;padding:8px 32px 16px!important;overflow-x:hidden!important;overflow-y:auto;scrollbar-gutter:stable!important;background:transparent!important;box-sizing:border-box!important}.contact-us-content{max-width:1000px;width:100%;margin:0 auto}.app-container:has(.sidebar.collapsed) .side-nav-btn-left{left:calc(56px + .75rem)}.ticket-list-view{display:flex;flex-direction:column;gap:1rem}.ticket-list-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:1rem!important;height:40px!important}.ticket-list-title{font-size:1.75rem!important;font-weight:600!important;color:var(--text-primary);margin:0!important;display:flex!important;align-items:center!important;gap:.75rem!important;line-height:40px!important;white-space:nowrap!important}.ticket-list-title svg{color:var(--primary-color)}.ticket-list-hint{font-size:.85rem!important;color:var(--text-secondary);margin:8px 0 12px!important;line-height:20px!important;height:20px!important;display:block!important;transition:none!important}.ticket-list-actions{display:flex;gap:.75rem}.ticket-new-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:140px!important;height:40px!important;min-width:140px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:none!important;white-space:nowrap;background-color:var(--primary-color);border:none;color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgba),.25);line-height:40px!important;box-sizing:border-box!important;overflow:hidden!important}.ticket-new-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgba),.35)}.ticket-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;background:#f9fafb;border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 20px #0000000a}.ticket-empty-state svg{color:#d1d5db}.ticket-empty-state p{color:var(--text-secondary);font-size:1rem;margin:0}.ticket-list-wrapper{display:flex;flex-direction:column}.ticket-list{display:flex;flex-direction:column;gap:1rem;height:440px}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.ticket-list-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1.25rem 1.5rem!important;background:#f9fafb!important;border-radius:12px;border:1px solid rgba(0,0,0,.04);box-shadow:0 2px 12px #00000008;cursor:pointer;transition:none!important;height:96px!important;box-sizing:border-box!important}.ticket-list-item:hover{border-color:var(--primary-color);box-shadow:0 4px 16px rgba(var(--primary-rgba),.12);transform:none!important}.ticket-item-main{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.ticket-item-header{display:flex!important;align-items:center!important;gap:.75rem!important;margin-bottom:.375rem!important;height:24px!important}.ticket-number{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.75rem!important;font-weight:600!important;color:var(--primary-color);background:rgba(var(--primary-rgba),.1);width:90px!important;height:24px!important;border-radius:6px;white-space:nowrap!important;line-height:normal!important}.ticket-item-title{font-size:.95rem!important;font-weight:600!important;color:var(--text-primary);margin:0 0 .25rem!important;height:1.2rem!important;line-height:1.2rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.ticket-item-description{font-size:.85rem!important;color:var(--text-secondary);margin:0!important;height:1.1rem!important;line-height:1.1rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;max-width:450px!important}.ticket-item-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:200px!important;flex-shrink:0!important;margin-left:1rem!important;height:100%!important}.ticket-date{font-size:.8rem!important;color:var(--text-secondary);white-space:nowrap!important;width:160px!important;text-align:right!important;line-height:1!important}.ticket-arrow{color:#d1d5db!important;transition:color .2s ease!important;margin-left:.75rem!important}.ticket-list-item:hover .ticket-arrow{color:var(--primary-color)}.faq-categories{display:flex;flex-direction:column;gap:16px!important}.faq-category{border:1px solid rgba(0,0,0,.05);border-radius:12px;background:#fdfdfd;transition:none!important;box-shadow:0 2px 4px #00000005}.faq-category:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgba),.08)}.faq-category-btn{width:100%!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 1.25rem!important;background:transparent;border:none;cursor:pointer;transition:none!important;line-height:56px!important;box-sizing:border-box!important}.category-label{display:flex!important;align-items:center!important;white-space:nowrap!important;height:100%!important}.category-label span{font-size:.95rem!important;font-weight:600!important;color:var(--text-primary);display:inline-flex!important;align-items:center!important;height:20px!important;line-height:20px!important;transition:none!important}.faq-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1);color:#9ca3af}.faq-category-content{padding:.5rem 1.25rem 1.25rem!important;background:transparent;animation:slideDown .3s ease-out;max-height:240px!important;overflow-y:auto!important;scrollbar-width:thin}.faq-category-content::-webkit-scrollbar{width:6px!important}.faq-category-content::-webkit-scrollbar-track{background:transparent}.faq-category-content::-webkit-scrollbar-thumb{background:#0000001a!important;border-radius:10px}body.dark-mode .faq-category-content::-webkit-scrollbar-thumb{background:#fff3!important}@keyframes slideDown{0%{opacity:0}to{opacity:1}}.faq-item{padding:0 0 12px!important;margin:0 0 12px!important;border-bottom:1px solid #f3f4f6}.faq-item:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.faq-item h4{font-size:.9rem!important;font-weight:600!important;color:var(--text-primary);margin:0 0 8px!important;line-height:20px!important;height:20px!important;overflow:hidden;white-space:nowrap}.faq-item p{font-size:.85rem!important;color:var(--text-secondary);line-height:1.5!important;margin:0!important}.contact-us-card-right{flex:1}.card-content{display:flex;flex-direction:column;gap:28px!important}.form-row{display:flex;gap:1.25rem}.form-row .input-group{flex:1}.input-group{display:flex;flex-direction:column;gap:.625rem}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;height:1.5rem;min-height:1.5rem;white-space:nowrap}.input-group label svg{color:var(--primary-color);flex-shrink:0;opacity:.8}.required-mark{color:#ef4444;margin-left:.25rem;font-weight:600}.optional{color:var(--text-secondary);font-weight:400;font-size:.8rem;margin-left:.25rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.875rem 1.125rem;border:1.5px solid #e5e7eb;border-radius:10px;background-color:#fafbfc;color:var(--text-primary);font-size:.95rem;transition:all .2s ease;font-family:var(--font-family)}.input-wrapper input::placeholder{color:#9ca3af;opacity:.7}.input-wrapper input:hover{border-color:#d1d5db;background-color:#fff}.input-wrapper input:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgba),.08)}.textarea-wrapper{position:relative}.textarea-wrapper textarea{width:100%;padding:.875rem 1.125rem;border:1.5px solid #e5e7eb;border-radius:10px;background-color:#fafbfc;color:var(--text-primary);font-size:.95rem;font-family:var(--font-family);resize:vertical;min-height:100px;transition:all .2s ease;line-height:1.6}.textarea-wrapper textarea::placeholder{color:#9ca3af;opacity:.7}.textarea-wrapper textarea:hover{border-color:#d1d5db;background-color:#fff}.textarea-wrapper textarea:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgba),.08)}.input-helper{font-size:.8125rem;color:#6b7280;margin:0;margin-top:.25rem;padding-left:.25rem;line-height:1.4;min-height:1.125rem}.file-upload-wrapper{display:flex;flex-direction:column;gap:.625rem}.file-upload-label{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;border:1.5px dashed #d1d5db;border-radius:10px;background-color:#fafbfc;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:160px;min-width:160px;max-width:160px;height:2.75rem;min-height:2.75rem;max-height:2.75rem;white-space:nowrap;justify-content:center;box-sizing:border-box}.file-upload-label:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.04);border-style:solid}.file-upload-label svg{color:var(--primary-color);flex-shrink:0;opacity:.8}.uploaded-files-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.875rem}.uploaded-file-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.125rem;background-color:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.uploaded-file-item:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.04);transform:translate(2px)}.file-icon{display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0;opacity:.85}.file-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.file-name{font-size:.9rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.8rem;color:#6b7280}.remove-file-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .2s ease;flex-shrink:0}.remove-file-btn:hover{background-color:#ef44441a;color:#ef4444}.file-error{font-size:.8125rem;color:#ef4444;margin:0;margin-top:.25rem;padding:.5rem .75rem;background-color:#ef444414;border-radius:8px;border-left:3px solid #ef4444}.submit-btn{margin-top:.5rem;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%;min-width:120px;height:48px!important;line-height:1!important;box-shadow:0 2px 8px rgba(var(--primary-rgba),.25);white-space:nowrap}.submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgba),.35)}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(var(--primary-rgba),.25)}.form-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem}.footer-note{font-size:.8125rem;color:#6b7280;margin:0;line-height:1.6;padding-left:.5rem;position:relative;min-height:1.25rem}.footer-note:before{content:"•";position:absolute;left:0;color:var(--primary-color);opacity:.6}body.dark-mode .contact-us-container{background:linear-gradient(to bottom,#1a1a1a,#181818)}body.dark-mode .contact-us-card,body.dark-mode .ticket-list-item,body.dark-mode .ticket-empty-state,body.dark-mode .faq-category{background:#242424!important;border-color:#ffffff14!important;box-shadow:0 4px 16px #0006!important}body.dark-mode .faq-category-btn{background:transparent!important}body.dark-mode .contact-us-card:hover,body.dark-mode .ticket-list-item:hover{box-shadow:0 4px 24px #0006,0 2px 6px #00000080}body.dark-mode .faq-title,body.dark-mode .ticket-list-title,body.dark-mode .contact-us-title,body.dark-mode .ticket-item-title,body.dark-mode .faq-item h4{color:#f3f4f6!important}body.dark-mode .ticket-item-description,body.dark-mode .faq-item p,body.dark-mode .category-label span{color:#9ca3af!important}body.dark-mode .faq-category:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0006}body.dark-mode .category-icon{background:#ffffff08}body.dark-mode .faq-category-btn.active .category-icon{background:var(--primary-color)}body.dark-mode .faq-item{border-bottom-color:#ffffff0d}body.dark-mode .side-nav-btn{background-color:#8080800d;border:none;color:#a0a0a080}body.dark-mode .side-nav-btn:hover{background-color:#8080801a;color:var(--primary-color)}body.dark-mode .ticket-empty-state svg{color:#4a4a4a}body.dark-mode .ticket-number{background:rgba(var(--primary-rgba),.2)}body.dark-mode .status-pending{background-color:#b4530933;color:#fcd34d}body.dark-mode .status-completed{background-color:#04785733;color:#6ee7b7}body.dark-mode .pagination{border-top-color:#3a3a3a}body.dark-mode .pagination-btn{background:#2a2a2a;border-color:#3a3a3a;color:var(--text-primary)}body.dark-mode .pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}body.dark-mode .chat-empty{background:#2a2a2a}body.dark-mode .staff-message .chat-bubble{background:#2a2a2a;color:var(--text-primary)}body.dark-mode .user-message .chat-bubble{background:var(--primary-color);color:#fff}body.dark-mode .chat-attach-btn{background:#2a2a2a;color:var(--text-secondary)}body.dark-mode .chat-attach-btn:hover{background:rgba(var(--primary-rgba),.2);color:var(--primary-color)}body.dark-mode .chat-reply-file{background:rgba(var(--primary-rgba),.2)}body.dark-mode .chat-status-hint{background:#04785733;color:#6ee7b7}body.dark-mode .chat-input-form{border-top-color:#3a3a3a}body.dark-mode .input-wrapper input,body.dark-mode .textarea-wrapper textarea{background-color:#2a2a2a;border-color:#3a3a3a;color:var(--text-primary)}body.dark-mode .input-wrapper input::placeholder,body.dark-mode .textarea-wrapper textarea::placeholder{color:#888;opacity:.7}body.dark-mode .input-wrapper input:hover,body.dark-mode .textarea-wrapper textarea:hover{border-color:#4a4a4a;background-color:#2f2f2f}body.dark-mode .input-wrapper input:focus,body.dark-mode .textarea-wrapper textarea:focus{border-color:var(--primary-color);background-color:#2f2f2f;box-shadow:0 0 0 4px rgba(var(--primary-rgba),.15)}body.dark-mode .file-upload-label{background-color:#2a2a2a;border-color:#3a3a3a;color:var(--text-primary)}body.dark-mode .file-upload-label:hover{background-color:rgba(var(--primary-rgba),.15);border-color:var(--primary-color);border-style:solid}body.dark-mode .uploaded-file-item{background-color:#2a2a2a;border-color:#3a3a3a}body.dark-mode .uploaded-file-item:hover{border-color:var(--primary-color);background-color:rgba(var(--primary-rgba),.15)}body.dark-mode .form-footer,body.dark-mode .ticket-detail-description{border-top-color:#3a3a3a}body.dark-mode .footer-note{color:#a0a0a0}body.dark-mode .footer-note:before{color:var(--primary-color);opacity:.7}body.dark-mode .input-helper{color:#888}body.dark-mode .file-error{background-color:#ef444426;border-left-color:#ef4444}body.dark-mode .submit-btn,body.dark-mode .ticket-new-btn,body.dark-mode .chat-send-btn{background-color:var(--primary-color);color:#fff}body.dark-mode .submit-btn:hover,body.dark-mode .ticket-new-btn:hover,body.dark-mode .chat-send-btn:hover:not(:disabled){background-color:var(--primary-hover)}.ticket-new-view .contact-us-cards-wrapper{align-items:stretch!important}.ticket-new-view .contact-us-card{height:100%!important;display:flex!important;flex-direction:column!important}.ticket-new-view .card-content{flex:1!important;display:flex!important;flex-direction:column!important}.ticket-new-view .faq-categories{flex:1!important}@media (max-width: 1024px){.contact-us-cards-wrapper,.contact-us-form{flex-direction:column}.contact-us-card-left,.contact-us-card-right{flex:1;min-width:100%}.ticket-list-header{flex-direction:column;align-items:flex-start}.ticket-list-actions{width:100%}.ticket-new-btn{flex:1}}@media (max-width: 768px){.contact-us-container{padding:2rem 1.5rem}.contact-us-title{font-size:1.75rem}.contact-us-card{padding:1.75rem!important}.ticket-list-header{flex-direction:column;gap:1rem;align-items:stretch!important;position:relative;z-index:2;height:auto!important}.ticket-stats{justify-content:flex-start;flex-wrap:wrap}.ticket-list-actions{width:100%;display:flex!important;flex-direction:column!important;gap:.75rem!important;align-items:stretch!important}.ticket-list-hint{display:block!important;visibility:visible!important;font-size:.75rem!important;margin:0 0 .75rem!important;text-align:left!important;color:var(--text-secondary)!important;line-height:1.2!important;height:auto!important}.ticket-new-btn{width:100%!important;min-width:0!important;position:relative!important;z-index:2!important}.ticket-list-item{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:1rem!important;height:auto!important;min-height:80px!important;position:relative!important;z-index:1!important}.ticket-item-main{width:100%!important}.ticket-item-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:.5rem!important;margin-bottom:.5rem!important;width:100%!important}.ticket-number{font-size:.7rem!important;width:auto!important;min-width:70px!important;flex-shrink:0!important}.ticket-status-badge{font-size:.65rem!important;height:20px!important;padding:0 .5rem!important;flex-shrink:0!important}.ticket-item-title{font-size:.875rem!important;width:100%!important;max-width:280px!important;margin:0 0 .25rem!important;padding-right:130px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.ticket-item-description{font-size:.8rem!important;width:100%!important;max-width:360px!important;padding-right:130px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.ticket-item-meta{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.25rem!important;width:auto!important;flex-shrink:0!important;margin:0!important;padding:0!important;border:none!important;position:absolute!important;right:1rem!important;top:1rem!important}.ticket-date{font-size:.7rem!important;text-align:right!important;white-space:nowrap!important}.ticket-arrow{margin-left:.25rem!important}.chat-message{max-width:85%}}@media (max-width: 900px){.side-nav-btn{display:none!important}}@media (max-width: 480px){.contact-us-container{padding:1.5rem 1rem}.contact-us-form-card{padding:1.5rem 1.25rem}.contact-us-title{font-size:1.5rem}.contact-us-form{gap:1.5rem}.ticket-list-actions{gap:.5rem}.ticket-list-hint{font-size:.7rem!important}.ticket-new-btn{width:auto!important;min-width:100px!important;font-size:.8rem}.ticket-date{font-size:.7rem!important}.ticket-list-item{padding:.875rem!important;min-height:75px!important}.ticket-number{font-size:.65rem!important;width:75px!important}.ticket-status-badge{font-size:.6rem!important;height:18px!important}.ticket-item-title{font-size:.85rem!important;padding-right:110px!important}.ticket-item-description{font-size:.75rem!important;padding-right:110px!important}.ticket-date{font-size:.65rem!important}.ticket-new-btn{width:100%}.pagination{gap:.5rem;padding-top:.5rem;margin-top:.5rem}.pagination-btn{width:32px;height:32px}.pagination-info{font-size:.8rem}.chat-message{max-width:90%}}.ticket-detail-view{display:flex;flex-direction:column}.ticket-detail-container{display:flex;flex-direction:row;gap:1.5rem;align-items:stretch}.detail-card{width:auto;flex:.6!important;min-width:200px!important;padding:1.5rem!important}.chat-card{width:auto;flex:3!important;min-width:400px!important}@media (max-width: 1024px){.ticket-detail-container{flex-direction:column}.detail-card,.chat-card{width:100%!important;flex:none!important;min-width:0!important;max-width:100%!important}}.ticket-detail-header{margin-bottom:0}.ticket-detail-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ticket-detail-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.ticket-detail-date{font-size:.85rem;color:var(--text-secondary);margin:0}.ticket-detail-description{padding-top:.75rem;border-top:1px solid #e5e7eb}.ticket-detail-description h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.ticket-detail-description p{font-size:.95rem;color:var(--text-primary);line-height:1.7;margin:0}.chat-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem;display:flex;align-items:center;gap:.5rem}.chat-title svg{color:var(--primary-color)}.chat-container{min-height:200px;max-height:400px;overflow-y:auto;margin-bottom:1rem}.chat-empty{display:flex;align-items:center;justify-content:center;height:150px;background:#f9fafb;border-radius:10px}.chat-empty p{color:var(--text-secondary);margin:0}.chat-messages{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.chat-message{display:flex;flex-direction:column;max-width:75%}.user-message{align-self:flex-end;align-items:flex-end}.user-message .chat-bubble{background:var(--primary-color);color:#fff;border-radius:16px 16px 4px}.user-message .chat-bubble .chat-text{color:#fff}.staff-message{align-self:flex-start;align-items:flex-start}.staff-message .chat-bubble{background:#f3f4f6;color:var(--text-primary);border-radius:16px 16px 16px 4px}.chat-bubble{padding:.875rem 1.125rem;word-wrap:break-word}.chat-text{font-size:.9rem;line-height:1.5;margin:0}.chat-meta{display:flex;align-items:center;gap:.5rem;margin-top:.375rem;padding:0 .25rem}.chat-author{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.chat-time{font-size:.7rem;color:#9ca3af}.retract-btn{font-size:.7rem;color:#9ca3af;background:none;border:none;cursor:pointer;padding:0;opacity:0;transition:opacity .2s,color .2s}.chat-message:hover .retract-btn{opacity:1}.retract-btn:hover{color:#ef4444}.chat-attachments{margin-top:.5rem;display:flex;flex-direction:column;gap:.375rem}.chat-attachment{display:flex;align-items:center;gap:.375rem;font-size:.8rem;opacity:.9}.chat-attachment svg{flex-shrink:0}.chat-input-form{padding-top:1rem;border-top:1px solid #e5e7eb}.chat-input-container{display:flex;flex-direction:column;gap:.75rem}.chat-input-container .textarea-wrapper textarea{min-height:60px;resize:none}.chat-reply-files{display:flex;flex-wrap:wrap;gap:.5rem}.chat-reply-file{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:rgba(var(--primary-rgba),.1);border-radius:6px;font-size:.8rem;color:var(--text-primary)}.chat-reply-file .file-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn-small{display:flex;align-items:center;justify-content:center;padding:.25rem;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .2s ease}.remove-file-btn-small:hover{background-color:#ef44441a;color:#ef4444}.chat-input-actions{display:flex;align-items:center;justify-content:space-between}.chat-action-buttons{display:flex;align-items:center;gap:.5rem}.chat-attach-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f3f4f6;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.chat-attach-btn:hover{background:rgba(var(--primary-rgba),.1);color:var(--primary-color)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .2s ease}.chat-send-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-status-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#d1fae5;border-radius:8px;margin-bottom:.75rem;color:#047857;font-weight:500;font-size:.85rem}.chat-status-hint svg{flex-shrink:0}.chat-tip{font-size:.75rem;color:#9ca3af}.ticket-status-badge{display:inline-flex!important;align-items:center!important;gap:.375rem!important;font-size:.7rem!important;font-weight:600!important;height:24px!important;padding:0 .625rem!important;border-radius:20px;white-space:nowrap!important;line-height:normal!important}.status-pending{background-color:#fef3c7!important;color:#b45309!important}.status-completed{background-color:#d1fae5!important;color:#047857!important}.ticket-new-view{display:flex;flex-direction:column}.contact-us-header{height:48px!important;margin:0 0 20px!important;padding:0!important;display:flex!important;align-items:center!important}.contact-us-title{font-size:1.875rem!important;font-weight:700!important;color:var(--text-primary);margin:0!important;height:48px!important;line-height:48px!important;letter-spacing:-.025em;transition:none!important;display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap}.contact-us-title svg{color:var(--primary-color);flex-shrink:0;opacity:.9}.contact-us-cards-wrapper{display:flex;gap:24px!important;align-items:flex-start}.contact-us-form{display:flex;gap:24px!important;width:100%;flex-wrap:wrap}.contact-us-card{background:#f9fafb;border-radius:16px;padding:2rem!important;box-shadow:0 2px 20px #0000000a,0 1px 3px #0000000f;border:1px solid rgba(0,0,0,.04);transition:box-shadow .3s ease;flex:1;min-width:300px!important;box-sizing:border-box!important;height:auto!important}.contact-us-card:hover{box-shadow:0 4px 24px #0000000f,0 2px 6px #00000014}.faq-title{font-size:1.25rem!important;font-weight:600!important;color:var(--text-primary);margin:0 0 16px!important;padding:0 0 0 .5rem!important;border-left:4px solid var(--primary-color);height:32px!important;line-height:32px!important;display:flex!important;align-items:center!important;transition:none!important}.faq-categories{display:flex;flex-direction:column;gap:.5rem}.faq-category-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.faq-category-btn:hover{background:#f9fafb;border-color:#d1d5db}.faq-category-btn.active{background:rgba(var(--primary-rgba),.05);border-color:var(--primary-color);color:var(--primary-color)}.category-label span{font-weight:600;font-size:.95rem}.faq-arrow{color:#9ca3af;transition:transform .3s ease}.faq-arrow.expanded{transform:rotate(90deg);color:var(--primary-color)}.faq-category-content{padding:1rem 1.25rem;background:#f9fafb;margin-top:.5rem;border-radius:12px;border:1px solid #f3f4f6;display:flex;flex-direction:column;gap:1.25rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.faq-item h4{font-size:.9rem;font-weight:600;color:var(--primary-color);margin:0 0 .25rem}.faq-item p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.input-group label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.required-mark{color:#ef4444;margin-left:4px}.input-wrapper,.textarea-wrapper{position:relative;width:100%}.contact-us-form input[type=text],.contact-us-form input[type=email],.contact-us-form textarea{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:12px;font-size:.95rem;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:#fff;box-sizing:border-box;color:var(--text-primary);font-family:inherit}.contact-us-form input:focus,.contact-us-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgba),.1);background-color:#fff}.contact-us-form input::placeholder,.contact-us-form textarea::placeholder{color:#9ca3af}.file-upload-wrapper{position:relative;margin-top:8px}.file-input{display:none}.file-upload-label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:#fff;border:1px dashed #D1D5DB;border-radius:10px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .2s}.file-upload-label:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:rgba(var(--primary-rgba),.05)}.input-helper{font-size:.8rem;color:#9ca3af;margin:6px 0 0}.uploaded-files-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.uploaded-file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#f3f4f6;border-radius:8px;font-size:.85rem;max-width:100%;box-sizing:border-box}.file-icon{display:flex;align-items:center;color:var(--text-secondary)}.file-info{display:flex;flex-direction:column;overflow:hidden}.file-name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:.75rem;color:var(--text-secondary)}.remove-file-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:4px}.remove-file-btn:hover{color:#ef4444;background-color:#ef44441a}.file-error{color:#ef4444;font-size:.85rem;margin-top:8px}.submit-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;margin-top:12px;background-color:var(--primary-color);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(var(--primary-rgba),.25)}.submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--primary-rgba),.35)}.submit-btn:active{transform:translateY(0)}.side-nav-btn{position:fixed;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background-color:#8080800d;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#80808099;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.side-nav-btn:hover{background-color:#8080801a;color:var(--primary-color)}.side-nav-btn svg{color:inherit;transition:color .2s}.side-nav-btn:active{transform:translateY(-50%) scale(.95)}.side-nav-btn-left{left:calc(var(--sidebar-width) + 1rem);transition:left .3s cubic-bezier(.4,0,.2,1)}.roast-me-container{padding:1rem 2rem;display:flex;flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto;width:100%;overflow-y:auto;background:linear-gradient(to bottom,#fafbfc,#f5f7fa);min-height:calc(100vh - 70px);-webkit-overflow-scrolling:touch}.roast-me-content{display:flex;flex-direction:column;gap:1.5rem}.roast-me-header{margin-bottom:.5rem}.roast-me-title-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.roast-me-icon{color:var(--primary-color);flex-shrink:0;opacity:.9}.roast-me-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.5px;height:2.5rem;min-height:2.5rem;white-space:nowrap;display:flex;align-items:center}.roast-me-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0;max-width:700px}.roast-me-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 20px #0000000a,0 1px 3px #0000000f;border:1px solid rgba(0,0,0,.04);transition:box-shadow .3s ease}.roast-me-card:hover{box-shadow:0 4px 24px #0000000f,0 2px 6px #00000014}.roast-me-form{display:flex;flex-direction:column;gap:1.5rem}.roast-me-field{display:flex;flex-direction:column;gap:.5rem}.roast-me-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text-primary);height:1.5rem;min-height:1.5rem;white-space:nowrap}.roast-me-label svg{color:var(--primary-color);flex-shrink:0}.roast-me-textarea{width:100%;padding:1.25rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:var(--font-family);color:var(--text-primary);background-color:var(--input-bg, #fafbfc);transition:all .2s ease;box-sizing:border-box}.roast-me-textarea:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px rgba(var(--primary-rgba),.1)}.roast-me-textarea{resize:vertical;min-height:250px;line-height:1.6;font-size:1rem}.roast-me-helper{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4}.roast-me-submit-wrapper{display:flex;justify-content:center;margin-top:.5rem}.roast-me-submit-btn{display:flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-family);box-shadow:0 2px 8px rgba(var(--primary-rgba),.25);min-width:180px;height:2.75rem;min-height:2.75rem;white-space:nowrap}.roast-me-submit-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgba),.35)}.roast-me-submit-btn:active{transform:translateY(0)}body.dark-mode .roast-me-container{background:linear-gradient(to bottom,#1a1a1a,#181818)}body.dark-mode .roast-me-card{background:#242424;border-color:#ffffff14;box-shadow:0 2px 20px #0000004d,0 1px 3px #0006}body.dark-mode .roast-me-card:hover{box-shadow:0 4px 24px #0006,0 2px 6px #00000080}body.dark-mode .roast-me-textarea{background-color:#2a2a2a;border-color:#3a3a3a;color:var(--text-primary)}body.dark-mode .roast-me-textarea:focus{background-color:#2f2f2f;border-color:var(--primary-color)}body.dark-mode .roast-me-textarea::placeholder{color:#666}@media (max-width: 768px){.roast-me-container{padding:1rem 1.5rem}.roast-me-title{font-size:1.75rem}.roast-me-card{padding:1.5rem;border-radius:12px}.roast-me-submit-btn{width:100%}}@media (max-width: 480px){.roast-me-container{padding:1rem}.roast-me-title{font-size:1.5rem}.roast-me-card{padding:1.25rem}.roast-me-title-wrapper{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (min-width: 1537px){.content-wrapper,.search-box-container,.account-content{max-width:1200px!important;margin:0 auto!important}.recent-files-content>*{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.alerts-content>*{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.alerts-intro,.sample-email-preview{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.contact-us-content,.roast-me-container{max-width:1200px!important;margin:0 auto!important}.fixed-status-area,.result-content-scroll,.progress-content-scroll{padding-left:max(4rem,calc((100% - 1200px)/2))!important;padding-right:max(4rem,calc((100% - 1200px)/2))!important}.welcome-content{align-items:center!important}.welcome-box{max-width:1200px!important}.search-container{max-width:1000px!important}}