*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden;width:100%;max-width:1200px;margin:0 auto}body{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;font-size:16px;color:#333}.svg-icon{width:1em;height:1em;vertical-align:-.15em;overflow:hidden}.svg-icon.expanded{transform:rotate(180deg)}.icon-white{color:#fff}.icon-green{color:#4caf50}.logo-container{display:flex;align-items:center;padding:5px 0}.logo-container .logo-text{display:flex;flex-direction:column}.logo-container .logo-icon{width:48px;height:48px}.logo-container .logo-text .brand{font-size:20px;font-weight:700}.logo-container .logo-text .tagline{font-size:11px}.breadcrumb{margin-bottom:20px;font-size:14px;color:#666}.breadcrumb a{color:#007bff;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.button{display:flex;align-items:center;gap:8px;justify-content:center;padding:8px 12px;border:none;border-radius:8px;background-color:#e0f2fe;cursor:pointer;font-size:14px;white-space:nowrap;color:#666}.button:hover{background-color:#38bdf8;color:#fff}.container{width:100%;padding:0 20px}header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0 12px;max-width:1200px;margin:0 auto}nav{display:flex;gap:10px;align-items:center}nav a{text-decoration:none;color:#333;font-weight:500}nav a:hover{color:#007bff}.nav-tabs{display:flex}.nav-tab{display:inline-block;padding:8px 16px;text-decoration:none;color:#333;font-weight:500;height:40px}.nav-tab:hover{text-decoration:none}.nav-tab.current{color:#0078d4}.nav-tab.current::after,.nav-tab:hover::after{content:'';display:block;margin-top:4px;height:3px;background-color:#0078d4}.lang-switch{margin-left:auto;position:relative}.user-lang-switch{display:flex;align-items:center;margin-left:auto}.user-section{position:relative}.user-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:0 0;border:0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.user-btn:hover{background:#f5f5f5;border-color:#007bff}.user-icon{font-size:20px}.user-name{font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:120px;display:none;z-index:1000;overflow:hidden}.user-dropdown.show{display:block}.user-option{display:block;width:100%;padding:10px 16px;background:0 0;border:none;text-align:left;cursor:pointer;font-size:14px;transition:background .3s}.user-option:hover{background:#f0f7ff}.lang-switch{position:relative}.lang-btn{display:flex;align-items:center;gap:3px;padding:6px;background:0 0;border:0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.lang-btn:hover{background:#f5f5f5;border-color:#007bff}.lang-icon{color:#4285f4;font-size:16px;margin-right:6px}.lang-current{font-size:14px}.lang-arrow{font-size:20px;color:#666}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:180px;max-width:250px;display:none;z-index:1000;overflow:hidden}.lang-dropdown.show{display:block}.lang-search-input{width:calc(100% - 16px);margin:8px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;outline:0;transition:border-color .3s}.lang-search-input:focus{border-color:#007bff}.lang-options-container{max-height:200px;overflow-y:auto;overflow-x:hidden}.lang-option{display:flex;align-items:center;width:100%;padding:10px 16px;background:0 0;border:none;text-align:left;cursor:pointer;font-size:14px;transition:background .3s}.lang-option:hover{background:#f0f7ff}.lang-option.active{background:#e3f2fd;color:#007bff;font-weight:600}.lang-option img{border:solid 1px #999;margin-right:6px}.currency-switch{position:relative}.currency-btn{display:flex;align-items:center;gap:3px;padding:6px;background:0 0;border:0;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s}.currency-btn:hover{background:#f5f5f5;border-color:#007bff}.currency-icon{color:#009688;font-size:16px;margin-right:6px}.currency-dropdown{font-weight:600}.currency-arrow{font-size:20px;color:#666}.currency-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:200px;max-width:280px;display:none;z-index:1000;overflow:hidden}.currency-dropdown.show{display:block}.currency-search-input{width:calc(100% - 16px);margin:8px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;outline:0;transition:border-color .3s}.currency-search-input:focus{border-color:#007bff}.currency-options-container{max-height:200px;overflow-y:auto;overflow-x:hidden}.currency-option{display:flex;align-items:center;width:100%;padding:10px 16px;background:0 0;border:none;text-align:left;cursor:pointer;font-size:14px;transition:background .3s;white-space:nowrap}.currency-option:hover{background:#f0f7ff}.currency-option.active{background:#e3f2fd;color:#007bff;font-weight:600}.currency-option img{border:solid 1px #999;margin-right:6px}.dropdown-select{padding:12px 15px;border:2px solid #ddde2e;border-radius:10px;font-size:15px;background:#fff;cursor:pointer;transition:border-color .3s}.dropdown-select:focus{outline:0;border-color:#007bff}main{background-color:#fff;padding:16px 16px;box-shadow:0 0 10px rgba(0,0,0,.05);max-width:1200px;margin:0 auto}footer{background-color:#fff;text-align:center;padding:20px;color:#666;border-top:1px solid #eee;max-width:1200px;margin:0 auto}footer nav{justify-content:center;margin-bottom:10px}footer nav a{color:#333;text-decoration:none}footer nav a:hover{color:#007bff;text-decoration:underline}footer p{color:#666;font-size:14px}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:540px;width:90%;overflow:hidden}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.dialog-header h3{margin:0;font-size:18px;color:#333}.dialog-close{font-size:24px;cursor:pointer;color:#999;transition:color .3s}.dialog-close:hover{color:#333}.dialog-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#555;font-weight:500}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input:focus{outline:0;border-color:#007bff}.dialog-error{color:#d32f2f;font-size:13px;margin-top:10px;display:none}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #eee}.dialog-btn-cancel,.dialog-btn-submit{padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s}.dialog-btn-cancel{background:#f5f5f5;border:1px solid #ddd;color:#666}.dialog-btn-cancel:hover{background:#e0e0e0}.dialog-btn-submit{background:#007bff;border:none;color:#fff}.dialog-btn-submit:hover{background:#0056b3}.dialog-btn-submit:disabled{background:#ccc;cursor:not-allowed}.dialog-switch{text-align:center;padding:15px 0;border-top:1px solid #eee;font-size:14px;color:#666}.dialog-switch a{color:#007bff;text-decoration:none;font-weight:600;margin-left:5px}.dialog-switch a:hover{text-decoration:underline}.nowrap{white-space:nowrap}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5}.login-header{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:15px}.login-container{width:450px}.auth-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden}.language-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.language-checkbox-group .checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#333;cursor:pointer}.language-checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}.alert-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;z-index:10001}.alert-dialog-overlay.show{display:flex}.alert-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:600px;min-width:400px;overflow:hidden;animation:dialogSlideIn .3s ease-out}@keyframes dialogSlideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.alert-dialog-header{display:flex;align-items:center;padding:10px;border-bottom:1px solid #eee;gap:12px}.alert-dialog-icon{font-size:24px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-dialog-icon.success{background:#e8f5e9;color:#2e7d32}.alert-dialog-icon.warning{background:#fff3e0;color:#ef6c00}.alert-dialog-icon.info{background:#e3f2fd;color:#1565c0}.alert-dialog-icon.error{background:#ffebee;color:#c62828}.alert-dialog-title{flex:1;margin:0;font-size:16px;font-weight:600;color:#333}.alert-dialog-body{padding:20px;font-size:14px;color:#666;line-height:1.5;text-align:left;white-space:pre-wrap}.alert-dialog-footer{display:flex;justify-content:center;padding:12px 20px 20px;gap:10px}.alert-dialog-btn{padding:10px 32px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .3s}.alert-dialog-btn-primary{background:#007bff;color:#fff}.alert-dialog-btn.primary:hover{background:#0056b3}.alert-dialog-btn.secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.alert-dialog-btn.secondary:hover{background:#e0e0e0}.entity-flag{width:32px;height:24px;border-radius:2px;flex-shrink:0}.loading{display:flex;text-align:center;color:#666;align-items:center;justify-content:center;margin:10px}.loading::before{content:"";display:inline-block;width:16px;height:16px;margin-right:6px;border:3px solid rgba(0,0,0,.1);border-top-color:#409eff;border-right-color:#409eff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}