@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&display=swap);:root{--primary:#0a0a0a;--primary-dark:#000;--accent:#d4af37;--gray-50:#f9f9f9;--gray-100:#f0f0f0;--gray-200:#e0e0e0;--gray-300:silver;--gray-400:#a0a0a0;--gray-500:grey;--gray-600:#606060;--gray-700:#404040;--gray-800:#202020;--gray-900:#101010}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,body,div:not([class]),h1,h2,h3,h4,h5,h6,html,p,span{border-radius:0}.android-required-wrapper{bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.android-blur-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#202020);bottom:0;display:flex;filter:blur(8px);justify-content:center;left:0;position:absolute;right:0;top:0;transform:scale(1.02)}.blurred-content{max-width:400px;padding:20px;width:100%}.fake-login-card{background:#fff;box-shadow:0 4px 24px #0000001a;padding:48px}.fake-logo{color:#0a0a0a;font-family:Playfair Display,serif;font-size:32px;font-weight:700;margin-bottom:12px;text-align:center}.fake-title{color:#404040;font-size:20px;margin-bottom:32px;text-align:center}.fake-form{display:flex;flex-direction:column;gap:16px}.fake-input{background:#f8f8f8;height:44px}.fake-button{background:#0a0a0a;height:44px;margin-top:8px}.android-required-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0}.android-minimal-modal{animation:slideUp .3s ease;background:#fff;box-shadow:0 10px 40px #0003;max-width:400px;padding:48px;text-align:center;width:100%}.android-minimal-modal h2{color:#0a0a0a;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0 0 16px}.android-minimal-modal p{color:#606060;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0 0 32px}.download-btn-minimal{letter-spacing:.05em;padding:14px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.download-btn-minimal:hover:not(:disabled){background:#0000;color:#0a0a0a}.download-btn-minimal:disabled{opacity:.6}.bypass-link{background:none;border:none;color:grey;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:12px;margin-top:20px;padding:0;text-decoration:none;transition:color .2s}.bypass-link:hover{color:#0a0a0a;text-decoration:underline}@media (max-width:640px){.android-minimal-modal{margin:20px;padding:32px 24px}.android-minimal-modal h2{font-size:18px}.android-minimal-modal p{font-size:13px}.download-btn-minimal{font-size:13px;padding:12px 20px}.bypass-link{font-size:11px}}.search-box{flex-shrink:0;position:relative;width:280px}.search-icon{color:grey;height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px}.search-input,input.form-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text]{background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;height:44px;padding:0 14px;transition:all .15s ease;width:100%}.search-input{height:44px}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:silver}input::placeholder,textarea::placeholder{color:var(--text-muted);font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.form-select,select{-webkit-appearance:none;appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-input);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;height:44px;min-width:140px;padding:0 40px 0 14px;transition:all .15s ease;width:auto}[data-theme=dark] .form-select,[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-textarea,textarea{background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;min-height:120px;padding:12px 14px;resize:vertical;transition:all .15s ease;width:100%}.form-input-sm,.form-select-sm{font-size:13px;height:36px;padding:0 12px}.form-select-sm{padding-right:32px}input:disabled,select:disabled,textarea:disabled{background:var(--bg-hover);cursor:not-allowed;opacity:.5}input.error,select.error,textarea.error{border-color:#ef4444}input.error:focus,select.error:focus,textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}input.success,select.success,textarea.success{border-color:#10b981}input.success:focus,select.success:focus,textarea.success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-label{color:var(--text-secondary);display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;margin-bottom:6px}.form-label.required:after{color:#ef4444;content:" *"}.form-helper{color:#6b7280}.form-error,.form-helper{font-size:12px;margin-top:4px}.form-error{color:#ef4444}input[type=checkbox],input[type=radio]{accent-color:#0a0a0a;cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-wrapper,.radio-wrapper{align-items:center;display:flex;font-size:14px;margin-bottom:16px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;height:44px;justify-content:center;padding:0 24px;transition:all .15s ease}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:var(--bg-card);border:2px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-primary)}.btn-ghost{background:#0000;color:var(--text-primary);padding:0 16px}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}.toggle-switch{background:#e0e0e0;border-radius:12px;cursor:pointer;position:relative;transition:background .2s ease;width:44px}.toggle-switch.active{background:#0a0a0a}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.toggle-switch.active:after{transform:translateX(20px)}.login-container{background:#fff;background:var(--bg-primary,#fff);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.login-header-bar{align-items:center;background:#fff;display:flex;justify-content:space-between;padding:40px 60px}@media (max-width:767px){.login-header-bar{padding:32px 24px}}.logo-support,.logo-text{color:#0a0a0a;font-size:24px}.logo-support{margin-left:8px}.login-main{align-items:center;background:#fff;background:var(--bg-primary,#fff);display:flex;flex:1 1;justify-content:center;min-height:calc(100vh - 100px);padding:40px}@media (max-width:767px){.login-main{padding:32px 24px}}.login-form-wrapper{max-width:360px;width:100%}.login-title{color:#0a0a0a;font-family:Playfair Display,serif;font-size:32px;font-weight:400;letter-spacing:-.02em;margin-bottom:8px}@media (max-width:767px){.login-title{font-size:28px}}.login-subtitle{color:grey;font-family:Inter,sans-serif;font-size:14px;margin-bottom:40px}.login-form{display:flex;flex-direction:column}.login-form .form-group{margin-bottom:16px;position:relative}.login-form .form-label{clip:rect(0,0,0,0);border:0;color:#606060;color:var(--text-secondary,#606060);display:block;font-size:12px;font-weight:500;height:1px;letter-spacing:.05em;margin:-1px;margin-bottom:6px;overflow:hidden;padding:0;position:absolute;text-transform:uppercase;white-space:nowrap;width:1px}.login-form .input-wrapper{align-items:center;display:flex;position:relative}.login-form .input-icon{color:grey;color:var(--text-muted,grey);left:14px;pointer-events:none;position:absolute;z-index:1}.login-form .form-input{background:#fff;background:var(--bg-input,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-input,#e0e0e0);border-radius:6px;color:#0a0a0a;color:var(--text-primary,#0a0a0a);font-family:Inter,sans-serif;font-size:14px;height:44px;padding:0 14px;transition:all .15s ease;width:100%}.login-form .form-input.with-icon{padding-left:42px}.login-form .form-input.error{border-color:#dc2626}.login-form .form-input:hover:not(:focus):not(:disabled){border-color:silver}.login-form .form-input::placeholder{color:grey;color:var(--text-muted,grey);font-size:14px}.login-form .form-input:focus{border-color:grey;border-color:var(--border-focus,grey);box-shadow:0 0 0 2px #8080801a;outline:none}.login-form .btn{border:none;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;height:44px;letter-spacing:.08em;margin-top:24px;padding:0 32px;text-transform:uppercase;transition:all .15s ease;width:100%}.login-form .btn-primary{background:#0a0a0a;color:#fff}.login-form .btn-primary:hover:not(:disabled){background:#1a1a1a;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.login-form .btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-block{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.login-form .validation-icon{pointer-events:none;position:absolute;right:14px}.login-form .validation-icon.success{color:#22c55e}.login-form .error-message{color:#dc2626;display:block;font-size:12px;margin-top:4px}.login-form .password-toggle{background:#0000;border:none;color:grey;color:var(--text-muted,grey);cursor:pointer;padding:4px;position:absolute;right:12px;transition:color .2s}.login-form .password-toggle:hover{color:#0a0a0a;color:var(--text-primary,#0a0a0a)}.password-strength{align-items:center;display:flex;gap:12px;margin-top:8px}.strength-bars{display:flex;flex:1 1;gap:4px}.strength-bar{background:#e0e0e0;background:var(--border-input,#e0e0e0);border-radius:2px;flex:1 1;height:4px;transition:background .3s}.strength-label{font-size:11px;font-weight:500;min-width:60px;text-align:right}.remember-me-wrapper{margin:20px 0}.checkbox-label{color:#0a0a0a;color:var(--text-primary,#0a0a0a);cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.checkbox-custom{border:1px solid #e0e0e0;border:1px solid var(--border-input,#e0e0e0);border-radius:3px;height:18px;margin-right:10px;position:relative;transition:all .2s;width:18px}.checkbox-label input[type=checkbox]:checked~.checkbox-custom{background:#0a0a0a;border-color:#0a0a0a}.checkbox-label input[type=checkbox]:checked~.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.btn-spinner{animation:spin 1s linear infinite}.toast-notification{align-items:center;animation:slideDown .3s ease;border-radius:6px;display:flex;font-size:14px;gap:12px;margin-bottom:20px;padding:12px 16px}.toast-success{background:#22c55e1a;border:1px solid #22c55e;color:#16a34a}.toast-error{background:#dc26261a;border:1px solid #dc2626;color:#b91c1c}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.toast-success .toast-icon{background:#22c55e;color:#fff}.toast-error .toast-icon{background:#dc2626;color:#fff}.toast-message{flex:1 1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-links{display:flex;font-size:13px;justify-content:space-between;margin-top:32px}@media (max-width:767px){.form-links{align-items:center;flex-direction:column;gap:16px}}.link-button{align-items:center;background:none;border:none;color:#606060;color:var(--text-secondary,#606060);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:400;margin:-8px -12px;min-height:44px;padding:8px 12px;text-decoration:none;transition:color .2s}.link-button:hover{color:#0a0a0a;color:var(--text-primary,#0a0a0a);text-decoration:underline}.login-version{bottom:20px;color:#999;font-family:Inter,sans-serif;font-size:12px;left:50%;position:fixed;text-align:center;transform:translateX(-50%);z-index:10}.floating-shapes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.shape{opacity:.02;position:absolute}.shape.triangle{animation:rotate 20s linear infinite;border-bottom:52px solid #ea580c;border-left:30px solid #0000;border-right:30px solid #0000;height:0;left:10%;top:10%;width:0}.shape.square{animation:rotate-reverse 25s linear infinite;background:grey;height:50px;right:15%;top:15%;width:50px}.shape.hexagon{animation:rotate 30s linear infinite;background:#0a0a0a;bottom:20%;height:35px;left:8%;position:relative;width:60px}.shape.hexagon:after,.shape.hexagon:before{border-left:30px solid #0000;border-right:30px solid #0000;content:"";position:absolute;width:0}.shape.hexagon:before{border-bottom:17px solid #0a0a0a;bottom:100%}.shape.hexagon:after{border-top:17px solid #0a0a0a;top:100%}.shape.diamond{animation:rotate-diamond 22s linear infinite;background:#404040;height:40px;right:10%;top:50%;transform:rotate(45deg);width:40px}.shape.circle{animation:rotate-reverse 18s linear infinite;background:#0000;border:3px solid #ea580c;border-radius:50%;height:55px;left:12%;top:40%;width:55px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes rotate-diamond{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.login-form-wrapper,.login-header-bar,.login-main{position:relative;z-index:2}@media (max-width:767px){.shape{opacity:.06}.shape.triangle{border-bottom-width:35px;border-left-width:20px;border-right-width:20px}.shape.square{height:35px;width:35px}.shape.hexagon{height:23px;width:40px}.shape.hexagon:after,.shape.hexagon:before{border-left-width:20px;border-right-width:20px}.shape.hexagon:before{border-bottom-width:12px}.shape.hexagon:after{border-top-width:12px}.shape.diamond{height:30px;width:30px}.shape.circle{height:40px;width:40px}}.login-container .login-card,.login-container .login-footer,.login-container .login-form-container,.login-container .login-header,.login-container .login-header-mobile,.login-container .login-left,.login-container .login-right,.login-container .logo-large,.login-container .logo-mobile,.login-container .tagline,.login-container .tagline-mobile{display:none}.theme-toggle-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:50%;color:#0a0a0a;color:var(--text-primary,#0a0a0a);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.theme-toggle-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}[data-theme=dark] .login-container,[data-theme=dark] .login-header-bar{background:#0a0a0a}[data-theme=dark] .logo-support,[data-theme=dark] .logo-text{color:#e8e8e8}[data-theme=dark] .login-main{background:#0a0a0a}[data-theme=dark] .login-title{color:#e8e8e8}[data-theme=dark] .login-subtitle{color:#a0a0a0}[data-theme=dark] .login-version{color:#606060}[data-theme=dark] .shape.triangle{border-bottom-color:#ea580c}[data-theme=dark] .shape.square{background:#606060}[data-theme=dark] .shape.hexagon{background:#303030}[data-theme=dark] .shape.hexagon:before{border-bottom-color:#303030}[data-theme=dark] .shape.hexagon:after{border-top-color:#303030}[data-theme=dark] .shape.diamond{background:#505050}[data-theme=dark] .shape.circle{border-color:#ea580c}[data-theme=dark] .alert-error{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}[data-theme=dark] .alert-success{background:#51cf661a;border-color:#51cf66;color:#51cf66}[data-theme=dark] .link-button{color:#ff8c42}[data-theme=dark] .theme-toggle-btn{background:#1a1a1a;border-color:#ffffff1a;color:#e8e8e8}[data-theme=dark] .theme-toggle-btn:hover{background:#2a2a2a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .login-form .form-input{background:#1a1a1a;border-color:#ffffff1a;color:#e8e8e8}[data-theme=dark] .login-form .form-input:hover:not(:focus):not(:disabled){border-color:#fff3}[data-theme=dark] .login-form .form-input::placeholder{color:#606060}[data-theme=dark] .login-form .form-input:focus{border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff0d}[data-theme=dark] .login-form .btn-primary{background:#e8e8e8;color:#0a0a0a}[data-theme=dark] .login-form .btn-primary:hover:not(:disabled){background:#fff;box-shadow:0 4px 12px #ffffff1a;transform:translateY(-1px)}[data-theme=dark] .link-button{color:#a0a0a0}[data-theme=dark] .link-button:hover{color:#e8e8e8}[data-theme=dark] .login-form .form-label{color:#a0a0a0}[data-theme=dark] .login-form .input-icon{color:#606060}[data-theme=dark] .login-form .validation-icon.success{color:#10b981}[data-theme=dark] .login-form .error-message{color:#ef4444}[data-theme=dark] .login-form .password-toggle{color:#606060}[data-theme=dark] .login-form .password-toggle:hover{color:#a0a0a0}[data-theme=dark] .checkbox-label{color:#e8e8e8}[data-theme=dark] .checkbox-custom{border-color:#fff3}[data-theme=dark] .checkbox-label input[type=checkbox]:checked~.checkbox-custom{background:#e8e8e8;border-color:#e8e8e8}[data-theme=dark] .checkbox-label input[type=checkbox]:checked~.checkbox-custom:after{border-color:#0a0a0a}[data-theme=dark] .strength-bar{background:#ffffff1a}[data-theme=dark] .toast-success{background:#10b9811a;border-color:#10b981;color:#10b981}[data-theme=dark] .toast-error{background:#ef44441a;border-color:#ef4444;color:#ef4444}[data-theme=dark] .toast-success .toast-icon{background:#10b981}[data-theme=dark] .toast-error .toast-icon{background:#ef4444}.tickets-page{min-height:calc(100vh - 60px);padding:60px 40px}.tickets-page .page-header{display:block!important;margin-bottom:32px}.tickets-page .page-header-row{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:8px!important}.tickets-page .page-header h1{color:var(--text-primary)!important;font-family:Inter,sans-serif!important;font-size:24px!important;font-weight:600!important;margin:0!important}.tickets-page .page-subtitle{color:var(--text-secondary)!important;display:block!important;margin:0!important}.tickets-page .btn-primary,.tickets-page .page-subtitle{font-family:Inter,sans-serif!important;font-size:14px!important}.tickets-page .btn-primary{align-items:center!important;background:var(--text-primary)!important;border:none!important;border-radius:8px!important;box-shadow:none!important;color:var(--bg-primary)!important;cursor:pointer!important;display:flex!important;font-weight:500!important;gap:6px!important;height:auto!important;padding:10px 20px!important;transition:var(--transition-theme)!important;width:-webkit-fit-content!important;width:fit-content!important}.tickets-page .btn-primary:hover{opacity:.8!important}.tickets-page .btn-primary svg{height:18px;width:18px}.stats-announcement-bar{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;gap:40px;margin-bottom:24px;padding:20px 0;transition:var(--transition-theme)}.stats-grid{display:flex;gap:40px}.stat-card{align-items:baseline;display:flex;gap:8px}.stat-value{color:var(--text-primary);font-family:Inter,sans-serif;font-size:24px;font-weight:600;transition:var(--transition-theme)}.stat-label{color:var(--text-muted)}.announcement-text,.stat-label{font-family:Inter,sans-serif;font-size:13px;transition:var(--transition-theme)}.announcement-text{color:var(--text-secondary);margin-left:auto}.announcement-link{color:var(--text-primary);font-weight:500;margin-left:4px;text-decoration:none;transition:var(--transition-theme)}.announcement-link:hover{text-decoration:underline}.tickets-filters{align-items:center;display:flex;gap:20px;margin-bottom:32px}.tickets-page .tickets-filters .search-input{background:var(--bg-input)!important;border:1px solid var(--border-input)!important;border-radius:8px!important;box-shadow:none!important;color:var(--text-primary)!important;flex:1 1;font-family:Inter,sans-serif!important;font-size:14px!important;height:auto!important;max-width:320px;outline:none!important;padding:10px 16px!important;transition:var(--transition-theme)!important}.tickets-page .tickets-filters .search-input::placeholder{color:var(--text-muted)!important}.tickets-page .tickets-filters .search-input:focus{border-color:var(--border-focus)!important;box-shadow:none!important}.tickets-page .filter-group{display:flex;flex:1 1;gap:8px}.tickets-page .filter-btn{background:var(--bg-card);border:1px solid var(--border-input);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:400;padding:8px 16px;transition:var(--transition-theme)}.tickets-page .filter-btn.active,.tickets-page .filter-btn:hover{background:var(--bg-hover);border-color:var(--border-focus)}.tickets-page .filter-btn.active{color:var(--text-primary);font-weight:500}.tickets-page .view-toggle{background:var(--bg-hover);border:1px solid var(--border-secondary);border-radius:8px;display:flex;gap:4px;padding:3px;transition:var(--transition-theme)}.tickets-page .view-btn{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:6px 12px;transition:var(--transition-theme)}.tickets-page .view-btn:hover{color:var(--text-primary)}.tickets-page .view-btn.active{background:var(--bg-card);box-shadow:var(--shadow-sm);color:var(--text-primary)}.tickets-page .ticket-id{color:var(--text-muted);font-family:SF Mono,Monaco,monospace;font-size:12px;transition:var(--transition-theme)}.tickets-page .title-cell{display:flex;flex-direction:column;gap:2px}.tickets-page .title-cell .title{color:var(--text-primary);font-size:14px;font-weight:500;transition:var(--transition-theme)}.tickets-page .title-cell .description{color:var(--text-muted);display:block;font-size:12px;max-width:350px;overflow:hidden;text-overflow:ellipsis;transition:var(--transition-theme);white-space:nowrap}.tickets-page .age{color:var(--text-secondary);font-size:13px;transition:var(--transition-theme)}.tickets-page .table-client-info{display:flex;flex-direction:column;gap:2px}.tickets-page .table-client-name{color:var(--text-primary);font-size:14px}.tickets-page .table-client-company{color:var(--text-muted);font-size:12px}.tickets-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.ticket-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;cursor:pointer;padding:20px;transition:all .2s}.ticket-card:hover{background:var(--bg-hover);border-color:var(--border-focus);box-shadow:var(--shadow-md)}.ticket-card-header{color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.ticket-id{font-family:monospace}.ticket-time{color:var(--text-muted);font-size:12px}.ticket-card-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;font-weight:500;margin:0 0 8px}.ticket-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden;text-overflow:ellipsis}.ticket-card-footer{align-items:center;display:flex;justify-content:space-between}.ticket-card-meta{flex:1 1}.ticket-card-badges{display:flex;gap:8px}.ticket-card .badge{border-radius:4px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.ticket-card .badge-open{background:#e8f4fd;color:#0967d2}.ticket-card .badge-in-progress{background:#fef3e2;color:#d97706}.ticket-card .badge-resolved{background:#d1fae5;color:#10b981}.ticket-card .badge-urgent{background:#fee;color:#dc2626}.ticket-card .badge-high{background:#fed7e2;color:#be185d}.ticket-card .badge-medium{background:#fef3e2;color:#d97706}.ticket-card .badge-low{background:#f3f4f6;color:#6b7280}[data-theme=dark] .ticket-card .badge-open{background:#0967d226;color:#4da3ff}[data-theme=dark] .ticket-card .badge-in-progress{background:#d9770626;color:orange}[data-theme=dark] .ticket-card .badge-resolved{background:#10b98126;color:#4ade80}[data-theme=dark] .ticket-card .badge-urgent{background:#dc262626;color:#ff6b6b}[data-theme=dark] .ticket-card .badge-high{background:#be185d26;color:#ff69b4}[data-theme=dark] .ticket-card .badge-medium{background:#d9770626;color:orange}[data-theme=dark] .ticket-card .badge-low{background:#6b728026;color:#9ca3af}.ticket-client{color:var(--text-muted);font-family:Inter,sans-serif;font-size:13px}.empty-state{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:60px 30px}.empty-state-icon{stroke-width:1.5;color:#d0d0d0;height:48px;width:48px}.empty-state h3{color:#0a0a0a;font-family:Inter,sans-serif;font-weight:500}.empty-state p{color:#606060;margin-bottom:24px}.empty-state .btn-primary,.empty-state p{font-family:Inter,sans-serif;font-size:14px}.empty-state .btn-primary{background:#0a0a0a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.empty-state .btn-primary:hover{background:#2a2a2a}@media (max-width:768px){.empty-state{padding:40px 20px}.empty-state-icon{height:40px;width:40px}.empty-state h3{font-size:16px}.empty-state p{font-size:13px}.tickets-page{padding:20px 16px}.tickets-page .page-header{margin-bottom:24px}.tickets-page .page-header-row{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.tickets-page .page-header h1{font-size:20px!important}.tickets-page .page-subtitle{font-size:13px!important;margin-bottom:12px!important}.tickets-page .btn-primary{justify-content:center!important;padding:12px 20px!important;width:100%!important}.stats-announcement-bar{align-items:stretch;flex-direction:column;gap:16px;padding:16px 0}.stats-grid{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:repeat(2,1fr)}.stat-card{background:#f8f8f8;border-radius:8px;display:flex;flex-direction:column!important;gap:4px!important;padding:12px;text-align:center}.stat-value{font-size:20px!important;order:1}.stat-label{font-size:11px!important;order:2}.announcement-text{background:#f0f8ff;border-radius:8px;font-size:12px!important;margin:0!important;padding:12px;text-align:center;width:100%}.tickets-filters{flex-direction:column;gap:12px;margin-bottom:20px}.tickets-page .tickets-filters .search-input{max-width:none!important;width:100%!important}.tickets-page .filter-group{grid-gap:8px;display:grid!important;gap:8px;grid-template-columns:repeat(2,1fr);width:100%}.tickets-page .filter-btn{font-size:12px!important;padding:8px 12px!important;text-align:center}.tickets-page .view-toggle{justify-content:center;width:100%}.tickets-page .view-btn{flex:1 1;padding:8px!important}.tickets-card-grid{gap:12px;grid-template-columns:1fr}.ticket-card{padding:16px}.ticket-card-title{font-size:15px!important}.ticket-card-description{-webkit-line-clamp:3;font-size:13px!important}.ticket-card-footer{align-items:flex-start;flex-direction:column;gap:8px}.ticket-client{font-size:12px!important}.ticket-card-badges{justify-content:flex-start;width:100%}.table-wrapper{background:#0000;border:none;padding:0}.clean-table{display:block}.clean-table thead{display:none}.clean-table tbody{display:block}.clean-table tbody tr{background:#fff;border:1px solid #e8e8e8;border-radius:10px;display:block;margin-bottom:12px;padding:16px}.clean-table tbody tr:hover{background:#fff;box-shadow:0 2px 8px #0000000d}.clean-table td{border:none;display:block;padding:4px 0;text-align:left}.clean-table td:before{color:grey;content:attr(data-label);display:inline-block;font-size:11px;font-weight:600;margin-right:8px;text-transform:uppercase}.clean-table td:first-child{display:none}.clean-table td:nth-child(2){padding-bottom:8px}.clean-table td:nth-child(2):before{display:none}.clean-table td:nth-child(2) .title{font-size:15px;font-weight:500;margin-bottom:4px}.table-client-info{flex-direction:row;font-size:12px;gap:4px}.table-client-company{display:none}.tickets-page .view-toggle{display:none!important}}@media (max-width:480px){.tickets-page{padding:16px 12px}.stat-value,.tickets-page .page-header h1{font-size:18px!important}.tickets-page .filter-group{grid-template-columns:1fr}.tickets-page .filter-btn{width:100%}}@media (hover:none) and (pointer:coarse){.tickets-page .btn-primary,.tickets-page .filter-btn,.tickets-page .view-btn{-webkit-tap-highlight-color:transparent;min-height:44px}.clean-table tbody tr,.ticket-card{-webkit-tap-highlight-color:transparent}}@media (max-width:768px) and (orientation:landscape){.tickets-page{padding:16px 20px}.stats-grid,.tickets-page .filter-group{grid-template-columns:repeat(4,1fr)}}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:none;overflow:hidden;transition:var(--transition-theme)}.clean-table{border-collapse:collapse;font-family:Inter,sans-serif;width:100%}.clean-table thead tr{background:var(--bg-hover);border-bottom:1px solid var(--border-secondary);transition:var(--transition-theme)}.clean-table th{background:#0000;border:none;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:14px 20px;text-align:left;text-transform:uppercase;transition:var(--transition-theme)}.clean-table tbody tr{border-bottom:1px solid var(--border-secondary);transition:var(--transition-theme),background-color .15s ease}.clean-table tbody tr:last-child{border-bottom:none}.clean-table tbody tr:hover{background-color:var(--bg-hover)}.clean-table tbody tr.clickable{cursor:pointer}.clean-table td{border:none;color:var(--text-primary);font-size:14px;padding:16px 20px;transition:var(--transition-theme);vertical-align:middle}.table-client-info{display:flex;flex-direction:column;gap:2px}.table-client-name{color:var(--text-primary);font-size:14px;font-weight:500;transition:var(--transition-theme)}.table-client-company{color:var(--text-muted);font-size:12px}.table-client-company,.table-date{transition:var(--transition-theme)}.table-date{color:var(--text-secondary);font-size:13px;white-space:nowrap}.table-badge{border-radius:3px;display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.03em;padding:4px 8px;text-transform:uppercase}.table-badge.status-open{background:#f0f8ff;border:none;color:#06c}.table-badge.status-in-progress{background:#fff8f0;border:none;color:#c60}.table-badge.status-resolved{background:#f0fff0;border:none;color:#0c0}.table-badge.status-closed{background:#f8f8f8;border:none;color:grey}.table-badge.priority-low{background:#f8f8f8;color:#606060}.table-badge.priority-medium{background:#fffaf0;color:#c90}.table-badge.priority-high{background:#fff0e6;color:#c60}.table-badge.priority-urgent{background:#fff0f0;color:#c00}[data-theme=dark] .table-badge.status-open{background:#0066cc26;color:#4da3ff}[data-theme=dark] .table-badge.status-in-progress{background:#cc660026;color:orange}[data-theme=dark] .table-badge.status-resolved{background:#00cc0026;color:#4ade80}[data-theme=dark] .table-badge.status-closed{background:#80808026;color:#9ca3af}[data-theme=dark] .table-badge.priority-low{background:#60606026;color:#9ca3af}[data-theme=dark] .table-badge.priority-medium{background:#cc990026;color:#fc0}[data-theme=dark] .table-badge.priority-high{background:#cc660026;color:orange}[data-theme=dark] .table-badge.priority-urgent{background:#cc000026;color:#ff6b6b}.table-actions{align-items:center;display:flex;gap:8px}.table-action-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:grey;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s ease}.table-action-btn:hover{background:#f0f0f0;color:#404040}.table-action-btn.danger:hover{background:#fee2e2;color:#dc2626}.table-empty{color:grey;font-size:14px;padding:48px 20px;text-align:center}@media (max-width:768px){.clean-table td,.clean-table th{padding:12px 16px}.clean-table th{font-size:10px}.clean-table td{font-size:13px}.table-badge{font-size:10px;padding:3px 8px}}.sla-indicator{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;margin-bottom:24px;padding:22px}.sla-indicator h3{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-bottom:18px}.sla-metrics{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.sla-metric{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:14px;position:relative;transition:all .2s}.sla-metric-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sla-metric-label{align-items:center;display:flex;gap:6px;padding-left:14px;position:relative}.sla-metric-label:before{background:#0000;border:1.5px solid var(--text-muted);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.sla-label-text{color:var(--text-secondary);font-size:12px;font-weight:500}.sla-badge,.sla-label-text{font-family:Inter,sans-serif}.sla-badge{border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.sla-metric-value{text-align:right}.sla-time-value{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:600}.sla-time-value.overdue{animation:pulse 1.5s infinite;color:var(--danger)}.sla-metric-meta{align-items:center;display:flex;justify-content:space-between;padding-left:14px}.sla-elapsed,.sla-metric-meta,.sla-paused,.sla-target{color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px}.sla-paused{background:var(--bg-hover);border-radius:4px;margin-top:8px;padding:6px 10px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-met{background:var(--bg-hover);border:1px solid var(--success);color:var(--success)}.status-on-track{background:var(--bg-hover);border:1px solid #0ea5e9;color:#0ea5e9}.status-at-risk{background:var(--bg-hover);border:1px solid var(--warning);color:var(--warning)}.status-breached,.status-critical{background:var(--bg-hover);border:1px solid var(--danger);color:var(--danger)}.status-critical{animation:pulse-border 1.5s infinite}@keyframes pulse-border{0%,to{border-color:var(--danger)}50%{border-color:#ef444480}}.sla-info .sla-metric-label:before{border-color:#0ea5e9}.sla-success .sla-metric-label:before{background:#22c55e;border-color:#22c55e}.sla-warning .sla-metric-label:before{border-color:#f59e0b}.sla-danger .sla-metric-label:before{border-color:#ef4444}.sla-danger .sla-time-value:not(.overdue){color:var(--danger)}.sla-metric.sla-danger:has(.sla-time-value.overdue){animation:pulse-background 3s ease-in-out infinite}@keyframes pulse-background{0%,to{background:var(--bg-card)}50%{background:#ef44440d}}.sla-timeline{border-top:1px solid var(--border-primary);padding-top:16px}.timeline-item{align-items:center;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px;gap:8px}.timeline-item svg{color:var(--text-muted)}@media (max-width:768px){.sla-metrics{grid-template-columns:1fr}}.info-card .status-timeline-vertical{display:flex;flex-direction:column;gap:4px;padding:16px 0;position:relative}.timeline-vertical-line{background:var(--border-primary);bottom:26px;left:9px;position:absolute;top:26px;width:2px}.timeline-vertical-progress{background:#10b981;left:9px;position:absolute;top:10px;transition:height .3s ease;width:2px}.timeline-item{align-items:flex-start;border-bottom:none;display:flex;gap:12px;padding:6px 0;position:relative}.timeline-dot-wrapper{position:relative;z-index:1}.timeline-dot-wrapper,.timeline-item-dot{display:flex;justify-content:center;width:20px}.timeline-item-dot{align-items:center;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:50%;color:var(--text-primary);font-size:9px;font-weight:600;height:20px}.timeline-item.completed .timeline-item-dot{background:#10b981;border-color:#10b981;color:#fff}.timeline-item.current .timeline-item-dot{background:var(--text-primary);border-color:var(--text-primary);box-shadow:0 0 0 3px #0a0a0a14;color:var(--bg-primary)}[data-theme=dark] .timeline-item.current .timeline-item-dot{box-shadow:0 0 0 3px #ffffff14}.timeline-item-content{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-height:20px}.timeline-item-left{display:flex;flex-direction:column;gap:2px}.timeline-item-label{color:var(--text-primary);font-size:12px;font-weight:500;text-transform:capitalize}.timeline-item-time{color:var(--text-muted);font-size:10px}.timeline-item-duration{color:var(--text-secondary);font-size:10px;text-align:right}.timeline-item.current .timeline-item-label{font-weight:600}.timeline-item.current .timeline-item-duration{background:#fef3c7;border-radius:3px;color:#92400e;font-size:9px;font-weight:500;padding:2px 6px}[data-theme=dark] .timeline-item.current .timeline-item-duration{background:#fbbf2426;color:#fbbf24}.timeline-item.pending .timeline-item-label{color:var(--text-muted)}.timeline-item.pending .timeline-item-duration{color:var(--text-muted);font-size:10px}.timeline-simple{display:flex;flex-direction:column;gap:2px}.info-label{align-items:center;display:flex;font-size:12px;gap:8px;letter-spacing:0;min-width:100px;text-transform:capitalize}.info-label svg{flex-shrink:0;height:16px;width:16px}.timeline-value-column{align-items:flex-end;display:flex;flex-direction:column;gap:3px;text-align:right}.timeline-datetime{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-size:12px;font-weight:500}.timeline-duration{background:var(--bg-hover);border-radius:3px;color:var(--text-secondary);font-size:11px;font-weight:400;padding:2px 6px}.timeline-duration.current{background:#fef3c7;color:#92400e;font-weight:500}[data-theme=dark] .timeline-duration.current{background:#fbbf2426;color:#fbbf24}.badge.badge-current{background:#fef3c7;border-radius:2px;color:#92400e;display:inline-block;font-size:9px;font-weight:500;letter-spacing:.04em;padding:1px 4px;text-transform:uppercase}[data-theme=dark] .badge.badge-current{background:#fbbf2426;color:#fbbf24}.timeline-total{align-items:center;border-top:0 solid var(--border-secondary);display:flex;justify-content:space-between;margin-top:0;padding-top:0}.timeline-total .info-label{align-items:center;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:0;text-transform:none}.ticket-detail-page{margin:0 auto;max-width:1400px;padding:0;transition:var(--transition-theme)}.ticket-detail-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 380px;grid-template-rows:auto 1fr}.ticket-main{grid-column:1;grid-row:1}.ticket-sidebar{grid-column:2;grid-row:1/3}.ticket-detail-header{border-bottom:1px solid var(--border-primary);margin-bottom:32px;padding-bottom:24px}.ticket-detail-header h1{color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin-bottom:12px;transition:var(--transition-theme)}.ticket-description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:16px;transition:var(--transition-theme);white-space:pre-wrap}.ticket-meta-info{align-items:center;display:flex;gap:12px}.ticket-id{color:var(--text-muted);font-family:Inter,monospace;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.status-select{min-width:140px}.ticket-actions{align-items:center;display:flex;gap:12px}.ticket-description-section{background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:32px;padding:28px}.ticket-description-section h3{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-bottom:20px}.ticket-description-section p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:15px;line-height:1.8;white-space:pre-wrap}.messages-section.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;grid-column:1;grid-row:2;height:100%;max-height:700px;min-height:500px;overflow:hidden;padding:0}.messages-header{border-bottom:1px solid var(--border-primary);margin-bottom:0;padding:24px 24px 0}.messages-header h3{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-bottom:16px}.messages-section.card .messages-list{background:#0000;flex:1 1;overflow-y:auto;padding:24px}.empty-messages{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-messages-icon{height:80px;margin-bottom:24px;position:relative;width:70px}.document-icon{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-sm);height:70px;position:relative;width:60px}.document-lines{display:flex;flex-direction:column;gap:6px;left:10px;position:absolute;right:10px;top:12px}.document-lines span{background:var(--border-primary);display:block;height:2px}.document-lines span:last-child{width:70%}.check-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;bottom:0;box-shadow:0 2px 4px #0000001a;display:flex;height:28px;justify-content:center;position:absolute;right:0;width:28px}.empty-messages h4{color:var(--text-primary);font-size:18px;font-weight:500}.empty-messages h4,.empty-messages p{font-family:Inter,sans-serif;margin-bottom:8px}.empty-messages p{color:var(--text-muted);font-size:14px;max-width:320px}.empty-messages-hint{color:var(--text-muted);font-size:12px;font-style:italic;margin-top:8px}.fullscreen-empty-messages{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;padding:80px 20px;text-align:center}.fullscreen-empty-messages .empty-messages-icon{height:90px;margin-bottom:28px;position:relative;width:80px}.fullscreen-empty-messages .document-icon{height:80px;width:70px}.fullscreen-empty-messages .check-badge{height:32px;width:32px}.fullscreen-empty-messages h4{color:var(--text-primary);font-family:Inter,sans-serif;font-size:20px;font-weight:500;margin-bottom:12px}.fullscreen-empty-messages p{color:var(--text-muted);font-family:Inter,sans-serif;font-size:15px;margin-bottom:8px;max-width:400px}.fullscreen-empty-messages .empty-messages-hint{color:var(--text-muted);font-size:13px;font-style:italic;margin-top:12px}.fullscreen-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.fullscreen-btn:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text-primary)}.message{display:flex;margin-bottom:12px}.client-message{justify-content:flex-start}.staff-message{justify-content:flex-end}.system-message{justify-content:center;margin:20px 0}.message-wrapper{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;max-width:70%;padding:10px 14px;position:relative}.client-message .message-wrapper{background:var(--bg-hover);border-top-left-radius:2px}.staff-message .message-wrapper{background:var(--bg-card);border-top-right-radius:2px}.system-message .message-wrapper{background:#0000;border:none;max-width:90%;padding:0}.system-message .message-content{color:var(--text-muted);font-size:11px;font-style:normal;text-align:center}.message-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.message-author{color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;font-weight:500}.staff-badge{background:#1976d21a;border-radius:10px;color:#1976d2;font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:.04em;margin-left:8px;padding:2px 8px;text-transform:uppercase}[data-theme=dark] .staff-badge{background:#1976d233;color:#4da3ff}.message-time{color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px;margin-left:auto}.message-content{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:13px;line-height:1.6;margin-top:8px;white-space:pre-wrap}.message-form{background:var(--bg-card);border-top:1px solid var(--border-primary);padding:20px}.input-wrapper{align-items:center;display:flex;gap:12px}.input-field{background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-size:14px;padding:10px 14px}.input-field:focus{border-color:var(--primary);outline:none}.input-actions{align-items:center;display:flex;gap:8px}.send-button{background:var(--text-primary);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 24px;transition:opacity .2s}.send-button:hover:not(:disabled){opacity:.9}.send-button:disabled{cursor:not-allowed;opacity:.5}.back-button{background:#0000;border:none;font-family:Inter,sans-serif;font-size:13px;margin-bottom:30px;padding:0;transition:color .2s}.back-button:hover{color:var(--primary)}.back-button svg{height:16px;width:16px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:24px;transition:all .2s ease}[data-theme=dark] .card{box-shadow:0 1px 3px #0003}.ticket-main{background:#0000;flex:1 1}.ticket-sidebar{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:24px}.info-card h3{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.quick-actions-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:24px}.quick-actions-card h3{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase}.status-actions{display:flex;flex-direction:column;gap:8px}.action-btn{border:1px solid;border-radius:6px;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;width:100%}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.action-in-progress{background:#3b82f6;border-color:#3b82f6;color:#fff}.action-in-progress:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.action-resolved{background:#10b981;border-color:#10b981;color:#fff}.action-resolved:hover:not(:disabled){background:#059669;border-color:#059669}.action-closed{background:#6b7280;border-color:#6b7280;color:#fff}.action-closed:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.action-back{background:#0000;border:1px solid var(--border-primary);color:var(--text-secondary)}.action-back:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.action-report{align-items:center;background:#8b5cf6;border-color:#8b5cf6;color:#fff;display:flex;justify-content:center}.action-report:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed}.action-download{align-items:center;background:#059669;border-color:#059669;color:#fff;display:flex;justify-content:center}.action-download:hover:not(:disabled){background:#047857;border-color:#047857}[data-theme=dark] .action-back{background:var(--bg-primary)}.quick-action-item{margin-bottom:16px}.quick-action-item:last-child{margin-bottom:0}.quick-action-button{background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.quick-action-button:hover{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 3px 10px #0000001a;transform:translateY(-2px)}.action-dropdown{-webkit-appearance:none;appearance:none;background:var(--bg-input);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--border-input);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:12px 36px 12px 12px;width:100%}.info-item{border-bottom:1px solid var(--border-primary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;transition:all .2s}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{color:var(--text-secondary);font-family:Inter,sans-serif;letter-spacing:.02em}.info-label svg{height:14px;width:14px}.info-value{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:600}.info-value.priority-low{color:#606060}.info-value.priority-medium{color:#c90}.info-value.priority-high{color:#f59e0b}.info-value.priority-critical,.info-value.priority-urgent{color:#ea580c}[data-theme=dark] .info-value.priority-low{color:#9ca3af}[data-theme=dark] .info-value.priority-medium{color:#fc0}[data-theme=dark] .info-value.priority-high{color:orange}[data-theme=dark] .info-value.priority-critical,[data-theme=dark] .info-value.priority-urgent{color:#ff6b6b}.initial-attachments{margin-bottom:0;margin-top:32px}.initial-attachments h4{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:20px;text-transform:uppercase;transition:var(--transition-theme)}.attachments-table{border-collapse:initial;border-spacing:0;width:100%}.attachments-table th{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;padding:8px 12px;text-align:left;text-transform:uppercase;transition:var(--transition-theme)}.attachments-table td{border-bottom:1px solid var(--border-secondary);font-size:13px;padding:12px;transition:var(--transition-theme)}.attachments-table tbody tr:hover td{background:var(--bg-hover)}.attachments-table tbody tr:last-child td{border-bottom:none}.file-cell{gap:12px}.file-cell,.file-icon{align-items:center;display:flex}.file-icon{background:var(--bg-hover);border-radius:4px;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.file-icon img{height:100%;object-fit:cover;width:100%}.file-icon .file-ext{color:var(--text-secondary);font-size:10px;font-weight:600;text-transform:uppercase}.file-name-text{color:var(--text-primary);font-size:13px;font-weight:400;transition:var(--transition-theme)}.size-cell,.type-cell{color:var(--text-secondary);font-size:12px;transition:var(--transition-theme)}.action-btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:11px;padding:6px 12px;text-decoration:none;transition:all .2s}.action-btn:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text-primary)}.attachment-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:20px 12px;text-decoration:none;transition:all .2s}.attachment-card:hover{background:var(--bg-hover);border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.attachment-icon{align-items:center;background:var(--bg-hover);border-radius:8px;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.attachment-icon svg{color:var(--text-secondary);height:24px;width:24px}.attachment-details{align-items:center;text-align:center;width:100%}.attachment-name{font-size:12px;margin-bottom:4px;width:100%}.attachment-size{color:var(--text-muted);font-size:10px}.message-attachments{display:flex;flex-direction:column;gap:8px;margin-top:12px}.attachment-inline{align-items:center;background:#fff;border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:8px;padding:8px 12px;text-decoration:none;transition:all .2s}.attachment-inline:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateX(2px)}.attachment-icon-small{align-items:center;background:var(--bg-hover);border-radius:6px;display:flex;height:32px;justify-content:center;width:32px}.attachment-icon-small svg{color:var(--text-secondary);height:18px;width:18px}.attachment-inline .attachment-name{color:var(--text-primary);flex:1 1;font-weight:500}.attachment-inline .attachment-size{color:var(--text-muted);font-size:11px}.attachment-inline svg:last-child{color:var(--text-muted)}.message-input-area{display:flex;flex-direction:column;gap:12px}.message-actions{align-items:center;display:flex;gap:8px}.attach-button{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .2s;width:40px}.attach-button:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--text-primary);border:1px solid var(--text-primary);border-radius:6px;color:var(--bg-primary);display:inline-flex;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md);opacity:.85}.btn-primary:disabled{opacity:.5}.btn-primary svg{height:18px;width:18px}.selected-files-preview{background:var(--bg-hover);border:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:12px}.file-preview-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-secondary);display:flex;font-size:12px;gap:8px;padding:4px 8px}.remove-file-btn{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:2px}.remove-file-btn:hover{color:var(--danger)}.progress-bar{background:var(--border-primary)}.progress-text{color:var(--text-secondary)}@media (max-width:1024px){.ticket-detail-container{gap:24px;grid-template-columns:1fr;grid-template-rows:auto}.messages-section.card,.ticket-main,.ticket-sidebar{grid-column:1;grid-row:auto}.ticket-sidebar{position:relative;top:0}}@media (max-width:768px){.ticket-detail-page{padding:0}.ticket-detail-container{gap:20px}.card{margin:0;padding:20px}.ticket-detail-header{flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:16px}.ticket-detail-header h1{font-size:18px;margin-bottom:8px;word-break:break-word}.ticket-actions{flex-direction:column;gap:8px;width:100%}.status-select{min-width:0;min-width:auto;width:100%}.reopen-btn{justify-content:center;width:100%}.back-button{font-size:12px;margin-bottom:20px}.info-card{padding:16px}.info-card h3,.info-item{margin-bottom:16px}.info-item{padding-bottom:16px}.messages-section.card{height:auto;max-height:500px;min-height:400px}.messages-list{margin-bottom:20px;max-height:none}.message{margin-bottom:12px;padding:12px}.message-header{flex-wrap:wrap;gap:4px}.message-time{margin-left:0;margin-top:4px;width:100%}.message-content,.ticket-description-section p{overflow-wrap:break-word;word-break:break-word}.attachments-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.attachment-card{padding:12px 8px}.attachment-icon{height:36px;margin-bottom:8px;width:36px}.attachment-icon svg{height:20px;width:20px}.attachment-name{font-size:11px}.form-textarea{font-size:14px;min-height:60px}.message-form{gap:12px;padding-top:16px}.message-actions{flex-wrap:wrap}.ticket-detail-page *{box-sizing:border-box;max-width:100%}.selected-files-preview{gap:6px;padding:8px}.file-preview-item{font-size:11px;padding:4px 6px}}.fullscreen-chat-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#f8f9fa;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:9999}.fullscreen-chat-header{align-items:center;background:#fff;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:12px 20px;position:relative;z-index:10}.fullscreen-chat-title{align-items:center;display:flex;gap:16px}.fullscreen-chat-title h2{color:#202124;font-size:16px;font-weight:500;line-height:1.5;margin:0}.back-icon{border-radius:4px;color:#5f6368;cursor:pointer;padding:4px;transition:all .2s}.back-icon:hover{background:#f1f3f4;color:#202124}.close-fullscreen-btn{background:#0000;border:none;border-radius:4px;color:#5f6368;cursor:pointer;padding:8px;transition:all .2s}.close-fullscreen-btn:hover{background:#f1f3f4;color:#202124}.fullscreen-chat-messages{background:linear-gradient(180deg,#f8f9fa,#fff);flex:1 1;overflow-y:auto;padding:20px}.fullscreen-message{display:flex;flex-direction:column;margin-bottom:20px}.fullscreen-message.customer-msg{align-items:flex-end}.fullscreen-message.staff-msg{align-items:flex-start}.fullscreen-message-bubble{word-wrap:break-word;border-radius:12px;box-shadow:0 1px 3px #0000001a;font-size:14px;line-height:1.5;max-width:70%;padding:16px}.customer-msg .fullscreen-message-bubble{background:#f0f4f8;color:#2c3e50;margin-left:auto}.staff-msg .fullscreen-message-bubble{background:#fff;border:1px solid #e2e8f0;color:#2c3e50;margin-right:auto}.fullscreen-message-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.fullscreen-message-author{color:#1a1a1a;font-size:13px;font-weight:600}.fullscreen-message-header .staff-badge{background:#e3f2fd;border-radius:10px;color:#1976d2;font-size:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.fullscreen-message-time{color:#6b7280;font-size:11px;margin-left:auto}.fullscreen-message-content{color:#374151;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.fullscreen-message-attachments{display:flex;flex-direction:column;gap:6px;margin-top:8px}.fullscreen-attachment{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;display:inline-flex;font-size:12px;gap:8px;padding:8px 12px;text-decoration:none;transition:all .2s}.fullscreen-attachment:hover{background:#f9fafb;border-color:#3b82f6;color:#1f2937;transform:translateX(2px)}.fullscreen-chat-input{background:#fff;box-shadow:0 -1px 3px #0000000d;padding:12px 20px 20px;position:relative;z-index:10}.fullscreen-selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.fullscreen-file-item{align-items:center;background:#f3f4f6;border-radius:4px;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.fullscreen-file-item .remove-file{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;padding:2px}.fullscreen-file-item .remove-file:hover{color:#dc2626}.fullscreen-input-row{align-items:center;display:flex;gap:12px}.fullscreen-text-input{background:#f8f9fa;border:1px solid #dadce0;border-radius:20px;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;max-height:100px;min-height:40px;outline:none;padding:10px 14px;resize:none;transition:all .2s}.fullscreen-text-input:focus{background:#fff;border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.fullscreen-text-input::placeholder{color:#80868b}.fullscreen-input-actions{align-items:center;display:flex;gap:4px;padding-bottom:2px}.fullscreen-attach-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.fullscreen-attach-btn:hover{background:#f1f3f4}.fullscreen-attach-btn:active{background:#e8eaed;transform:scale(.95)}.fullscreen-send-btn{align-items:center;background:#1a73e8;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.fullscreen-send-btn:hover:not(:disabled){background:#1967d2;box-shadow:0 1px 3px #1a73e84d}.fullscreen-send-btn:active:not(:disabled){transform:scale(.95)}.fullscreen-send-btn:disabled{background:#dadce0;color:#fff;cursor:not-allowed}@media (max-width:768px){.fullscreen-message-bubble{max-width:85%}.fullscreen-chat-title h2{font-size:16px}.fullscreen-chat-messages{padding:16px}}.assigned-agents-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:20px;padding:20px}.agents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.agents-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.agent-count{background:var(--primary);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.agents-list{display:flex;flex-direction:column;gap:8px}.agent-item{align-items:center;background:var(--bg-hover);border-radius:6px;display:flex;gap:8px;padding:10px 12px;transition:var(--transition-theme)}.agent-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500}.agent-role{background:var(--bg-primary);border-radius:4px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.05em;padding:3px 6px;text-transform:uppercase}.join-ticket-section{border-bottom:1px solid var(--border-primary);margin-bottom:20px;padding-bottom:20px}.action-join{align-items:center;background:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;width:-webkit-fit-content!important;width:fit-content!important}.action-join:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px)}.action-leave{align-items:center;background:#ef4444;border:1px solid #ef4444;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;width:-webkit-fit-content!important;width:fit-content!important}.action-leave:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.new-ticket-page{padding:0}.back-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.back-button:hover{background:var(--bg-hover);border-color:var(--text-primary);color:var(--text-primary)}.new-ticket-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px;max-width:1200px}.new-ticket-container .card{background:var(--bg-card);border:1px solid var(--border-primary);padding:24px}.new-ticket-container .card-header{border-bottom:none;margin-bottom:24px;padding:0}.new-ticket-container .card-body{padding:0}@media (max-width:768px){.new-ticket-container .card{padding:20px}}.card-header h1{color:var(--text-primary);font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin-bottom:6px}.card-header p{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:13px}.form-hint{color:var(--text-muted);font-size:13px;margin-top:6px}.required{color:var(--danger)}.form-row{grid-gap:20px;gap:20px}.form-actions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.help-sidebar{display:flex;flex-direction:column;gap:20px}.help-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:20px}.help-card h3{color:var(--text-primary);font-size:16px;margin-bottom:12px}.help-card ul{list-style:none;padding:0}.help-card li{color:var(--text-secondary);font-size:14px;padding:8px 0 8px 20px;position:relative}.help-card li:before{content:"•";left:0;position:absolute}.help-card li strong,.help-card li:before{color:var(--text-primary)}.file-upload-area{background:var(--bg-card);border:2px dashed var(--border-primary);border-radius:6px;margin-bottom:16px;padding:24px;transition:all .2s}.file-upload-area:hover{background:var(--bg-hover);border-color:var(--text-primary)}.upload-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.upload-button:hover{background:var(--bg-hover);border-color:var(--text-secondary);box-shadow:var(--shadow-sm);color:var(--text-primary);transform:translateY(-1px)}.upload-hint{color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px;margin-top:12px}.selected-files{display:flex;flex-direction:column;gap:8px}.file-item{background:var(--gray-50);border:1px solid var(--gray-200);justify-content:space-between;padding:12px}.file-info,.file-item{align-items:center;display:flex}.file-info{gap:12px}.file-info svg{color:var(--gray-600)}.file-name{color:var(--gray-900);font-size:13px}.file-name,.file-size{font-family:Inter,sans-serif}.file-size{color:var(--gray-500);font-size:11px}.remove-file{background:#0000;border:none;color:var(--gray-500);cursor:pointer;padding:4px;transition:all .2s}.remove-file:hover{color:var(--danger)}.upload-progress{align-items:center;display:flex;gap:8px;margin-left:auto}.progress-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden;width:100px}.progress-fill{background:var(--primary);height:100%;transition:width .3s ease}.progress-text{color:var(--gray-600);font-family:Inter,sans-serif;font-size:11px;min-width:60px}.progress-text.success{color:var(--success);font-weight:500}.progress-text.error{color:var(--danger);font-size:10px}@media (max-width:968px){.new-ticket-container{gap:20px}.form-row,.new-ticket-container{grid-template-columns:1fr}.card-header h1{font-size:18px}.card-header p{font-size:12px}.page-header{margin-bottom:20px}.help-sidebar{display:none}.form-actions{margin-top:24px;padding-top:16px}}.kb-page{background:var(--bg-primary);min-height:calc(100vh - 60px);padding:60px 40px;transition:var(--transition-theme)}.kb-container{margin:0 auto;max-width:840px}.kb-header{margin-bottom:32px;text-align:center}.kb-header h1{color:var(--text-primary);font-size:26px;font-weight:600;margin-bottom:8px}.kb-header h1,.kb-subtitle{font-family:Inter,sans-serif;transition:var(--transition-theme)}.kb-subtitle{color:var(--text-secondary);font-size:14px}.kb-search-container{margin-bottom:40px}.kb-search-input{background:var(--bg-input);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;padding:14px 20px;transition:var(--transition-theme);width:100%}.kb-search-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.kb-search-input::placeholder{color:var(--text-muted)}.kb-category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:40px}.kb-category-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;padding:20px 16px;text-align:center;transition:var(--transition-theme)}.kb-category-card:hover{border-color:var(--border-focus);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.kb-category-card.selected{background:var(--text-primary);border-color:var(--text-primary)}.kb-category-card.selected .kb-category-name{color:var(--bg-primary)}.kb-category-card.selected .kb-category-count{color:var(--bg-primary);opacity:.7}.kb-category-name{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.kb-category-count,.kb-category-name{font-family:Inter,sans-serif;transition:var(--transition-theme)}.kb-category-count{color:var(--text-muted);font-size:12px}.kb-articles-section{border-top:1px solid var(--border-primary);padding-top:32px}.kb-section-header{color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase;transition:var(--transition-theme)}.kb-article-item{border-bottom:1px solid var(--border-secondary);cursor:pointer;padding:14px 0;transition:var(--transition-theme),padding-left .2s}.kb-article-item:last-child{border-bottom:none}.kb-article-item:hover{padding-left:8px}.kb-article-title{color:var(--text-primary);font-size:15px;font-weight:500;margin-bottom:4px}.kb-article-meta,.kb-article-title{font-family:Inter,sans-serif;transition:var(--transition-theme)}.kb-article-meta{color:var(--text-muted);font-size:12px}.kb-article-meta span{margin-right:12px}.kb-empty-state{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;margin-top:40px;padding:60px 30px;text-align:center;transition:var(--transition-theme)}.kb-empty-state h3{color:var(--text-primary);font-size:18px;font-weight:500;margin-bottom:8px}.kb-empty-state h3,.kb-empty-state p{font-family:Inter,sans-serif;transition:var(--transition-theme)}.kb-empty-state p{color:var(--text-secondary);font-size:14px}.kb-loading{padding:80px 20px;text-align:center}.kb-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-secondary);border-radius:50%;border-top-color:var(--text-secondary);display:inline-block;height:40px;width:40px}@media (max-width:768px){.kb-page{padding:40px 20px}.kb-header h1{font-size:22px}.kb-category-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.kb-category-card{padding:16px 12px}.kb-search-input{font-size:14px;padding:12px 16px}}@media (max-width:480px){.kb-page{padding:30px 16px}.kb-header h1{font-size:20px}.kb-subtitle{font-size:13px}.kb-category-grid{gap:8px;grid-template-columns:1fr}.kb-category-card{padding:14px}.kb-article-item{padding:12px 0}.kb-article-title{font-size:14px}.kb-article-meta{font-size:11px}}@media (prefers-color-scheme:dark){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149;--color-danger-emphasis:#da3633;--color-attention-fg:#d29922;--color-attention-emphasis:#9e6a03;--color-done-fg:#a371f7;--color-done-emphasis:#8957e5;--color-success-fg:#3fb950;--color-success-emphasis:#238636;--color-copied-active-bg:#2e9b33;color-scheme:dark}}@media (prefers-color-scheme:light){.wmde-markdown,.wmde-markdown-var{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#d1242f;--color-danger-emphasis:#cf222e;--color-attention-fg:#9a6700;--color-attention-emphasis:#9a6700;--color-done-fg:#8250df;--color-done-emphasis:#8250df;--color-success-fg:#1a7f37;--color-success-emphasis:#1f883d;--color-copied-active-bg:#2e9b33;color-scheme:light}}.wmde-markdown-var[data-color-mode*=dark],.wmde-markdown[data-color-mode*=dark],[data-color-mode*=dark] .wmde-markdown,[data-color-mode*=dark] .wmde-markdown-var,body[data-color-mode*=dark]{--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-storage-modifier-import:#c9d1d9;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-variable:#ffa657;--color-prettylights-syntax-brackethighlighter-unmatched:#f85149;--color-prettylights-syntax-invalid-illegal-text:#f0f6fc;--color-prettylights-syntax-invalid-illegal-bg:#8e1519;--color-prettylights-syntax-carriage-return-text:#f0f6fc;--color-prettylights-syntax-carriage-return-bg:#b62324;--color-prettylights-syntax-string-regexp:#7ee787;--color-prettylights-syntax-markup-list:#f2cc60;--color-prettylights-syntax-markup-heading:#1f6feb;--color-prettylights-syntax-markup-italic:#c9d1d9;--color-prettylights-syntax-markup-bold:#c9d1d9;--color-prettylights-syntax-markup-deleted-text:#ffdcd7;--color-prettylights-syntax-markup-deleted-bg:#67060c;--color-prettylights-syntax-markup-inserted-text:#aff5b4;--color-prettylights-syntax-markup-inserted-bg:#033a16;--color-prettylights-syntax-markup-changed-text:#ffdfb6;--color-prettylights-syntax-markup-changed-bg:#5a1e02;--color-prettylights-syntax-markup-ignored-text:#c9d1d9;--color-prettylights-syntax-markup-ignored-bg:#1158c7;--color-prettylights-syntax-meta-diff-range:#d2a8ff;--color-prettylights-syntax-brackethighlighter-angle:#8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant-other-reference-link:#a5d6ff;--color-fg-default:#c9d1d9;--color-fg-muted:#8b949e;--color-fg-subtle:#484f58;--color-canvas-default:#0d1117;--color-canvas-subtle:#161b22;--color-border-default:#30363d;--color-border-muted:#21262d;--color-neutral-muted:#6e768166;--color-accent-fg:#58a6ff;--color-accent-emphasis:#1f6feb;--color-attention-subtle:#bb800926;--color-danger-fg:#f85149;color-scheme:dark}.wmde-markdown-var[data-color-mode*=light],.wmde-markdown[data-color-mode*=light],[data-color-mode*=light] .wmde-markdown,[data-color-mode*=light] .wmde-markdown-var,body[data-color-mode*=light]{--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-storage-modifier-import:#24292f;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-variable:#953800;--color-prettylights-syntax-brackethighlighter-unmatched:#82071e;--color-prettylights-syntax-invalid-illegal-text:#f6f8fa;--color-prettylights-syntax-invalid-illegal-bg:#82071e;--color-prettylights-syntax-carriage-return-text:#f6f8fa;--color-prettylights-syntax-carriage-return-bg:#cf222e;--color-prettylights-syntax-string-regexp:#116329;--color-prettylights-syntax-markup-list:#3b2300;--color-prettylights-syntax-markup-heading:#0550ae;--color-prettylights-syntax-markup-italic:#24292f;--color-prettylights-syntax-markup-bold:#24292f;--color-prettylights-syntax-markup-deleted-text:#82071e;--color-prettylights-syntax-markup-deleted-bg:#ffebe9;--color-prettylights-syntax-markup-inserted-text:#116329;--color-prettylights-syntax-markup-inserted-bg:#dafbe1;--color-prettylights-syntax-markup-changed-text:#953800;--color-prettylights-syntax-markup-changed-bg:#ffd8b5;--color-prettylights-syntax-markup-ignored-text:#eaeef2;--color-prettylights-syntax-markup-ignored-bg:#0550ae;--color-prettylights-syntax-meta-diff-range:#8250df;--color-prettylights-syntax-brackethighlighter-angle:#57606a;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant-other-reference-link:#0a3069;--color-fg-default:#24292f;--color-fg-muted:#57606a;--color-fg-subtle:#6e7781;--color-canvas-default:#fff;--color-canvas-subtle:#f6f8fa;--color-border-default:#d0d7de;--color-border-muted:#d8dee4;--color-neutral-muted:#afb8c133;--color-accent-fg:#0969da;--color-accent-emphasis:#0969da;--color-attention-subtle:#fff8c5;--color-danger-fg:#cf222e;color-scheme:light}.wmde-markdown{-webkit-text-size-adjust:100%;word-wrap:break-word;background-color:var(--color-canvas-default);color:var(--color-fg-default);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.wmde-markdown details,.wmde-markdown figcaption,.wmde-markdown figure{display:block}.wmde-markdown summary{display:list-item}.wmde-markdown [hidden]{display:none!important}.wmde-markdown a{background-color:initial;color:var(--color-accent-fg);text-decoration:none}.wmde-markdown a:active,.wmde-markdown a:hover{outline-width:0}.wmde-markdown abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.wmde-markdown b,.wmde-markdown strong{font-weight:600}.wmde-markdown dfn{font-style:italic}.wmde-markdown h1{border-bottom:1px solid var(--color-border-muted);font-size:2em;font-weight:600;margin:.67em 0;padding-bottom:.3em}.wmde-markdown mark{background-color:var(--color-attention-subtle);color:var(--color-text-primary)}.wmde-markdown small{font-size:90%}.wmde-markdown sub,.wmde-markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}.wmde-markdown sub{bottom:-.25em}.wmde-markdown sup{top:-.5em}.wmde-markdown img{background-color:var(--color-canvas-default);border-style:none;box-sizing:initial;display:inline-block;max-width:100%}.wmde-markdown code,.wmde-markdown kbd,.wmde-markdown pre,.wmde-markdown samp{font-family:monospace,monospace;font-size:1em}.wmde-markdown figure{margin:1em 40px}.wmde-markdown hr{background:#0000;background-color:var(--color-border-default);border:0;border-bottom:1px solid var(--color-border-muted);box-sizing:initial;height:.25em;margin:24px 0;overflow:hidden;padding:0}.wmde-markdown input{font:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;overflow:visible}.wmde-markdown [type=button],.wmde-markdown [type=reset],.wmde-markdown [type=submit]{-webkit-appearance:button}.wmde-markdown [type=button]::-moz-focus-inner,.wmde-markdown [type=reset]::-moz-focus-inner,.wmde-markdown [type=submit]::-moz-focus-inner{border-style:none;padding:0}.wmde-markdown [type=button]:-moz-focusring,.wmde-markdown [type=reset]:-moz-focusring,.wmde-markdown [type=submit]:-moz-focusring{outline:1px dotted ButtonText}.wmde-markdown [type=checkbox],.wmde-markdown [type=radio]{box-sizing:border-box;padding:0}.wmde-markdown [type=number]::-webkit-inner-spin-button,.wmde-markdown [type=number]::-webkit-outer-spin-button{height:auto}.wmde-markdown [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.wmde-markdown [type=search]::-webkit-search-cancel-button,.wmde-markdown [type=search]::-webkit-search-decoration{-webkit-appearance:none}.wmde-markdown ::-webkit-input-placeholder{color:inherit;opacity:.54}.wmde-markdown ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.wmde-markdown a:hover{text-decoration:underline}.wmde-markdown hr:after,.wmde-markdown hr:before{content:"";display:table}.wmde-markdown hr:after{clear:both}.wmde-markdown table{border-collapse:collapse;border-spacing:0;display:block;max-width:100%;width:-webkit-max-content;width:max-content}.wmde-markdown td,.wmde-markdown th{padding:0}.wmde-markdown details summary{cursor:pointer}.wmde-markdown details:not([open])>:not(summary){display:none!important}.wmde-markdown kbd{background-color:var(--color-canvas-subtle);border-bottom-color:var(--color-neutral-muted);border:1px solid var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted);color:var(--color-fg-default);display:inline-block;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;padding:3px 5px;vertical-align:middle}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.wmde-markdown h2{border-bottom:1px solid var(--color-border-muted);font-size:1.5em;font-weight:600;padding-bottom:.3em}.wmde-markdown h3{font-size:1.25em;font-weight:600}.wmde-markdown h4{font-size:1em;font-weight:600}.wmde-markdown h5{font-size:.875em;font-weight:600}.wmde-markdown h6{color:var(--color-fg-muted);font-size:.85em;font-weight:600}.wmde-markdown p{margin-bottom:10px;margin-top:0}.wmde-markdown blockquote{border-left:.25em solid var(--color-border-default);color:var(--color-fg-muted);margin:0;padding:0 1em}.wmde-markdown ol,.wmde-markdown ul{margin-bottom:0;margin-top:0;padding-left:2em}.wmde-markdown ol ol,.wmde-markdown ul ol{list-style-type:lower-roman}.wmde-markdown ol ol ol,.wmde-markdown ol ul ol,.wmde-markdown ul ol ol,.wmde-markdown ul ul ol{list-style-type:lower-alpha}.wmde-markdown dd{margin-left:0}.wmde-markdown code,.wmde-markdown pre,.wmde-markdown tt{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}.wmde-markdown pre{word-wrap:normal;margin-bottom:0;margin-top:0}.wmde-markdown .octicon{fill:currentColor;display:inline-block;overflow:visible!important;vertical-align:text-bottom}.wmde-markdown ::placeholder{color:var(--color-fg-subtle);opacity:1}.wmde-markdown input::-webkit-inner-spin-button,.wmde-markdown input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.wmde-markdown [data-catalyst]{display:block}.wmde-markdown:after,.wmde-markdown:before{content:"";display:table}.wmde-markdown:after{clear:both}.wmde-markdown>:first-child{margin-top:0!important}.wmde-markdown>:last-child{margin-bottom:0!important}.wmde-markdown a:not([href]){color:inherit;text-decoration:none}.wmde-markdown .absent{color:var(--color-danger-fg)}.wmde-markdown a.anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.wmde-markdown .anchor:focus{outline:none}.wmde-markdown blockquote,.wmde-markdown details,.wmde-markdown dl,.wmde-markdown ol,.wmde-markdown p,.wmde-markdown pre,.wmde-markdown table,.wmde-markdown ul{margin-bottom:16px;margin-top:0}.wmde-markdown blockquote>:first-child{margin-top:0}.wmde-markdown blockquote>:last-child{margin-bottom:0}.wmde-markdown sup>a:before{content:"["}.wmde-markdown sup>a:after{content:"]"}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link{color:var(--color-fg-default);vertical-align:middle;visibility:hidden}.wmde-markdown h1:hover .anchor,.wmde-markdown h2:hover .anchor,.wmde-markdown h3:hover .anchor,.wmde-markdown h4:hover .anchor,.wmde-markdown h5:hover .anchor,.wmde-markdown h6:hover .anchor{text-decoration:none}.wmde-markdown h1:hover .anchor .octicon-link,.wmde-markdown h2:hover .anchor .octicon-link,.wmde-markdown h3:hover .anchor .octicon-link,.wmde-markdown h4:hover .anchor .octicon-link,.wmde-markdown h5:hover .anchor .octicon-link,.wmde-markdown h6:hover .anchor .octicon-link{visibility:visible}.wmde-markdown h1 code,.wmde-markdown h1 tt,.wmde-markdown h2 code,.wmde-markdown h2 tt,.wmde-markdown h3 code,.wmde-markdown h3 tt,.wmde-markdown h4 code,.wmde-markdown h4 tt,.wmde-markdown h5 code,.wmde-markdown h5 tt,.wmde-markdown h6 code,.wmde-markdown h6 tt{font-size:inherit;padding:0 .2em}.wmde-markdown ol.no-list,.wmde-markdown ul.no-list{list-style-type:none;padding:0}.wmde-markdown ol[type="1"]{list-style-type:decimal}.wmde-markdown ol[type=a]{list-style-type:lower-alpha}.wmde-markdown ol[type=i]{list-style-type:lower-roman}.wmde-markdown div>ol:not([type]){list-style-type:decimal}.wmde-markdown ol ol,.wmde-markdown ol ul,.wmde-markdown ul ol,.wmde-markdown ul ul{margin-bottom:0;margin-top:0}.wmde-markdown li>p{margin-top:16px}.wmde-markdown li+li{margin-top:.25em}.wmde-markdown dl{padding:0}.wmde-markdown dl dt{font-size:1em;font-style:italic;font-weight:600;margin-top:16px;padding:0}.wmde-markdown dl dd{margin-bottom:16px;padding:0 16px}.wmde-markdown table th{font-weight:600}.wmde-markdown table td,.wmde-markdown table th{border:1px solid var(--color-border-default);padding:6px 13px}.wmde-markdown table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.wmde-markdown table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.wmde-markdown table img{background-color:initial}.wmde-markdown img[align=right]{padding-left:20px}.wmde-markdown img[align=left]{padding-right:20px}.wmde-markdown .emoji{background-color:initial;max-width:none;vertical-align:text-top}.wmde-markdown span.frame{display:block;overflow:hidden}.wmde-markdown span.frame>span{border:1px solid var(--color-border-default);display:block;float:left;margin:13px 0 0;overflow:hidden;padding:7px;width:auto}.wmde-markdown span.frame span img{display:block;float:left}.wmde-markdown span.frame span span{clear:both;color:var(--color-fg-default);display:block;padding:5px 0 0}.wmde-markdown span.align-center{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-center>span{display:block;margin:13px auto 0;overflow:hidden;text-align:center}.wmde-markdown span.align-center span img{margin:0 auto;text-align:center}.wmde-markdown span.align-right{clear:both;display:block;overflow:hidden}.wmde-markdown span.align-right>span{display:block;margin:13px 0 0;overflow:hidden;text-align:right}.wmde-markdown span.align-right span img{margin:0;text-align:right}.wmde-markdown span.float-left{display:block;float:left;margin-right:13px;overflow:hidden}.wmde-markdown span.float-left span{margin:13px 0 0}.wmde-markdown span.float-right{display:block;float:right;margin-left:13px;overflow:hidden}.wmde-markdown span.float-right>span{display:block;margin:13px auto 0;overflow:hidden;text-align:right}.wmde-markdown code,.wmde-markdown tt{background-color:var(--color-neutral-muted);border-radius:6px;font-size:85%;margin:0;padding:.2em .4em}.wmde-markdown code br,.wmde-markdown tt br{display:none}.wmde-markdown del code{text-decoration:inherit}.wmde-markdown pre code{font-size:100%}.wmde-markdown pre>code{background:#0000;border:0;margin:0;padding:0;white-space:pre;word-break:normal}.wmde-markdown pre{background-color:var(--color-canvas-subtle);border-radius:6px;font-size:85%;line-height:1.45}.wmde-markdown pre code,.wmde-markdown pre tt{word-wrap:normal;background-color:initial;border:0;display:inline;line-height:inherit;margin:0;max-width:auto;overflow:visible;padding:0}.wmde-markdown pre>code{display:block;overflow:auto;padding:16px}.wmde-markdown pre>code::-webkit-scrollbar{background:#0000;height:8px;width:8px}.wmde-markdown pre>code::-webkit-scrollbar-thumb{background:var(--color-fg-muted);border-radius:10px}.wmde-markdown .csv-data td,.wmde-markdown .csv-data th{font-size:12px;line-height:1;overflow:hidden;padding:5px;text-align:left;white-space:nowrap}.wmde-markdown .csv-data .blob-num{background:var(--color-canvas-default);border:0;padding:10px 8px 9px;text-align:right}.wmde-markdown .csv-data tr{border-top:0}.wmde-markdown .csv-data th{background:var(--color-canvas-subtle);border-top:0;font-weight:600}.wmde-markdown .footnotes{border-top:1px solid var(--color-border-default);color:var(--color-fg-muted);font-size:12px}.wmde-markdown .footnotes ol{padding-left:16px}.wmde-markdown .footnotes li{position:relative}.wmde-markdown .footnotes li:target:before{border:2px solid var(--color-accent-emphasis);border-radius:6px;bottom:-8px;content:"";left:-24px;pointer-events:none;position:absolute;right:-8px;top:-8px}.wmde-markdown .footnotes li:target{color:var(--color-fg-default)}.wmde-markdown .footnotes .data-footnote-backref g-emoji{font-family:monospace}.wmde-markdown .task-list-item{list-style-type:none}.wmde-markdown .task-list-item label{font-weight:400}.wmde-markdown .task-list-item.enabled label{cursor:pointer}.wmde-markdown .task-list-item+.wmde-markdown .task-list-item{margin-top:3px}.wmde-markdown .task-list-item .handle{display:none}.wmde-markdown .contains-task-list input[type=checkbox],.wmde-markdown .task-list-item-checkbox{margin:0 .2em .25em -1.6em;vertical-align:middle}.wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox,.wmde-markdown .contains-task-list:dir(rtl) input[type=checkbox]{margin:0 -1.6em .25em .2em}.wmde-markdown ::-webkit-calendar-picker-indicator{filter:invert(50%)}.wmde-markdown pre{position:relative}.wmde-markdown pre .copied{background:var(--color-border-default);border-radius:5px;color:var(--color-fg-default);cursor:pointer;display:flex;font-size:12px;padding:6px;position:absolute;right:6px;top:6px;transition:all .3s;visibility:hidden}.wmde-markdown pre .copied .octicon-copy{display:block}.wmde-markdown pre .copied .octicon-check{display:none}.wmde-markdown pre:hover .copied{visibility:visible}.wmde-markdown pre:hover .copied:hover{background:var(--color-prettylights-syntax-entity-tag);color:var(--color-canvas-default)}.wmde-markdown pre .copied.active,.wmde-markdown pre:hover .copied:active{background:var(--color-copied-active-bg);color:var(--color-canvas-default)}.wmde-markdown pre .active .octicon-copy{display:none}.wmde-markdown pre .active .octicon-check{display:block}.wmde-markdown .markdown-alert{border-left:.25em solid var(--borderColor-default,var(--color-border-default));color:inherit;margin-bottom:16px;padding:.5rem 1em}.wmde-markdown .markdown-alert>:last-child{margin-bottom:0!important}.wmde-markdown .markdown-alert .markdown-alert-title{align-items:center;display:flex;font-size:14px;font-weight:500;line-height:1}.wmde-markdown .markdown-alert .markdown-alert-title svg.octicon{margin-right:8px!important;margin-right:var(--base-size-8,8px)!important}.wmde-markdown .markdown-alert.markdown-alert-note{border-left-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-note .markdown-alert-title{color:var(--color-accent-fg);color:var(--fgColor-accent,var(--color-accent-fg))}.wmde-markdown .markdown-alert.markdown-alert-tip{border-left-color:var(--borderColor-success-emphasis,var(--color-success-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-tip .markdown-alert-title{color:var(--color-success-fg);color:var(--fgColor-success,var(--color-success-fg))}.wmde-markdown .markdown-alert.markdown-alert-important{border-left-color:var(--borderColor-done-emphasis,var(--color-done-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-important .markdown-alert-title{color:var(--color-done-fg);color:var(--fgColor-done,var(--color-done-fg))}.wmde-markdown .markdown-alert.markdown-alert-warning{border-left-color:var(--borderColor-attention-emphasis,var(--color-attention-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-warning .markdown-alert-title{color:var(--color-attention-fg);color:var(--fgColor-attention,var(--color-attention-fg))}.wmde-markdown .markdown-alert.markdown-alert-caution{border-left-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.wmde-markdown .markdown-alert.markdown-alert-caution .markdown-alert-title{color:var(--color-danger-fg);color:var(--fgColor-danger,var(--color-danger-fg))}.wmde-markdown .highlight-line{background-color:var(--color-neutral-muted)}.wmde-markdown .code-line.line-number:before{color:var(--color-fg-subtle);content:attr(line);display:inline-block;margin-right:16px;text-align:right;white-space:nowrap;width:1rem}.wmde-markdown .token.cdata,.wmde-markdown .token.comment,.wmde-markdown .token.doctype,.wmde-markdown .token.prolog{color:var(--color-prettylights-syntax-comment)}.wmde-markdown .token.namespace{opacity:.7}.wmde-markdown .token.constant,.wmde-markdown .token.deleted,.wmde-markdown .token.property,.wmde-markdown .token.selector,.wmde-markdown .token.symbol,.wmde-markdown .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.wmde-markdown .token.maybe-class-name{color:var(--color-prettylights-syntax-variable)}.wmde-markdown .token.attr-name,.wmde-markdown .token.boolean,.wmde-markdown .token.builtin,.wmde-markdown .token.char,.wmde-markdown .token.number,.wmde-markdown .token.operator,.wmde-markdown .token.property-access,.wmde-markdown .token.selector .token.class,.wmde-markdown .token.string{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .token.deleted{color:var(--color-prettylights-syntax-markup-deleted-text)}.wmde-markdown .code-line .token.deleted{background-color:var(--color-prettylights-syntax-markup-deleted-bg)}.wmde-markdown .token.inserted{color:var(--color-prettylights-syntax-markup-inserted-text)}.wmde-markdown .code-line .token.inserted{background-color:var(--color-prettylights-syntax-markup-inserted-bg)}.wmde-markdown .token.variable{color:var(--color-prettylights-syntax-constant)}.wmde-markdown .language-css .token.string,.wmde-markdown .style .token.string,.wmde-markdown .token.atrule,.wmde-markdown .token.attr-value,.wmde-markdown .token.class-name,.wmde-markdown .token.color,.wmde-markdown .token.entity,.wmde-markdown .token.function,.wmde-markdown .token.url{color:var(--color-prettylights-syntax-string)}.wmde-markdown .token.important,.wmde-markdown .token.keyword,.wmde-markdown .token.regex,.wmde-markdown .token.rule{color:var(--color-prettylights-syntax-keyword)}.wmde-markdown .token.coord{color:var(--color-prettylights-syntax-meta-diff-range)}.wmde-markdown .token.bold,.wmde-markdown .token.important{font-weight:700}.wmde-markdown .token.italic{font-style:italic}.wmde-markdown .token.entity{cursor:help}.w-md-editor-toolbar-child{background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);display:none;position:absolute;z-index:1}.w-md-editor-toolbar-child.active{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar{border-bottom:0;border-radius:3px;padding:3px}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li{display:block}.w-md-editor-toolbar-child .w-md-editor-toolbar ul>li button{box-sizing:border-box;height:auto;margin:0;padding:3px 4px 2px;width:-webkit-fill-available}.w-md-editor-toolbar{align-items:center;background-color:var(--md-editor-background-color);border-bottom:1px solid var(--md-editor-box-shadow-color);border-radius:3px 3px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;padding:3px;-webkit-user-select:none;user-select:none}.w-md-editor-toolbar.bottom{border-bottom:0;border-radius:0 0 3px 3px;border-top:1px solid var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li,.w-md-editor-toolbar ul{line-height:normal;list-style:none;margin:0;padding:0}.w-md-editor-toolbar li{display:inline-block;font-size:14px}.w-md-editor-toolbar li+li{margin:0}.w-md-editor-toolbar li>button{background:none;border:none;border-radius:2px;color:var(--color-fg-default);cursor:pointer;font-weight:400;height:20px;line-height:14px;margin:0 1px;outline:none;overflow:visible;padding:4px;text-transform:none;transition:all .3s;white-space:nowrap}.w-md-editor-toolbar li>button:focus,.w-md-editor-toolbar li>button:hover{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar li>button:active{background-color:var(--color-neutral-muted);color:var(--color-danger-fg)}.w-md-editor-toolbar li>button:disabled{color:var(--md-editor-box-shadow-color);cursor:not-allowed}.w-md-editor-toolbar li>button:disabled:hover{background-color:initial;color:var(--md-editor-box-shadow-color)}.w-md-editor-toolbar li.active>button{background-color:var(--color-neutral-muted);color:var(--color-accent-fg)}.w-md-editor-toolbar-divider{background-color:var(--md-editor-box-shadow-color);height:14px;margin:-3px 3px 0!important;vertical-align:middle;width:1px}.w-md-editor-area{border-radius:5px;overflow:auto}.w-md-editor-text{font-feature-settings:"liga","clig";box-sizing:border-box;font-size:14px!important;font-variant-ligatures:common-ligatures;line-height:18px!important;margin:0;min-height:100%;overflow-wrap:break-word;padding:10px;position:relative;text-align:left;white-space:pre-wrap;word-break:keep-all}.w-md-editor-text-input,.w-md-editor-text-pre,.w-md-editor-text>.w-md-editor-text-pre{font-feature-settings:inherit;background:none;border:0;box-sizing:inherit;display:inherit;font-family:inherit;font-family:var(--md-editor-font-family)!important;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow-wrap:inherit;padding:0;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:inherit;word-break:inherit;word-break:normal}.w-md-editor-text-pre{background-color:initial!important;margin:0!important;pointer-events:none;position:relative}.w-md-editor-text-pre>code{font-family:var(--md-editor-font-family)!important;font-size:14px!important;line-height:18px!important;padding:0!important}.w-md-editor-text-input{-webkit-font-smoothing:antialiased;-webkit-text-fill-color:#0000;color:inherit;height:100%;left:0;outline:0;overflow:hidden;padding:inherit;position:absolute;resize:none;top:0;width:100%}.w-md-editor-text-input:empty{-webkit-text-fill-color:inherit!important}.w-md-editor-text-input,.w-md-editor-text-pre{word-wrap:pre;white-space:pre-wrap;word-break:break-word}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.w-md-editor-text-input{color:#0000!important}.w-md-editor-text-input::selection{background-color:#accef7!important;color:#0000!important}}.w-md-editor-text-pre .punctuation{color:#8b949e!important;color:var(--color-prettylights-syntax-comment,#8b949e)!important}.w-md-editor-text-pre .token.content,.w-md-editor-text-pre .token.url{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.title.important{color:#24292f;color:var(--color-prettylights-syntax-markup-bold,#24292f)}.w-md-editor-text-pre .token.code-block .function{color:#8250df;color:var(--color-prettylights-syntax-entity,#8250df)}.w-md-editor-text-pre .token.bold{font-weight:inherit!important}.w-md-editor-text-pre .token.title{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}.w-md-editor-text-pre .token.code.keyword{color:#0550ae!important;color:var(--color-prettylights-syntax-constant,#0550ae)!important}.w-md-editor-text-pre .token.strike,.w-md-editor-text-pre .token.strike .content{color:#82071e!important;color:var(--color-prettylights-syntax-markup-deleted-text,#82071e)!important}.w-md-editor-bar{border-radius:0 0 3px 0;bottom:0;cursor:s-resize;height:10px;margin-right:0;margin-top:-11px;position:absolute;right:0;-webkit-user-select:none;user-select:none;width:14px;z-index:3}.w-md-editor-bar svg{display:block;margin:0 auto}.w-md-editor{--md-editor-font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--md-editor-background-color:var(--color-canvas-default,#fff);--md-editor-box-shadow-color:var(--color-border-default,#d0d7de);background-color:var(--md-editor-background-color);border-radius:3px;box-shadow:0 0 0 1px var(--md-editor-box-shadow-color),0 0 0 var(--md-editor-box-shadow-color),0 1px 1px var(--md-editor-box-shadow-color);color:var(--color-fg-default);display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding-bottom:1px;position:relative;text-align:left}.w-md-editor.w-md-editor-rtl{direction:rtl!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-preview{box-shadow:inset -1px 0 0 0 var(--md-editor-box-shadow-color);left:0;right:auto!important;text-align:right!important}.w-md-editor.w-md-editor-rtl .w-md-editor-text{text-align:right!important}.w-md-editor-toolbar{height:-webkit-fit-content;height:fit-content}.w-md-editor-content{border-radius:0 0 3px 0;height:100%;overflow:auto;position:relative}.w-md-editor .copied{display:none!important}.w-md-editor-input{height:100%;width:50%}.w-md-editor-text-pre>code{white-space:pre-wrap!important;word-break:break-word!important}.w-md-editor-preview{border-radius:0 0 5px 0;bottom:0;box-shadow:inset 1px 0 0 0 var(--md-editor-box-shadow-color);box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;padding:10px 20px;position:absolute;right:0;top:0;width:50%}.w-md-editor-preview .anchor{display:none}.w-md-editor-preview .contains-task-list li.task-list-item{list-style:none}.w-md-editor-show-preview .w-md-editor-input{background-color:var(--md-editor-background-color);overflow:hidden;width:0}.w-md-editor-show-preview .w-md-editor-preview{box-shadow:inset 0 0 0 0;width:100%}.w-md-editor-show-edit .w-md-editor-input{width:100%}.w-md-editor-show-edit .w-md-editor-preview{padding:0;width:0}.w-md-editor-fullscreen{bottom:0;height:100%!important;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.w-md-editor-fullscreen .w-md-editor-content{height:100%}.article-page{min-height:100vh;padding:80px 20px}.article-wrapper{margin:0 auto;max-width:680px}.article-breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;transition:var(--transition-theme)}.article-breadcrumbs,.breadcrumb-link{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px}.breadcrumb-link{background:none;border:none;cursor:pointer;padding:0;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.breadcrumb-separator{color:var(--text-muted);-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--text-primary);font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-category{color:var(--text-muted);display:inline-block;font-size:12px;letter-spacing:.1em;margin-bottom:24px;transition:var(--transition-theme)}.article-wrapper h1{color:var(--text-primary);font-size:36px;font-weight:300;letter-spacing:-.02em;line-height:1.2;margin:0 0 24px}.article-info,.article-wrapper h1{font-family:Inter,sans-serif;transition:var(--transition-theme)}.article-info{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);font-size:13px;margin-bottom:32px;padding-bottom:32px}.article-content{color:var(--text-primary);font-family:Inter,sans-serif;transition:var(--transition-theme)}.article-content .markdown-body,.article-content .wmde-markdown,.article-content .wmde-markdown-var,.article-content [class*=markdown],.article-content [class*=wmde]{all:unset!important;background:#0000!important;border:none!important;color:var(--text-primary)!important;display:block!important;font-family:Inter,sans-serif!important;font-size:16px!important;line-height:1.7!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.article-content *{color:inherit;font-family:inherit;line-height:inherit}.article-content p{font-size:16px!important;line-height:1.7!important;margin:0 0 20px!important}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content p{background:none!important;border:none!important;color:var(--text-primary)!important;display:block!important;font-family:Inter,sans-serif!important;padding:0!important}.article-content h1{font-size:26px!important;font-weight:400!important;letter-spacing:-.01em!important;line-height:1.2!important;margin:32px 0 16px!important}.article-content h2{font-size:20px!important;letter-spacing:-.01em!important;margin:28px 0 12px!important}.article-content h2,.article-content h3{font-weight:500!important;line-height:1.3!important}.article-content h3{font-size:18px!important;margin:24px 0 10px!important}.article-content h4{font-size:16px!important;font-weight:500!important;line-height:1.4!important;margin:20px 0 8px!important}.article-content h5,.article-content h6{font-size:14px!important;font-weight:500!important;letter-spacing:.05em!important;line-height:1.4!important;margin:16px 0 8px!important;text-transform:uppercase!important}.article-content ol,.article-content ul{display:block!important;margin:0 0 20px!important;padding:0 0 0 28px!important}.article-content li,.article-content ol,.article-content ul{background:none!important;border:none!important;color:var(--text-primary)!important;font-family:Inter,sans-serif!important;font-size:16px!important;line-height:1.7!important}.article-content li{display:list-item!important;margin:0 0 6px!important;padding:0!important}.article-content ul li{list-style-position:outside!important;list-style-type:disc!important}.article-content ol li{list-style-position:outside!important;list-style-type:decimal!important}.article-content li:last-child{margin-bottom:0!important}.article-content ol ol,.article-content ol ul,.article-content ul ol,.article-content ul ul{margin-bottom:0!important;margin-top:12px!important}.article-content a{border:none!important;display:inline!important;padding:0!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important;transition:opacity .2s!important}.article-content a,.article-content a:hover{background:none!important;color:var(--text-primary)!important}.article-content a:hover{opacity:.6!important;text-decoration:underline!important}.article-content code{background:var(--bg-hover)!important;border:none!important;border-radius:3px!important;color:var(--text-primary)!important;display:inline!important;font-family:Monaco,Courier New,monospace!important;font-size:14px!important;margin:0!important;padding:2px 6px!important}.article-content pre{background:var(--text-primary)!important;border:none!important;border-radius:0!important;display:block!important;margin:32px 0!important;overflow-x:auto!important;padding:24px!important}.article-content pre code{background:#0000!important;border-radius:0!important;color:var(--bg-primary)!important;display:block!important;font-family:Monaco,Courier New,monospace!important;font-size:14px!important;line-height:1.5!important;padding:0!important}.article-content blockquote{background:#0000!important;border:none!important;border-left:2px solid var(--text-primary)!important;border-radius:0!important;display:block!important;font-family:Inter,sans-serif!important;font-size:16px!important;margin:24px 0!important;padding:0 0 0 20px!important}.article-content blockquote,.article-content blockquote p{color:var(--text-secondary)!important;font-style:italic!important}.article-content blockquote p:last-child{margin-bottom:0!important}.article-content hr{background:var(--border-primary)!important;border:none!important;display:block!important;height:1px!important;margin:48px 0!important;padding:0!important}.article-content table{background:var(--bg-card)!important;border:none!important;border-collapse:collapse!important;display:table!important;font-family:Inter,sans-serif!important;font-size:16px!important;margin:32px 0!important;width:100%!important}.article-content thead{display:table-header-group!important}.article-content tbody{display:table-row-group!important}.article-content tr{background:var(--bg-card)!important;border:none!important;display:table-row!important}.article-content td,.article-content th{background:none!important;border:none!important;border-bottom:1px solid var(--border-primary)!important;display:table-cell!important;padding:12px!important;text-align:left!important}.article-content th{border-bottom:2px solid var(--border-primary)!important;color:var(--text-primary)!important;font-size:14px!important;font-weight:600!important;letter-spacing:.05em!important;text-transform:uppercase!important}.article-content tr:last-child td{border-bottom:none!important}.article-content img{display:block!important;height:auto!important;margin:32px 0!important;max-width:100%!important}.article-content b,.article-content strong{background:none!important;color:inherit!important;font-weight:600!important}.article-content em,.article-content i{color:inherit!important;font-style:italic!important}.article-content mark{background:#ffeb3b4d!important;border-radius:0!important;color:var(--text-primary)!important;padding:2px 4px!important}[data-theme=dark] .article-content mark{background:#ffeb3b33!important}.article-loading{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh}.spinner{border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);height:32px;width:32px}.article-error-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.article-error-wrapper{max-width:680px;text-align:center}.article-error-wrapper h1{color:var(--text-primary);font-family:Inter,sans-serif;font-size:32px;font-weight:300;margin-bottom:16px}.article-error-wrapper p{font-size:16px;margin-bottom:32px}.article-back-link,.article-error-wrapper p{color:var(--text-secondary);font-family:Inter,sans-serif}.article-back-link{background:var(--bg-card);border:1px solid var(--text-primary);cursor:pointer;display:inline-block;font-size:14px;padding:12px 24px;text-decoration:none;transition:all .2s}.article-back-link:hover{background:var(--text-primary);color:var(--bg-primary)}.article-content *{max-width:100%!important}.article-content .wmde-markdown>:first-child,.article-content>:first-child{margin-top:0!important}.article-content .wmde-markdown>:last-child,.article-content>:last-child{margin-bottom:0!important}.article-content li,.article-content p,.article-content td{color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}.floating-section-nav{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-md);max-width:260px;min-width:200px;position:fixed;right:20px;top:100px;z-index:100}.section-nav-toggle{align-items:center;background:var(--bg-card);border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;justify-content:space-between;padding:12px 16px;transition:background .2s;width:100%}.section-nav-toggle:hover{background:var(--bg-hover)}.section-icon{margin-right:8px}.dropdown-arrow{color:var(--text-secondary);font-size:10px}.section-dropdown{border-top:1px solid var(--article-border-color);max-height:400px;overflow-y:auto}.section-item{background:var(--bg-card);border:none;border-radius:0;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.section-item:hover{background:var(--bg-hover)}.section-item:last-child{border-radius:0 0 8px 8px}.article-attachments{border-top:1px solid var(--border-primary);margin-top:48px;padding-top:32px}.article-attachments h3{color:var(--text-primary);font-family:Inter,sans-serif;font-size:18px;font-weight:500;margin-bottom:20px}.attachments-list{display:flex;flex-direction:column;gap:12px}.attachment-item{background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;padding:12px 16px;text-decoration:none;transition:all .2s}.attachment-item:hover{background:var(--bg-card);box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.attachment-icon{font-size:20px;margin-right:12px}.attachment-details{display:flex;flex-direction:column;gap:4px}.attachment-name{color:var(--text-primary);font-family:Inter,sans-serif;font-size:14px;font-weight:500}.attachment-size{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:12px}.article-feedback{background:var(--bg-hover);border-radius:12px;margin-top:64px;padding:40px;text-align:center;transition:var(--transition-theme)}.feedback-content h3{color:var(--text-primary);font-family:Inter,sans-serif;font-size:20px;font-weight:400;margin-bottom:24px;transition:var(--transition-theme)}.feedback-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.feedback-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:8px;padding:10px 24px;transition:all .2s}.feedback-btn:hover{background:var(--bg-card);border-color:var(--border-focus);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.feedback-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.feedback-btn.active .feedback-icon{filter:grayscale(0)}.feedback-icon{filter:grayscale(100%);font-size:18px;transition:filter .2s}.feedback-thanks{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;margin-bottom:32px;transition:var(--transition-theme)}.contact-support{border-top:1px solid var(--border-primary);padding-top:32px}.contact-support p{color:var(--text-secondary);margin-bottom:16px;transition:var(--transition-theme)}.contact-btn,.contact-support p{font-family:Inter,sans-serif;font-size:14px}.contact-btn{background:var(--text-primary);border:none;border-radius:6px;color:var(--bg-primary);cursor:pointer;padding:12px 32px;transition:opacity .2s}.contact-btn:hover{opacity:.8}@media (max-width:768px){.article-page{padding:40px 20px}.article-wrapper h1{font-size:32px}.article-content,.article-content li,.article-content p{font-size:16px!important}.floating-section-nav{display:none}.article-feedback{padding:24px}.feedback-buttons{flex-direction:column}.feedback-btn{justify-content:center;width:100%}}@media print{.article-page{padding:20px}.article-category{font-size:10pt}.article-wrapper h1{font-size:24pt}.article-info{border-bottom:1px solid #000;font-size:10pt}.article-content{font-size:11pt}}.install-prompt{animation:slideUp .3s ease;background:#fff;background:var(--card-bg,#fff);border-top:1px solid var(--border-color,var(--gray-200));bottom:56px;box-shadow:0 -4px 12px #00000014;left:0;position:fixed;right:0;z-index:90}.install-prompt-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1400px;padding:16px 20px}.install-prompt-content svg{color:var(--primary);color:var(--primary-color,var(--primary));flex-shrink:0}.install-prompt-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.install-prompt-text strong{color:var(--gray-900);color:var(--text-primary,var(--gray-900));font-family:Inter,sans-serif;font-size:14px;font-weight:600}.install-prompt-text span{color:var(--gray-600);color:var(--text-secondary,var(--gray-600));font-family:Inter,sans-serif;font-size:12px}.install-btn{background:var(--primary);background:var(--primary-color,var(--primary));border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;letter-spacing:.05em;padding:8px 20px;text-transform:uppercase;transition:all .2s}.install-btn:hover{background:var(--primary-dark);background:var(--primary-hover,var(--primary-dark));transform:translateY(-1px)}.dismiss-btn{align-items:center;background:#0000;border:none;color:var(--gray-500);color:var(--text-secondary,var(--gray-500));cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.dismiss-btn:hover{background:var(--gray-100);background:var(--hover-bg,var(--gray-100));border-radius:4px;color:var(--gray-700);color:var(--text-primary,var(--gray-700))}@media (min-width:768px){.install-prompt{border:1px solid var(--border-color,var(--gray-200));border-radius:8px;bottom:20px;box-shadow:0 4px 20px #0000001a;left:20px;max-width:400px;right:auto}.install-prompt-content{padding:16px}}@media (max-width:320px){.install-prompt-text span{display:none}}[data-theme=dark] .install-prompt{background:#1a1a1a;border-top-color:#ffffff1a;box-shadow:0 -4px 12px #0000004d}[data-theme=dark] .install-prompt-content svg,[data-theme=dark] .install-prompt-text strong{color:#e8e8e8}[data-theme=dark] .install-prompt-text span{color:#a0a0a0}[data-theme=dark] .install-btn{background:#e8e8e8;color:#0a0a0a}[data-theme=dark] .install-btn:hover{background:#fff}[data-theme=dark] .dismiss-btn{color:#a0a0a0}[data-theme=dark] .dismiss-btn:hover{background:#ffffff1a;color:#e8e8e8}@media (min-width:768px){[data-theme=dark] .install-prompt{border-color:#ffffff1a;box-shadow:0 4px 20px #0006}}.notification-prompt-overlay{align-items:flex-end;animation:fadeIn .3s ease;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (min-width:769px){.notification-prompt-overlay{align-items:center}.notification-prompt{border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:440px;width:90%}}@media (max-width:768px){.notification-prompt{animation:slideUp .4s cubic-bezier(.4,0,.2,1);border-radius:16px 16px 0 0;width:100%}}.notification-prompt{background:#fff;background:var(--card-bg,#fff);padding:32px;position:relative;text-align:center}.notification-icon{background:#0a0a0a;background:var(--primary-color,#0a0a0a);border-radius:50%;height:56px;margin:0 auto 20px;position:relative;width:56px}.notification-icon svg{color:#fff;height:28px;width:28px}.notification-icon.error{background:#dc2626}.notification-prompt h2{color:#0a0a0a;color:var(--text-primary,#0a0a0a);font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0 0 8px}.notification-prompt p{color:#606060;color:var(--text-secondary,#606060);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0 0 24px}.notification-actions{flex-direction:column;gap:12px}.btn-primary{align-items:center;background:#0a0a0a;background:var(--primary-color,#0a0a0a);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;justify-content:center;padding:12px 24px;text-align:center;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#0000;border:none;color:#606060;color:var(--text-secondary,#606060);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:400;padding:12px 24px;transition:color .2s}.btn-secondary:hover{color:#0a0a0a;color:var(--text-primary,#0a0a0a)}.instructions-list{color:#606060;color:var(--text-secondary,#606060);font-family:Inter,sans-serif;font-size:13px;line-height:1.8;margin:16px 0 24px;padding-left:20px;text-align:left}.notification-success{animation:slideInRight .3s ease;background:#10b981;background:var(--success-bg,#10b981);border-radius:4px;box-shadow:0 4px 12px #00000026;color:#fff;padding:12px 20px;position:fixed;right:24px;top:24px;z-index:10000}.success-content{align-items:center;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:12px}.success-icon{font-size:16px}[data-theme=dark] .notification-prompt-overlay{background-color:#000000b3}[data-theme=dark] .notification-prompt{background:#1a1a1a;border:1px solid #ffffff1a}[data-theme=dark] .notification-icon.error{background:#7f1d1d}[data-theme=dark] .notification-prompt h2{color:#e8e8e8}[data-theme=dark] .notification-prompt p{color:#a0a0a0}[data-theme=dark] .btn-primary{background:#e8e8e8;color:#0a0a0a}[data-theme=dark] .btn-secondary{color:#a0a0a0}[data-theme=dark] .btn-secondary:hover{color:#e8e8e8}[data-theme=dark] .instructions-list{color:#a0a0a0}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.notification-prompt{padding:24px 20px}.notification-icon{height:48px;width:48px}.notification-icon svg{height:24px;width:24px}.notification-prompt h2{font-size:18px}.notification-prompt p{font-size:13px}.notification-success{left:10px;right:10px;top:10px}}.app-layout{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:var(--transition-theme)}.app-layout:before{background:linear-gradient(180deg,#f8f9fa66 0,#f8f9fa33 50%,#0000);content:"";height:25vh;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:0}[data-theme=dark] .app-layout:before{background:linear-gradient(180deg,#1414144d 0,#1414141a 50%,#0000);opacity:.3}.navbar-split{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-main-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);box-shadow:none;height:auto;opacity:.95;padding:20px 40px;transition:var(--transition-theme)}.nav-container,.nav-main-bar{align-items:center;display:flex}.nav-container{justify-content:space-between;width:100%}.nav-center,.nav-left{align-items:center;display:flex}.nav-center{flex:1 1;justify-content:center}.brand-name{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;transition:opacity .2s}.brand-name:hover{opacity:.8}.logo-text{font-weight:800;letter-spacing:-1px}.logo-support,.logo-text{color:var(--text-primary);display:inline-block;font-family:Inter,sans-serif;font-size:20px;transition:var(--transition-theme)}.logo-support{font-weight:300;margin-left:6px}.nav-links{display:flex;gap:40px}.main-link{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:14px;font-weight:400;padding:8px 0;position:relative;text-decoration:none;transition:var(--transition-theme)}.main-link:hover{color:var(--text-primary);opacity:1}.main-link.active{color:var(--text-primary);font-weight:500}.main-link.active:after{display:none}.nav-right{align-items:center;display:flex;gap:10px;justify-content:flex-end}.nav-btn{background:var(--bg-card);border:1px solid var(--border-input);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:36px;padding:0 16px;transition:var(--transition-theme)}.nav-btn:hover{background:var(--bg-hover);border-color:var(--border-focus)}.nav-btn.primary{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.nav-btn.primary:hover{box-shadow:var(--shadow-sm);opacity:.85;transform:translateY(-1px)}.theme-toggle{border:none;color:var(--text-secondary);height:32px;margin-left:0;padding:6px;transition:all .2s;width:32px}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--text-primary);transform:translateY(-1px)}.nav-notification-bell{align-items:center;color:var(--text-secondary);display:flex;height:32px;justify-content:center;margin:0;width:32px}.nav-notification-bell:hover{background:var(--bg-hover);color:var(--text-primary)}.notification-badge{background:var(--accent);border:2px solid var(--bg-primary);border-radius:10px;font-family:Inter,sans-serif;min-width:18px;padding:2px 5px;right:-4px;text-align:center;top:-4px}[data-theme=dark] .nav-notification-bell{color:#a0a0a0}[data-theme=dark] .nav-notification-bell:hover{background:#ffffff0d;color:#fff}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:var(--bg-hover);border:1px solid var(--border-input);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;height:36px;padding:0 12px;transition:all .2s}.user-menu-trigger:hover{background:var(--bg-card);border-color:var(--border-focus);transform:translateY(-1px)}.user-badge-text{color:var(--text-primary);font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-badge{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:10px;font-weight:600;letter-spacing:.5px;opacity:.8;padding:2px 6px;text-transform:uppercase}.user-menu-trigger:hover .user-role-badge{background:var(--bg-secondary);border-color:var(--border-focus);opacity:1}.chevron-icon{color:var(--text-secondary);transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.user-dropdown{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;box-shadow:var(--shadow-md);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:10px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-profile{padding:16px}.profile-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.profile-email{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.profile-company{color:var(--text-muted);font-size:11px;margin-bottom:4px}.profile-role{background:var(--bg-hover);border-radius:4px;color:var(--text-primary);display:inline-block;font-size:10px;font-weight:500;letter-spacing:.04em;margin-top:8px;padding:3px 8px;text-transform:uppercase}.dropdown-divider{background:var(--border-secondary);height:1px;margin:0}.desktop-nav{display:none}@media (min-width:768px){.desktop-nav{display:flex}}.mobile-user-menu{display:none;position:relative}.mobile-user-menu-trigger{align-items:center;background:#0000;border:none;color:#606060;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.mobile-user-menu-trigger:hover{color:#0a0a0a}.mobile-user-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000014;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@media (max-width:768px){.mobile-user-menu{display:block}.user-menu{display:none}}.main-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1400px;padding:40px 30px;position:relative;width:100%;z-index:1}.mobile-bottom-nav{align-items:center;background:var(--bg-card);border-top:1px solid var(--border-primary);bottom:0;box-shadow:0 -2px 10px #0000000d;display:none;height:56px;justify-content:space-around;left:0;padding:0 8px;position:fixed;right:0;z-index:100}[data-theme=dark] .mobile-bottom-nav{background:var(--bg-secondary);border-top-color:var(--border-primary);box-shadow:0 -2px 10px #0003}.bottom-nav-item{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;font-size:10px;font-weight:500;gap:4px;justify-content:center;letter-spacing:.02em;padding:8px 12px;position:relative;text-decoration:none}.bottom-nav-item,.bottom-nav-item svg{transition:all .2s}.bottom-nav-item.active,.bottom-nav-item:hover{color:var(--text-primary)}[data-theme=dark] .bottom-nav-item{color:var(--text-secondary)}[data-theme=dark] .bottom-nav-item:hover{color:var(--text-primary)}[data-theme=dark] .bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active:before{background:var(--text-primary);content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:24px}[data-theme=dark] .bottom-nav-item.active:before{background:var(--primary)}.bottom-nav-fab{align-items:center;background:#0a0a0a;border-radius:50%;box-shadow:0 4px 12px #0a0a0a33;color:#fff;display:flex;flex:none;height:48px;justify-content:center;margin:0 8px;position:relative;width:48px}.bottom-nav-fab:hover{background:#000;transform:scale(1.05)}.bottom-nav-fab svg{margin:0}.mobile-account-overlay{animation:fadeIn .2s;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:200}.mobile-account-menu{animation:slideUp .3s;background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -10px 40px #0000001a;left:0;padding:24px;position:absolute;right:0}.account-menu-header{align-items:start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.account-info{flex:1 1}.account-name{color:#101010;font-size:18px;font-weight:600}.account-email,.account-name{font-family:Inter,sans-serif;margin-bottom:4px}.account-email{color:#606060;font-size:13px}.account-company{color:grey;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.05em;margin-top:8px;text-transform:uppercase}.close-overlay{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#606060;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.close-overlay:hover{background:#e0e0e0;color:#202020}.account-menu-actions{display:flex;flex-direction:column;gap:8px}.account-menu-item{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:8px;color:#404040;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s}.account-menu-item:hover{background:#f9f9f9;border-color:silver}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.nav-info-bar{align-items:flex-start;flex-direction:column;gap:8px;padding:8px 16px}.info-stats{gap:16px}.info-item,.info-right{font-size:11px}.info-right{justify-content:space-between;width:100%}.nav-main-bar{height:48px;padding:0 16px}.nav-container{grid-template-columns:1fr auto;width:100%}.nav-left{gap:20px;justify-content:flex-start}.nav-center{display:none}.brand-primary{font-size:18px}.nav-links,.nav-right{display:none}.main-container{padding:30px 20px 80px}.mobile-bottom-nav{display:flex}}.nav-item-with-badge{position:relative}.mobile-notification-badge,.nav-item-with-badge{align-items:center;display:flex;justify-content:center}.mobile-notification-badge{background:#d4af37;border:1.5px solid var(--bg-card);border-radius:7px;color:#fff;font-size:9px;font-weight:600;height:14px;min-width:14px;padding:0 3px;position:absolute;right:-8px;top:-4px}[data-theme=dark] .mobile-notification-badge{background:var(--primary);border-color:var(--bg-secondary)}.user-menu .chevron-icon{display:none}.user-menu-trigger{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:var(--text-secondary)!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:6px!important;padding:4px 8px!important;transition:all .2s!important}.user-menu-trigger:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.user-badge-text{color:inherit!important}.user-menu.design-1 .user-menu-trigger{background:linear-gradient(135deg,var(--bg-hover) 0,var(--bg-card) 100%);border:1px solid var(--border-primary);border-radius:20px;height:40px;padding:6px 16px;transition:all .3s ease}.user-menu.design-1 .user-menu-trigger:hover{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-hover) 100%);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-menu.design-1 .user-role-badge{background:var(--text-primary);border:none;border-radius:12px;color:var(--bg-primary);font-size:9px;margin-left:8px;padding:3px 8px}.user-menu.design-2 .user-menu-trigger{background:#0000;border:none;border-bottom:2px solid var(--border-primary);border-radius:0;height:auto;padding:8px 4px;transition:all .2s ease}.user-menu.design-2 .user-menu-trigger:hover{background:#0000;border-bottom-color:var(--text-primary)}.user-menu.design-2 .user-role-badge{background:#0000;border:1px solid var(--text-primary);border-radius:3px;color:var(--text-primary);font-size:9px;margin-left:8px;opacity:.7;padding:2px 6px}.user-menu.design-2 .user-menu-trigger:hover .user-role-badge{opacity:1}.user-menu.design-3 .user-menu-trigger{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 6px #0000000d;height:42px;padding:8px 14px;transition:all .3s ease}[data-theme=dark] .user-menu.design-3 .user-menu-trigger{background:#ffffff0d;border:1px solid #ffffff1a}.user-menu.design-3 .user-menu-trigger:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.user-menu.design-3 .user-role-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:var(--text-primary);font-size:9px;padding:3px 7px}.user-menu.design-4 .user-menu-trigger{align-items:center;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:8px;display:flex;gap:0;height:38px;padding:6px 12px;transition:all .2s ease}.user-menu.design-4 .user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--text-primary)}.user-menu.design-4 .user-badge-text{border-right:1px solid var(--border-secondary);margin-right:8px;padding-right:8px}.user-menu.design-4 .user-role-badge{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:5px;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}[data-theme=dark] .user-menu.design-4 .user-role-badge{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 2px 4px #4facfe4d}.user-menu.design-5 .user-menu-trigger{align-items:center;background:var(--bg-hover);border:none;border-radius:16px;display:flex;font-size:13px;gap:6px;height:32px;padding:4px 12px 4px 14px;transition:all .2s ease}.user-menu.design-5 .user-menu-trigger:hover{background:var(--bg-card);box-shadow:var(--shadow-sm);transform:scale(1.02)}.user-menu.design-5 .user-badge-text{font-weight:500;letter-spacing:-.2px}.user-menu.design-5 .user-role-badge{align-items:center;background:var(--accent);border:none;border-radius:4px;color:#fff;display:inline-flex;font-size:9px;font-weight:600;justify-content:center;letter-spacing:.3px;min-width:35px;padding:2px 6px;text-transform:uppercase}.app-footer{background:#fff;background:var(--bg-card,#fff);border-top:1px solid #e8e8e8;border-top:1px solid var(--border-primary,#e8e8e8);margin-top:auto;padding:24px;position:relative;z-index:1}.footer-content{margin:0 auto;max-width:1400px;text-align:center}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:12px}.footer-links a{color:#606060;color:var(--text-secondary,#606060);font-size:13px;font-weight:400;padding:4px 8px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#0a0a0a;color:var(--text-primary,#0a0a0a);text-decoration:underline}.footer-separator{font-size:10px;opacity:.5}.footer-copyright,.footer-separator{color:grey;color:var(--text-muted,grey)}.footer-copyright{font-size:12px;letter-spacing:.02em}[data-theme=dark] .app-footer{background:#1a1a1a;background:var(--bg-card,#1a1a1a);border-top-color:#2a2a2a;border-top-color:var(--border-primary,#2a2a2a)}[data-theme=dark] .footer-links a{color:#a0a0a0;color:var(--text-secondary,#a0a0a0)}[data-theme=dark] .footer-links a:hover{color:#fff;color:var(--text-primary,#fff)}[data-theme=dark] .footer-copyright{color:#606060;color:var(--text-muted,#606060)}@media (max-width:768px){.app-footer{margin-bottom:56px;padding:20px}.footer-links{flex-direction:column;gap:12px}.footer-separator{display:none}.footer-links a{display:block;padding:8px 12px}}@media (max-height:600px){.app-footer{padding:16px}.footer-content{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between}.footer-links{flex-direction:row;margin-bottom:0}.footer-copyright{white-space:nowrap}}.admin-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 140px);padding:24px}.page-header{margin-bottom:24px}.page-header h1{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.admin-tabs{border-bottom:1px solid var(--border-primary);display:flex;gap:4px;margin-bottom:24px}.admin-tabs::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button.active,.tab-button:hover{color:var(--text-primary)}.tab-button.active{border-bottom-color:var(--primary);font-weight:500}.tab-button.active:after{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:var(--primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.admin-content{border-radius:8px;min-height:500px;overflow:hidden;position:relative}.section-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:20px}.section-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.articles-section,.audit-section,.services-section,.users-section{animation:fadeInUp .2s cubic-bezier(.4,0,.2,1);background:var(--bg-card);border:0 solid var(--border-primary);border-radius:8px;min-height:400px}.table-wrapper{overflow-x:auto;padding:0}.view-toggle{background:var(--bg-card);border:1px solid var(--border-primary);gap:4px;padding:3px}.view-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px 12px;transition:all .2s}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--text-primary);color:var(--bg-primary)}.table-container{overflow-x:auto}.role-select,.visibility-select{min-width:100px}.status-badge{border:1px solid;border-radius:4px;display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase;transition:all .2s ease}.status-badge.active{background:#10b9811a;border-color:#10b981;color:#10b981}.status-badge.inactive{background:var(--bg-hover);border-color:var(--border-primary);color:var(--text-muted)}.action-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s}.action-button:hover{background:var(--bg-hover);border-color:var(--border-focus);transform:translateY(-1px)}.audit-section{max-width:100%}.audit-list{display:flex;flex-direction:column;gap:16px}.audit-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:20px;transition:all .2s}.audit-item:hover{box-shadow:var(--shadow-sm)}.audit-header{display:flex;justify-content:space-between;margin-bottom:8px}.audit-user{color:var(--text-primary);font-size:14px;font-weight:500}.audit-time,.audit-user{font-family:Inter,sans-serif}.audit-time{color:var(--text-muted);font-size:12px}.audit-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.audit-action{background:var(--bg-hover);border-radius:4px;color:var(--text-primary);font-size:13px;font-weight:500;padding:4px 8px;text-transform:capitalize}.audit-action,.audit-entity{font-family:Inter,sans-serif}.audit-entity{background:var(--bg-card);border:1px solid var(--border-secondary);color:var(--text-secondary);font-size:12px;padding:2px 8px}.audit-values{color:var(--text-muted);font-family:Inter,monospace;font-size:11px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow-y:auto;padding:32px;transition:var(--transition-theme);width:90%}.modal h3{color:var(--text-primary);font-size:18px;margin-bottom:16px}.modal h3,.modal p{font-family:Inter,sans-serif;transition:var(--transition-theme)}.modal p{color:var(--text-secondary);font-size:14px}.custom-access-form,.modal p{margin-bottom:24px}.custom-access-form label{color:var(--text-secondary);display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;margin-bottom:8px;transition:var(--transition-theme)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.loading-container{min-height:300px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border-primary);border-top-color:var(--text-primary);height:40px;width:40px}@media (max-width:768px){.admin-page{padding:16px}.page-header h1{font-size:20px}.admin-tabs{margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.tab-button{font-size:12px;padding:10px 12px}.tab-button svg{height:16px;width:16px}@media (max-width:400px){.tab-button{padding:10px}.tab-button span{display:none}}.table-container{margin:0 -20px;overflow-x:auto;padding:0 20px}.table{min-width:600px}.table td,.table th{font-size:12px;padding:10px 8px}.role-select,.visibility-select{font-size:11px;min-width:80px;padding:4px 6px}.articles-grid{gap:16px;grid-template-columns:1fr}.modal{margin:20px;padding:20px;width:95%}}.users-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.user-card{background:var(--bg-card);border-radius:6px;box-shadow:var(--shadow-sm);padding:24px;transition:all .2s}.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-card-header{align-items:flex-start;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.user-avatar-section{align-items:center;display:flex;gap:16px}.user-avatar{align-items:center;background:var(--bg-hover);border-radius:50%;color:var(--text-muted);display:flex;height:40px;justify-content:center;width:40px}.user-card-name{color:var(--text-primary);font-size:16px;font-weight:500}.user-card-email,.user-card-name{font-family:Inter,sans-serif;margin-bottom:4px}.user-card-email{color:var(--text-muted);font-size:13px}.user-card-company{color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px;margin-bottom:16px}.user-card-meta{align-items:center;border-bottom:1px solid var(--border-secondary);border-top:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 0}.user-card-joined,.user-card-role{align-items:center;display:flex;gap:8px}.user-card-joined label,.user-card-role label{color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.user-card-joined span{color:var(--text-secondary)}.role-select-card,.user-card-joined span{font-family:Inter,sans-serif;font-size:12px}.role-select-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;padding:4px 8px}.user-card-actions{display:flex;gap:8px}.action-button-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:10px;transition:all .2s}.action-button-card:hover{background:var(--bg-hover);border-color:var(--text-primary);color:var(--text-primary)}.articles-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.article-card{background:var(--bg-card);border-radius:6px;box-shadow:var(--shadow-sm);padding:24px;transition:all .2s}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.article-card-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.article-views{align-items:center;color:var(--text-muted);display:flex;font-family:Inter,sans-serif;font-size:12px;gap:4px}.article-card-title{color:var(--text-primary);font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.4;margin-bottom:12px}.article-card-meta{display:flex;gap:12px;margin-bottom:16px}.article-category{background:var(--bg-hover);border-radius:3px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.article-date{color:var(--text-muted);font-family:Inter,sans-serif;font-size:12px}.article-card-visibility{align-items:center;border-bottom:1px solid var(--border-secondary);border-top:1px solid var(--border-secondary);display:flex;gap:8px;margin-bottom:16px;padding:12px 0}.article-card-visibility label{color:var(--text-muted);font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.visibility-select{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:12px;padding:4px 8px}.article-card-actions{display:flex;gap:8px}.article-card-actions .btn{align-items:center;display:flex;flex:1 1;font-size:12px;gap:6px;justify-content:center;padding:8px 12px}.audit-card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.audit-card{background:var(--bg-card);border-radius:6px;box-shadow:var(--shadow-sm);padding:20px;transition:all .2s}.audit-card:hover{box-shadow:var(--shadow-md)}.audit-card-header{align-items:flex-start;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.audit-card-user{color:var(--text-primary);font-size:14px;font-weight:500;gap:6px}.audit-card-time,.audit-card-user{align-items:center;display:flex;font-family:Inter,sans-serif}.audit-card-time{color:var(--text-muted);font-size:11px;gap:4px}.audit-card-body{display:flex;flex-direction:column;gap:12px}.audit-card-action{align-items:center;display:flex;gap:8px}.audit-action-badge{background:var(--bg-hover);border-radius:3px;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:10px;font-weight:500;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.audit-entity-type{color:var(--text-muted);font-family:Inter,sans-serif;font-size:13px}.audit-card-details{margin-top:8px}.audit-card-details label{color:var(--text-muted);display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.audit-values-code{background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:3px;color:var(--text-secondary);font-family:Monaco,Courier New,monospace;font-size:11px;overflow-x:auto;padding:8px;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.admin-page .stats-announcement-bar{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 0}.admin-page .stats-grid{flex-wrap:wrap;gap:24px!important;justify-content:flex-start!important;width:100%}.admin-page .stat-card{gap:4px!important}.admin-page .stat-label{font-size:12px!important}.admin-page .stat-label:after{content:":"}.admin-page .stat-value{font-size:16px!important}.admin-page .announcement-text{font-size:11px;width:100%}.articles-card-grid,.audit-card-grid,.users-card-grid{gap:12px;grid-template-columns:1fr}.article-card,.audit-card,.user-card{padding:16px}.article-card-title,.user-card-name{font-size:15px}.audit-card-user{font-size:13px}.user-card-meta{align-items:flex-start;flex-direction:column;gap:8px}.header-actions{justify-content:space-between;width:100%}.search-box{flex:1 1;max-width:none}}.service-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:24px 0}.service-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:20px;text-align:center}.service-stats .stat-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1;margin-bottom:8px}.service-stats .stat-value.text-success{color:#10b981}.service-stats .stat-value.text-danger{color:#ef4444}.service-stats .stat-label{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.service-group-section{margin-bottom:32px}.service-group-title{align-items:center;border-bottom:2px solid var(--border-primary);color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px;padding-bottom:12px}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.service-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:20px;transition:all .2s}.service-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000001a}.service-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.service-info h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.service-status{font-size:13px;font-weight:500;gap:6px}.service-status,.status-icon{align-items:center;display:flex}.status-icon.status-up{color:#10b981}.status-icon.status-down{color:#ef4444}.status-icon.status-degraded{color:#f59700}.status-icon.status-unknown{color:var(--text-secondary)}.status-text{font-size:13px;font-weight:500}.status-text.status-up{color:#10b981}.status-text.status-down{color:#ef4444}.status-text.status-unknown{color:var(--text-secondary)}.service-actions{display:none}.icon-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.icon-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.service-card-url{margin-bottom:16px;padding:12px 0}.service-card-url a{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .2s;word-break:break-all}.service-card-url a:hover{color:var(--primary);text-decoration:underline}.service-card-metrics{grid-gap:12px;border-top:1px solid var(--border-primary);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding-top:16px}.metric{text-align:center}.metric-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:var(--text-primary);font-size:14px;font-weight:600}.uptime-excellent{color:#10b981!important}.uptime-good{color:#3b82f6!important}.uptime-fair{color:#f59700!important}.uptime-poor{color:#ef4444!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.table-link{color:var(--text-secondary);font-size:13px;text-decoration:none;word-break:break-all}.table-link:hover{color:var(--primary);text-decoration:underline}.spinning{animation:spin 1s linear infinite}[data-theme=dark] .articles-section,[data-theme=dark] .audit-section,[data-theme=dark] .services-section,[data-theme=dark] .users-section{background:#1a1a1a00;border-color:#2a2a2a00}[data-theme=dark] .service-card,[data-theme=dark] .service-stats .stat-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .clean-table{background:#1a1a1a}[data-theme=dark] .clean-table thead tr{border-bottom:1px solid #2a2a2a}[data-theme=dark] .clean-table thead th{background:#0a0a0a;color:#a0a0a0}[data-theme=dark] .clean-table tbody tr{background:#1a1a1a;border-bottom:1px solid #2a2a2a}[data-theme=dark] .clean-table tbody tr:hover{background:#2a2a2a}[data-theme=dark] .clean-table td{color:#e0e0e0}[data-theme=dark] .table-link{color:#8a8a8a}[data-theme=dark] .table-link:hover{color:#fff}[data-theme=dark] .table-badge{background:#2a2a2a;border:1px solid #3a3a3a;color:#e0e0e0}[data-theme=dark] .table-badge.status-open{background:#10b9811a;border-color:#10b9814d;color:#10b981}[data-theme=dark] .table-date{color:#8a8a8a}.admin-content .btn-primary,.admin-content .btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.admin-content .btn-secondary{background:#0000;border:0 solid var(--border-primary);color:var(--text-primary)}.admin-content .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-primary)}.admin-content .btn-primary{background:var(--primary);color:#fff}.admin-content .btn-primary:hover{opacity:.9}.admin-content .btn-primary:disabled,.admin-content .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.kb-editor-page{margin:0 auto;max-width:1400px;padding:24px}.editor-header{align-items:flex-start;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.editor-header .header-left{flex:1 1}.editor-header h1{color:#0a0a0a;font-size:24px;font-weight:700;margin:0}.article-stats{color:#606060;display:flex;font-size:13px;gap:16px;margin-top:8px}.article-stats span,.auto-save-status{align-items:center;display:flex;gap:4px}.auto-save-status{color:#22c55e}.auto-save-status.saving{color:#f59e0b}.spin{animation:spin 1s linear infinite}.editor-actions{display:flex;gap:8px}.editor-form{display:flex;flex-direction:column}.editor-main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px}.editor-content{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px}.editor-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px}.sidebar-section h3{color:#0a0a0a;font-size:14px;font-weight:600;margin:0 0 12px}.article-title-input{font-size:18px;font-weight:600;padding:12px 14px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border-radius:6px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a;outline:none}.form-group small{color:var(--text-muted);display:block;font-size:12px;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.markdown-editor-container{border-radius:6px;overflow:hidden}.markdown-editor-container .w-md-editor-toolbar{background:#f8f8f8;border-bottom:1px solid #e5e5e5}.markdown-editor-container .w-md-editor-text,.markdown-editor-container .w-md-editor-text-input,.markdown-editor-container .w-md-editor-text-pre,.markdown-editor-container .wmde-markdown{color:#0a0a0a!important}.file-upload-area{border-radius:8px;padding:32px;text-align:center;transition:all .3s}.file-upload-area.drag-active,.file-upload-area:hover{background:#fffef7;border-color:#d4af37}.file-upload-area.drag-active{box-shadow:0 0 0 3px #d4af371a}.file-upload-area p{color:#606060;font-size:14px;margin:12px 0}.file-upload-area small{color:grey;display:block;font-size:12px;margin-top:12px}.attachments-list{background:#f8f8f8;border-radius:6px;margin-top:16px;padding:16px}.attachments-list h4{color:#404040;font-size:13px;font-weight:600;margin:0 0 12px}.attachment-item{align-items:center;background:#fff;border-radius:4px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.attachment-item.new{background:#fffef7;border:1px solid #d4af37}.attachment-preview{border-radius:4px;height:40px;object-fit:cover;width:40px}.attachment-name{color:#404040;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:grey;font-size:12px}.remove-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px 8px;transition:background .2s}.remove-btn:hover{background:#dc2626}.new-category-input{display:flex;gap:8px}.new-category-input input{flex:1 1}.visibility-options{gap:12px}.radio-option,.visibility-options{display:flex;flex-direction:column}.radio-option{border-radius:4px;cursor:pointer;padding:8px;transition:background .2s}.radio-option:hover{background:#f8f8f8}.radio-option input[type=radio]{margin-right:8px;width:auto}.radio-option span{color:#0a0a0a;font-size:14px;font-weight:500}.radio-option small{color:grey;font-size:12px;margin-left:20px;margin-top:2px}.checkbox-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:6px;transition:background .2s}.checkbox-option:hover{background:#f8f8f8}.checkbox-option input[type=checkbox]{margin:0;width:auto}.checkbox-option span{color:#404040;font-size:13px}.companies-checklist{border:1px solid #e5e5e5;border-radius:4px;max-height:200px;overflow-y:auto;padding:8px}.warning-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;display:flex;gap:6px;margin-top:8px;padding:8px}.warning-message small{color:#dc2626;font-weight:500;margin:0}.btn.full-width{justify-content:center;width:100%}.article-preview{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:32px}.preview-header{border-bottom:1px solid #e5e5e5;margin-bottom:24px;padding-bottom:16px}.article-preview h2{color:#0a0a0a;font-size:28px;font-weight:700;margin:0 0 12px}.article-meta{display:flex;flex-wrap:wrap;gap:12px}.article-meta .category{background:#f0f0f0;color:#606060}.article-meta .category,.visibility-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.visibility-badge.public{background:#dcfce7;color:#16a34a}.visibility-badge.restricted{background:#fef2f2;color:#dc2626}.published-badge{background:#dcfce7;color:#16a34a}.draft-badge,.published-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 10px}.draft-badge{background:#fef3c7;color:#d97706}.article-content{color:#404040;font-size:16px;line-height:1.7}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#0a0a0a;margin-bottom:12px;margin-top:24px}.article-content h1{font-size:28px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content h4{font-size:18px}.article-content h5{font-size:16px}.article-content h6{font-size:14px}.article-content p{margin-bottom:16px}.article-content ol,.article-content ul{margin-bottom:16px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content code{background:#f5f5f5;border-radius:3px;font-family:Courier New,monospace;font-size:14px;padding:2px 6px}.article-content pre{background:#f5f5f5;border-radius:6px;margin-bottom:16px;overflow-x:auto;padding:16px}.article-content pre code{background:none;padding:0}.article-content blockquote{border-left:4px solid #d4af37;color:#606060;font-style:italic;margin:16px 0;padding-left:16px}.article-content a{color:#d4af37;text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content img{border-radius:6px;height:auto;margin:16px 0;max-width:100%}.article-content table{border-collapse:collapse;margin:16px 0;width:100%}.article-content td,.article-content th{border:1px solid #e5e5e5;padding:8px 12px;text-align:left}.article-content th{background:#f8f8f8;font-weight:600}.preview-attachments{border-top:1px solid #e5e5e5;margin-top:32px;padding-top:24px}.preview-attachments h3{color:#0a0a0a;font-size:18px;font-weight:600;margin-bottom:16px}.preview-attachments .attachment-list{display:flex;flex-direction:column;gap:8px}@media (max-width:1024px){.editor-main{grid-template-columns:1fr}.editor-sidebar{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.kb-editor-page{padding:16px}.editor-header{flex-direction:column;gap:16px}.editor-sidebar,.form-row{grid-template-columns:1fr}.article-stats{flex-wrap:wrap}}.view-toggle{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;height:36px;overflow:hidden}.toggle-btn{align-items:center;background:#0000;border:none;color:#606060;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;justify-content:center;padding:0 14px;transition:all .2s}.toggle-btn:not(:last-child){border-right:1px solid #e0e0e0}.toggle-btn:hover{background:#f8f9fa;color:#0a0a0a}.toggle-btn.active,.toggle-btn.active:hover{background:#0a0a0a;color:#fff}.toggle-btn svg{height:16px;width:16px}.notifications-page{margin:0 auto;max-width:1200px;min-height:calc(100vh - 140px);padding:24px}.notifications-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.notifications-page .page-header>div:first-child h1{color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.notifications-page .page-header>div:first-child p{color:var(--text-secondary);font-size:14px;margin:0}.notifications-page .header-actions{align-items:center;display:flex;gap:12px}.notifications-page .btn-secondary{background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.notifications-page .btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-primary)}.notifications-page .empty-state{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:80px 20px;text-align:center}.notifications-page .empty-state-icon{color:var(--text-muted);height:64px;margin:0 auto 20px;opacity:.5;width:64px}.notifications-page .empty-state h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.notifications-page .empty-state p{color:var(--text-secondary);font-size:14px;margin:0}.notifications-page .table-wrapper{background:#0000;border:none;padding:0}.notifications-grid{grid-gap:12px;display:grid;gap:12px}.notification-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.notification-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.notification-card.unread{background:var(--bg-card);border-color:var(--accent);border-width:2px;padding:15px}.notification-card.unread:before{background:var(--accent);border-radius:8px 0 0 8px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.notification-icon{align-items:center;background:var(--bg-hover);border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-card.unread .notification-icon{background:#d4af371a;color:var(--accent)}.notification-content{flex:1 1;min-width:0}.notification-title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.notification-body{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.notification-time{color:var(--text-muted);font-size:12px;margin-left:auto}.notification-card-footer{align-items:center;border-top:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-top:12px;padding-top:12px}.notification-ticket-info{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.notification-actions{display:flex;gap:8px}.notification-action-btn{align-items:center;background:#0000;border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.notification-action-btn:hover{background:var(--bg-hover);border-color:var(--text-primary);color:var(--text-primary)}.notification-action-btn.danger:hover{background:#f443361a;border-color:#f44336;color:#f44336}.unread-row{position:relative}.unread-row:before{background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notifications-page .loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.notifications-page .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary);height:32px;width:32px}[data-theme=dark] .notification-card{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .notification-card:hover{border-color:#606060;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .notification-card.unread{background:#1f1f1a;border-color:#4a4328}[data-theme=dark] .notification-icon{background:#2a2a2a}[data-theme=dark] .notification-card.unread .notification-icon{background:#d4af3726}[data-theme=dark] .empty-state{background:#1a1a1a;border-color:#2a2a2a}[data-theme=dark] .notification-action-btn{border-color:#3a3a3a}[data-theme=dark] .notification-action-btn:hover{background:#2a2a2a;border-color:#606060}[data-theme=dark] .notification-action-btn.danger:hover{background:#f4433626}[data-theme=dark] .notifications-page .btn-secondary{border-color:#3a3a3a}[data-theme=dark] .notifications-page .btn-secondary:hover{background:#2a2a2a;border-color:#606060}@media (max-width:768px){.notifications-page{padding:16px}.notifications-page .page-header{align-items:flex-start;flex-direction:column;gap:16px}.notifications-page .page-header>div:first-child h1{font-size:24px}.notification-card{padding:14px}.notification-card.unread{padding:13px}}.notifications-page .table-badge{vertical-align:middle}.notifications-page .icon-cell{color:var(--text-secondary);text-align:center;width:40px}.notifications-page .unread-row .icon-cell{color:var(--accent)}.notifications-page .actions-cell{text-align:center;width:80px}.notifications-page .notification-ticket-info{display:flex;flex-direction:column;gap:6px}.notifications-page .notification-ticket-info>div:first-child{color:var(--text-primary);font-size:12px}.push-notifications{align-items:center;display:inline-flex}.notification-toggle{align-items:center;background:#0000;border:1px solid #e0e0e0;border-radius:6px;color:#404040;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;gap:8px;padding:8px 12px;transition:all .2s}.notification-toggle:hover{background:#f8f9fa;border-color:#0a0a0a}.notification-toggle.active{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.notification-toggle:disabled{cursor:not-allowed;opacity:.5}.notification-status{font-weight:500}.nav-notification-bell{background:#0000;border:none;border-radius:6px;color:#404040;cursor:pointer;padding:8px;position:relative;transition:all .2s}.nav-notification-bell:hover{background:#f0f0f0;color:#0a0a0a}.notification-dot{background:#d4af37;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.notification-badge{align-items:center;background:#d4af37;border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:4px;top:4px}.notification-settings{margin:0 auto;max-width:800px}.settings-header{margin-bottom:32px}.settings-header h2{color:#0a0a0a;font-family:Playfair Display,serif;font-size:24px;font-weight:300;letter-spacing:-.02em;margin-bottom:8px}.settings-header p{color:#606060;font-family:Inter,sans-serif;font-size:14px}.settings-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;padding:24px}.settings-section h3{color:#0a0a0a;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-bottom:16px}.section-description{color:#606060;font-family:Inter,sans-serif;font-size:13px;margin-bottom:20px}.setting-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1;gap:16px}.setting-icon,.setting-info{align-items:center;display:flex}.setting-icon{background:#f8f9fa;border-radius:8px;color:#606060;height:40px;justify-content:center;width:40px}.setting-details{flex:1 1}.setting-title{color:#0a0a0a;font-family:Inter,sans-serif;font-size:14px;font-weight:600;margin-bottom:4px}.setting-description{color:#606060;font-family:Inter,sans-serif;font-size:12px}.toggle-switch{height:24px;padding:0;width:48px}.toggle-slider{height:20px;left:2px;position:absolute;top:2px;transition:transform .3s;width:20px}.toggle-switch.active .toggle-slider{transform:translateX(24px)}.notification-types{grid-gap:12px;display:grid;gap:12px}.checkbox-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:12px;transition:background .2s}.checkbox-item:hover{background:#f8f9fa}.checkbox-item input[type=checkbox]{display:none}.checkbox-label{gap:12px}.checkbox-icon,.checkbox-label{align-items:center;display:flex}.checkbox-icon{border-radius:4px;height:20px;justify-content:center;width:20px}.checkbox-item input:checked+.checkbox-label .checkbox-icon{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.alert{border-radius:6px;font-family:Inter,sans-serif}@media (max-width:768px){.notification-settings{padding:0 16px}.settings-section{padding:20px}.setting-info{gap:12px}.setting-icon{height:36px;width:36px}}.app-download-page{margin:0 auto;max-width:800px;padding:40px 20px}.download-hero{margin-bottom:48px;text-align:center}.hero-icon{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;color:#0a0a0a;display:inline-flex;height:120px;justify-content:center;margin-bottom:24px;width:120px}.download-hero h1{color:#0a0a0a;font-family:Inter,sans-serif;font-size:32px;font-weight:600;margin:0 0 12px}.hero-subtitle{color:#606060;font-size:16px;margin:0}.platform-section{background:#fff;border:1px solid #e0e0e0;margin-bottom:32px;padding:32px}.platform-badge{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;color:#0a0a0a;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.android-robot{color:#3ddc84}.app-info{background:#f8f8f8;border:1px solid #e0e0e0;margin-bottom:24px;padding:16px}.info-row{border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:grey}.info-label,.info-value{font-size:13px;font-weight:500}.download-button{align-items:center;display:flex;gap:8px;justify-content:center;letter-spacing:.02em;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.android-btn{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.android-btn:hover:not(:disabled){background:#0000;color:#0a0a0a}.android-btn:disabled{opacity:.5}.ios-btn{background:#007aff;border-color:#007aff;color:#fff}.ios-btn:hover{background:#0051d5;border-color:#0051d5}.install-instructions{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.install-instructions h3{color:#0a0a0a;font-size:14px;font-weight:600;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.install-instructions ol{color:#606060;font-size:14px;line-height:1.8;margin:0;padding-left:24px}.icon-demo{background:#f0f0f0;border-radius:4px;display:inline-block;padding:2px 6px}.desktop-options h2{color:#0a0a0a;font-size:24px;font-weight:600;margin:0 0 32px;text-align:center}.platform-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:48px}.platform-card{background:#f8f8f8;border:1px solid #e0e0e0;padding:32px;text-align:center;transition:all .2s}.platform-card:hover{border-color:#0a0a0a}.card-icon{align-items:center;background:#fff;border:1px solid #e0e0e0;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.card-icon.android{color:#3ddc84}.card-icon.ios{color:#000}.platform-card h3{color:#0a0a0a;font-size:18px;font-weight:600;margin:0 0 8px}.platform-card p{color:#606060;font-size:14px;margin:0 0 20px}.card-button{background:#0a0a0a;border-color:#0a0a0a;color:#fff;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-button:hover{background:#0000;color:#0a0a0a}.scan-section{border-top:1px solid #e0e0e0;padding-top:24px;text-align:center}.scan-section p{color:#606060;font-size:14px;margin:0 0 16px}.qr-placeholder{align-items:center;background:#f8f8f8;border:1px solid #e0e0e0;color:grey;display:inline-flex;flex-direction:column;height:200px;justify-content:center;width:200px}.qr-placeholder small{font-size:12px;margin-top:8px}.features-section{margin-top:48px}.features-section h2{color:#0a0a0a;font-size:24px;font-weight:600;margin:0 0 32px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{background:#fff;border:1px solid #e0e0e0;padding:24px;text-align:center}.feature-icon{color:#0a0a0a;display:inline-block;margin-bottom:12px}.feature-card h4{color:#0a0a0a;font-size:16px;font-weight:600;margin:0 0 8px}.feature-card p{color:#606060;font-size:13px;margin:0}.security-footer{align-items:center;border-top:1px solid #e0e0e0;color:grey;display:flex;font-size:13px;gap:8px;justify-content:center;margin-top:48px;padding-top:24px;text-align:center}.security-footer svg{color:#d4af37}@media (max-width:640px){.app-download-page{padding:24px 16px}.download-hero h1{font-size:24px}.platform-section{padding:24px 20px}.features-grid,.platform-cards{grid-template-columns:1fr}}:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-card:#fff;--bg-hover:#f8f8f8;--bg-input:#fff;--text-primary:#0a0a0a;--text-secondary:#606060;--text-muted:grey;--text-inverse:#fff;--border-primary:#e8e8e8;--border-secondary:#f0f0f0;--border-input:#e0e0e0;--border-focus:grey;--nav-bg:linear-gradient(135deg,#0a0a0a,#2c2c2c);--nav-text:#fff;--nav-border:#ffffff1a;--nav-hover:#ffffff1a;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:#2196f3;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-focus:0 0 0 3px #80808014;--transition-theme:all 0.3s ease}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-card:#1a1a1a;--bg-hover:#2a2a2a;--bg-input:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#606060;--text-inverse:#0a0a0a;--border-primary:#2a2a2a;--border-secondary:#1f1f1f;--border-input:#333;--border-focus:#606060;--nav-bg:linear-gradient(135deg,#1a1a1a,#2a2a2a);--nav-text:#fff;--nav-border:#ffffff1a;--nav-hover:#ffffff0d;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-focus:0 0 0 3px #60606033}*{transition:all .3s ease;transition:var(--transition-theme)}.no-transition *{transition:none!important}.theme-toggle{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--nav-border);border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease;transition:var(--transition-theme)}.theme-toggle:hover{background:#ffffff1a;background:var(--nav-hover);border-color:#fff3}.theme-toggle svg{height:18px;transition:transform .3s ease;width:18px}.theme-toggle:hover svg{transform:rotate(20deg)}*{box-sizing:border-box;margin:0;padding:0}.loading-container{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#0a0a0a;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.alert{border-radius:4px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.alert-info{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.card{box-shadow:none;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg)}.card-header{border-bottom:1px solid var(--border);padding:16px 20px}.card-body{padding:20px}.badge{border:1px solid;border-radius:3px;display:inline-block;font-family:Inter,sans-serif;font-size:10px;font-weight:500;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase;transition:all .2s ease}.badge-open{background:var(--gray-50);color:var(--gray-700)}.badge-in-progress{background:#d4af3714;border-color:#d4af374d;color:var(--accent)}.badge-resolved{background:#0596690f;border-color:#05966933;color:#059669}.badge-closed,.badge-low{background:#fff;border-color:var(--gray-200);color:var(--gray-500)}.badge-medium{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.badge-high{background:#d4af3714;border-color:#d4af374d;color:var(--accent)}.badge-urgent{background:#dc26260d;border-color:#dc262633;color:#dc2626}.badge:hover{border-color:var(--gray-400)}.table{border-collapse:collapse;width:100%}.table th{background:var(--light);color:var(--text);font-size:10px;font-weight:600;text-align:left}.table td,.table th{border-bottom:1px solid var(--border);padding:12px}.table td{font-size:12px}.table tr:hover{background:var(--light)}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{color:var(--text-light);height:64px;margin:0 auto 20px;width:64px}.empty-state h3{color:var(--text);font-size:18px;margin-bottom:8px}.empty-state p{color:var(--text-light);margin-bottom:20px}
/*# sourceMappingURL=main.8a2c1edf.css.map*/