:root{--primary: #0077ff;--primary-light: #e6f2ff;--primary-dark: #0066cc;--primary-rgb: 0, 119, 255;--secondary: #00C1FF;--secondary-rgb: 0, 193, 255;--secondary-dark: #009acd;--secondary-light: #33CDFF;--white: #FFFFFF;--black: #000000;--gray-50: #f8f9fa;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6}html.i18n-loading body{visibility:hidden}html.i18n-loading:after{content:"Loading content...";display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2em;font-family:var(--font-family-base),Verdana,sans-serif;color:var(--gray-600);background-color:var(--white);padding:1rem 1.5rem;border-radius:.5rem;box-shadow:var(--shadow-md);z-index:10000;visibility:visible}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--gray-900);background-color:var(--gray-50);line-height:var(--line-height-base, 1.5);font-family:Microsoft YaHei,微软雅黑,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}html[lang=en] body{font-family:Inter,Verdana,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.header{background-color:#000;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo-container{display:flex;align-items:center}.logo{height:40px;width:auto;object-fit:contain}.logo-divider{height:24px;width:1px;background-color:#333;margin:0 1rem}.logo-text{display:flex;flex-direction:column}.logo-text h1{font-size:1.125rem;font-weight:600;color:var(--white)}.logo-text p{font-size:.75rem;color:#aaa}.main-nav ul{display:flex;list-style-type:none;gap:.5rem}.main-nav a{display:block;padding:.5rem 1rem;color:#aaa;text-decoration:none;border-radius:.375rem;font-weight:500;font-size:.875rem;transition:color .2s,background-color .2s}.main-nav a:hover{color:var(--white);background-color:#ffffff1a}.main-nav a.active{color:var(--white);font-weight:600}.hero{background:linear-gradient(135deg,#000,#036);color:var(--white);padding:4rem 0;position:relative;overflow:hidden}.hero-content{max-width:600px;position:relative;z-index:1}.hero h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-bg-element-1{position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#00c1ff26,#06f0 70%);border-radius:50%}.hero-bg-element-2{position:absolute;top:-50px;right:20%;width:200px;height:200px;background:radial-gradient(circle,#00c1ff1a,#06f0 70%);border-radius:50%}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:var(--white);color:var(--primary);border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem;box-shadow:0 4px 6px #0000001a}.btn-primary:hover{background-color:#ffffffe6;box-shadow:0 6px 12px #00000026}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:transparent;color:var(--white);border:1px solid var(--white);border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s;font-size:.875rem}.btn-secondary:hover{background-color:#ffffff1a}.main-content{padding:3rem 0}.tool-category{margin-bottom:3rem}.category-header{display:flex;align-items:center;margin-bottom:1.5rem}.category-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:#0066ff1a;border-radius:.5rem;margin-right:1rem}.category-icon svg{width:1.25rem;height:1.25rem;color:var(--primary)}.category-info h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.category-info p{font-size:.875rem;color:var(--gray-500);max-width:36rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.tool-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.tool-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--gray-200)}.tool-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;margin-right:1rem}.document-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.analytics-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.research-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.design-icon{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.tool-card-header h4{flex:1;font-size:1rem;font-weight:600;color:var(--gray-900)}.tool-tags{display:flex;gap:.5rem}.tag-ai{display:inline-block;padding:.125rem .5rem;background-color:#0066ff1a;color:var(--primary);border-radius:1rem;font-size:.75rem;font-weight:500}.tag-new{display:inline-block;padding:.125rem .5rem;background-color:#10b9811a;color:var(--success);border-radius:1rem;font-size:.75rem;font-weight:500}.tag-poc{display:inline-block;padding:.125rem .5rem;background-color:#8b5cf61a;color:#8b5cf6;border-radius:1rem;font-size:.75rem;font-weight:500}.tag-coming-soon{display:inline-block;padding:.125rem .5rem;background-color:#f59e0b1a;color:var(--warning);border-radius:1rem;font-size:.75rem;font-weight:500}.tool-card-body{padding:1.25rem}.tool-card-body p{font-size:.875rem;color:var(--gray-600);margin-bottom:1rem}.tool-tags-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.tool-tags-list .tag{margin:0;transition:all .2s ease;border-radius:15px;padding:4px 10px;font-size:11px;letter-spacing:.2px}.tool-tags-list .tag:hover{transform:translateY(-1px);box-shadow:0 3px 5px #0000000d}.tool-tags-list .tag:first-child{background-color:#3498db1a;color:#3498db}.tag:last-child{background-color:#6610f21a;color:#6610f2}.tool-card.coming-soon{opacity:.7;cursor:default}.tool-card.coming-soon:hover{transform:none;box-shadow:none}.tool-card.coming-soon .tool-card-footer span{color:var(--gray-500)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;overflow-y:auto}.modal-content{background-color:var(--white);margin:2rem auto;max-width:800px;width:90%;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900)}.close-modal{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--gray-500);line-height:1}.modal-body{padding:1.5rem}.tool-description{margin-bottom:1.5rem;font-size:.875rem;color:var(--gray-600);line-height:1.6}.tool-form{margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;color:var(--gray-800);background-color:var(--white);transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400)}.form-actions{display:flex;justify-content:space-between;gap:1rem}.modal .btn-primary{background-color:var(--primary);color:var(--white)}.modal .btn-primary:hover{background-color:var(--primary-dark)}.modal .btn-secondary{color:var(--gray-700);border-color:var(--gray-300);background-color:var(--white)}.modal .btn-secondary:hover{background-color:var(--gray-50)}.result-container{margin-bottom:1.5rem;padding:1.25rem;border:1px solid var(--gray-200);border-radius:.5rem;background-color:var(--gray-50)}.result-container h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.result-placeholder{display:flex;align-items:center;justify-content:center;height:200px;color:var(--gray-400);font-size:.875rem}.result-content{font-size:.875rem;color:var(--gray-800);line-height:1.6;white-space:pre-wrap}.tool-tips{padding:1.25rem;background-color:#0066ff0d;border-radius:.5rem}.tool-tips h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:.75rem}.tool-tips ul{list-style-type:none}.tool-tips li{display:flex;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--gray-600)}.tool-tips li:before{content:"";display:inline-block;width:6px;height:6px;margin-right:.75rem;background-color:var(--primary);border-radius:50%}.footer{background-color:var(--gray-900);color:var(--white);padding:3rem 0}.footer-content{display:flex;flex-direction:column;gap:2rem}.footer-info h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.footer-info p{color:var(--gray-400);font-size:.875rem;max-width:30rem;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:1rem}.copyright{color:var(--gray-500);font-size:.875rem}.links{display:flex;gap:1.5rem}.links a{color:var(--gray-400);text-decoration:none;font-size:.875rem;transition:color .2s}.links a:hover{color:var(--white)}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.footer-info{max-width:60%}.footer-links{align-items:flex-end}}@media (max-width: 768px){.logo-text h1{font-size:1rem}.hero h2{font-size:2rem}.main-nav{display:none}}.loading-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}.user-actions{display:flex;align-items:center}.btn-login{background-color:var(--primary);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-login:hover{background-color:var(--primary-dark)}#user-info{display:flex;align-items:center;position:relative}#username-display{margin-right:8px;color:#fff;font-size:14px}.user-dropdown{position:relative;display:inline-block}.user-dropdown-button{background:none;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:#ffffff1a;transition:background-color .2s}.user-dropdown-button:hover{background-color:#fff3}.dropdown-content{display:none;position:absolute;right:0;top:100%;margin-top:8px;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0000001a;border-radius:4px;z-index:10;padding-top:10px;opacity:0;transition:opacity .2s}.dropdown-content:before{content:"";position:absolute;top:-10px;right:0;width:100%;height:10px;background-color:transparent}.user-dropdown:hover .dropdown-content,.dropdown-content:hover{display:block;opacity:1}.dropdown-content a{color:var(--gray-700);padding:12px 16px;text-decoration:none;display:block;font-size:14px;transition:background-color .2s}.dropdown-content a:hover{background-color:var(--gray-100);color:var(--primary)}.auth-form{margin-bottom:1rem}.form-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.form-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-600);font-weight:500;cursor:pointer;transition:all .2s}.form-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.form-message{margin:1rem 0;padding:.75rem 1rem;border-radius:.375rem;font-size:.875rem;display:none}.form-message.error{display:block;background-color:#ef44441a;color:#ef4444}.form-message.success{display:block;background-color:#10b9811a;color:#10b981}.form-help{margin-top:.5rem;font-size:.75rem;color:var(--gray-500)}.settings-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.settings-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-600);font-weight:500;cursor:pointer;transition:all .2s}.settings-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.settings-content{display:none}.settings-content.active{display:block}.api-keys-description,.api-keys-list{margin-bottom:1.5rem}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid var(--gray-200);border-radius:.5rem;margin-bottom:1rem;background-color:var(--white)}.api-key-info h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:var(--gray-800)}.api-key-info p{font-size:.75rem;color:var(--gray-500)}.api-key-value{display:flex;align-items:center}.api-key-value input{width:200px;padding:.5rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;margin-right:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:.375rem;background-color:var(--gray-100);border:none;cursor:pointer;color:var(--gray-600);transition:all .2s}.btn-icon:hover{background-color:var(--gray-200);color:var(--gray-800)}.admin-modal-content{max-width:1000px;width:90%}.admin-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.admin-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-600);font-weight:500;cursor:pointer;transition:all .2s}.admin-tab.active{color:var(--primary);border-bottom-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.admin-tab:hover{color:var(--primary);background-color:rgba(var(--primary-rgb),.03)}.admin-content{display:none;padding:1rem;background-color:var(--white);border-radius:.5rem;box-shadow:0 2px 4px #0000000d}.admin-content.active{display:block}.admin-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.users-table th{font-weight:600;color:var(--gray-700);background-color:var(--gray-50);font-size:.875rem}.users-table td{font-size:.875rem;color:var(--gray-600)}.users-table tr:hover td{background-color:var(--gray-50)}.user-actions-cell{display:flex;gap:.5rem}.btn-edit,.btn-delete{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;border:none}.btn-edit{background-color:var(--gray-100);color:var(--primary)}.btn-delete{background-color:#ef44441a;color:#ef4444}.btn-edit:hover{background-color:var(--gray-200)}.btn-delete:hover{background-color:#ef444433}.user-select-container{margin-bottom:1.5rem}.user-select-container label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}.user-select-container select{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;color:var(--gray-800);background-color:var(--white)}.api-keys-config{margin-bottom:1.5rem}.api-key-config-item{padding:1rem;border:1px solid var(--gray-200);border-radius:.5rem;margin-bottom:1rem;background-color:var(--white)}.api-key-input input{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;margin-top:.5rem}a{color:var(--primary);transition:color .2s}a:hover{color:var(--primary-dark)}.tag{display:inline-block;padding:.25rem .75rem;background-color:var(--gray-100);color:var(--gray-600);border-radius:1rem;font-size:.75rem}.tool-card{background:linear-gradient(135deg,#0066ff0d,#00c1ff1a);border:1px solid var(--gray-200);border-radius:.75rem;overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0066ff1a}.tool-card-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.tool-card-footer span{display:inline-flex;align-items:center;font-size:.875rem;font-weight:500;color:var(--primary);transition:transform .2s}.tool-card:hover .tool-card-footer span{transform:translate(4px)}a,a:visited,a:active,a:focus{text-decoration:none}.tool-card a{color:inherit}.tool-card-footer a,.tool-card-footer span{color:#3498db;font-weight:500}.app-container{padding:2rem 0;max-width:1200px}.app-header{display:flex;align-items:center;margin-bottom:2rem}.back-button{margin-right:1.5rem}.back-button a{display:flex;align-items:center;color:var(--gray-600);text-decoration:none;font-size:.875rem;transition:color .2s}.back-button a:hover{color:var(--primary)}.back-button svg{margin-right:.5rem}.app-info-loading,.app-info-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.app-info-error svg{color:var(--danger);margin-bottom:1rem}.app-info-error h3{margin-bottom:.5rem;color:var(--gray-800)}.app-info-error p{margin-bottom:1.5rem;color:var(--gray-600);max-width:500px}.app-info{background-color:var(--white);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--gray-200)}.app-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.app-info-header h3{font-size:1.25rem;color:var(--gray-900);font-weight:600}.app-tags{display:flex;flex-wrap:wrap;gap:.5rem}.app-tag{display:inline-block;padding:.25rem .75rem;background-color:var(--gray-100);color:var(--gray-700);border-radius:1rem;font-size:.75rem;font-weight:500}.app-info p{color:var(--gray-600);font-size:.875rem;line-height:1.5}.app-form{background-color:var(--white);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--gray-200)}.app-form .btn-secondary{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}.app-form .btn-secondary:hover{background-color:#0066ff0d}.textarea-container{position:relative;width:100%;margin-bottom:.5rem}.textarea-container textarea{width:100%;min-height:150px;padding:.75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;color:var(--gray-800);background-color:var(--white);transition:all .3s ease;resize:vertical}.textarea-container textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0066ff1a}.textarea-container textarea.expanded{height:400px}.textarea-controls{position:absolute;top:.5rem;right:.5rem;z-index:10}.textarea-controls .btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:#fffc;border:1px solid var(--gray-300);border-radius:4px;cursor:pointer;transition:all .2s}.textarea-controls .btn-icon:hover{background-color:var(--gray-100)}.char-counter{margin-top:.25rem;display:flex;justify-content:flex-end;font-size:.75rem;color:var(--gray-500)}.char-counter.warning{color:var(--danger);font-weight:500}.textarea-container.textarea-expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;z-index:1001;background-color:var(--white);padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column}.textarea-container.textarea-expanded textarea{flex:1;height:calc(100% - 60px);font-size:1rem;min-height:auto;resize:none}.textarea-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.textarea-container.textarea-expanded .char-counter{margin-top:.75rem;margin-right:.75rem}.result-container{background-color:var(--white);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--gray-200)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.result-header h3{font-size:1.125rem;color:var(--gray-900);font-weight:600}.result-actions{display:flex;gap:.5rem}.result-content{min-height:200px;max-height:500px;overflow-y:auto;padding:1rem;border-radius:.5rem;background-color:var(--gray-50);margin-bottom:1rem;white-space:pre-wrap;font-family:monospace;line-height:1.6;font-size:.875rem}.markdown-content{font-family:Verdana,sans-serif;white-space:normal}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:1.5rem;margin-bottom:1rem;color:var(--gray-900);font-weight:600}.markdown-content h1{font-size:1.75rem;border-bottom:1px solid var(--gray-200);padding-bottom:.5rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content h4{font-size:1.1rem}.markdown-content p{margin-bottom:1rem;line-height:1.6}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-content li{margin-bottom:.5rem}.markdown-content a{color:var(--primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content pre{background-color:var(--gray-100);padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}.markdown-content code{font-family:monospace;font-size:.9em}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.system-info-container{margin-top:1rem;margin-bottom:1rem;border:1px solid var(--gray-200);border-radius:.5rem;overflow:hidden}.system-info-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--gray-100);border-bottom:1px solid var(--gray-200)}.system-info-header h4{font-size:.875rem;color:var(--gray-700);font-weight:500;margin:0}.toggle-system-info{background:none;border:none;cursor:pointer;color:var(--gray-500);padding:0;transition:color .2s}.toggle-system-info:hover{color:var(--gray-700)}.toggle-system-info.collapsed svg{transform:rotate(180deg)}.system-info-content{padding:1rem;background-color:var(--gray-50);font-family:monospace;font-size:.75rem;line-height:1.5;max-height:200px;overflow-y:auto;white-space:pre-wrap}.result-stats{display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.stat-item{display:flex;align-items:center}.stat-label{font-size:.75rem;color:var(--gray-500);margin-right:.5rem}.stat-value{font-size:.875rem;color:var(--gray-800);font-weight:500}.loading-spinner{display:inline-block;width:2rem;height:2rem;border:.25rem solid rgba(0,102,255,.3);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.app-container{padding:1.5rem 1rem}.app-form,.result-container{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.result-stats{flex-direction:column;gap:1rem}}.loading-circle-container{display:inline-block;margin-right:8px;vertical-align:middle}.loading-circle{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.loading-circle.loading-red{border-color:#f33;border-top-color:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.language-selector{position:relative;margin-right:20px}.language-toggle{display:flex;align-items:center;gap:5px;padding:8px 12px;background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;font-size:14px}.language-toggle:hover{background-color:#ffffff1a}.language-dropdown{display:none;position:absolute;top:100%;right:0;width:150px;background-color:#fff;border-radius:4px;box-shadow:0 5px 15px #0000001a;padding:8px 0;margin-top:5px;z-index:1000}.language-dropdown:before{content:"";position:absolute;top:-6px;right:15px;width:12px;height:12px;background-color:#fff;transform:rotate(45deg);border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1)}.language-dropdown a{display:block;padding:8px 16px;color:var(--gray-700);text-decoration:none;font-size:14px;transition:background-color .2s}.language-dropdown a:hover{background-color:var(--gray-100)}.language-selector:hover .language-dropdown{display:block}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input[type=password],.password-input-container input[type=text]{padding-right:40px;width:100%}.toggle-password-visibility{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:inline-flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s ease}.toggle-password-visibility:hover{opacity:1}.toggle-password-visibility{width:24px;height:24px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16"><path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/><path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.288.822.822.073.073a3.498 3.498 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829l.822.822-.073.073z"/><path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/></svg>');background-repeat:no-repeat;background-position:center;background-size:contain}.toggle-password-visibility.active{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16"><path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.618-2.477A4.814 4.814 0 0 1 8 4.5c1.63 0 3.06.81 4.21 1.983A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-1.63 0-3.06-.81-4.21-1.983A13.133 13.133 0 0 1 1.172 8z"/><path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/></svg>')}.password-policy-list{list-style:none;padding:5px 0 0;margin:8px 0 0;font-size:.8em;line-height:1.6}.policy-item{display:flex;align-items:center;margin-bottom:4px;transition:color .3s ease}.policy-icon{display:inline-block;width:16px;height:16px;margin-right:6px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.policy-text{flex-grow:1}.policy-item.invalid{color:#6c757d}.policy-item.invalid .policy-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%236c757d" class="bi bi-x-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/></svg>')}.policy-item.valid{color:#28a745}.policy-item.valid .policy-icon{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2328a745" class="bi bi-check-circle-fill" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/></svg>')}.policy-icon{vertical-align:middle}#submit-password-change:disabled{cursor:not-allowed;background-color:#ccc}.main-nav .dropdown{position:relative!important}.main-nav .dropdown-menu{display:none;position:absolute!important;top:100%!important;left:0!important;background-color:#fff!important;min-width:180px!important;box-shadow:0 8px 16px #0000001a!important;border-radius:4px!important;padding:8px 0!important;z-index:100!important;margin-top:0!important;border:1px solid var(--gray-200)}.main-nav .dropdown-menu a{display:block!important;padding:8px 16px!important;color:#333!important;text-decoration:none!important;transition:background-color .2s ease!important;white-space:nowrap}.main-nav .dropdown-menu a:hover{background-color:#f5f5f5!important}.main-nav .dropdown:hover .dropdown-menu{display:block!important}.main-nav .dropdown-toggle svg{transition:transform .2s ease}.main-nav .dropdown:hover .dropdown-toggle svg{transform:rotate(180deg)}