*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f0f0f;--color-surface:#1a1a1a;--color-surface-hover:#222;--color-border:#333;--color-text:#e5e5e5;--color-text-muted:#888;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-dim:rgba(99,102,241,.15);--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--radius:8px;--max-width:960px;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-small:0.875rem;color-scheme:dark}[data-theme=light]{--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-hover:#f0f0f0;--color-border:#e0e0e0;--color-text:#1a1a1a;--color-text-muted:#666;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-dim:rgba(99,102,241,.1);--color-danger:#dc2626;--color-success:#16a34a;--color-warning:#d97706;color-scheme:light}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px;width:100%}.header{border-bottom:1px solid var(--color-border);padding:16px 0}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.nav{display:flex;gap:24px;align-items:center}.nav a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.nav a:hover{color:var(--color-text)}.nav-logout{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.nav-logout:hover{color:var(--color-danger)}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);cursor:pointer;padding:6px 10px;font-size:1rem;line-height:1;transition:all .2s}.theme-toggle:hover{border-color:var(--color-text-muted);color:var(--color-text)}.main{flex:1 1;padding:40px 0}.footer{border-top:1px solid var(--color-border);padding:20px 0;text-align:center;color:var(--color-text-muted);font-size:.85rem}h1{font-size:var(--font-size-h1);margin-bottom:24px}h2{font-size:var(--font-size-h2);margin-bottom:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:var(--radius);border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-danger);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;margin-bottom:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;color:var(--color-text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.btn-group{display:flex;flex-wrap:wrap;gap:8px}.btn-toggle{flex:1 1;min-width:100px;padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.95rem;cursor:pointer;transition:all .2s;text-align:center}.btn-toggle:hover{border-color:var(--color-text-muted)}.btn-toggle.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:500}.badge-pending{background:var(--color-warning);color:#000}.badge-processing{background:var(--color-primary);color:#fff}.badge-completed{background:var(--color-success);color:#fff}.badge-failed{background:var(--color-danger);color:#fff}.badge-open{background:var(--color-warning);color:#000}.badge-answered{background:var(--color-primary);color:#fff}.badge-closed{background:var(--color-text-muted);color:#fff}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(1turn)}}.progress-bar{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);transition:width .3s}.file-list{list-style:none}.file-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border)}.file-list li:last-child{border-bottom:none}.error-message{color:var(--color-danger);padding:12px;background:rgba(239,68,68,.1);border-radius:var(--radius);margin-bottom:16px}.pagination{display:flex;justify-content:center;gap:8px;margin-top:24px}.pagination button{padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer}.pagination button.active{background:var(--color-primary);border-color:var(--color-primary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:all .2s;color:var(--color-text-muted)}.dropzone.drag-over,.dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-dim);color:var(--color-text)}.dropzone input[type=file]{display:none}.dropzone .file-list-preview{margin-top:12px;text-align:left}.dropzone .file-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:.9rem;color:var(--color-text)}.dropzone .file-item .remove-btn{background:none;border:none;color:var(--color-danger);cursor:pointer;font-size:1.1rem;padding:0 4px}.hero{text-align:center;padding:48px 0 32px}.hero h1{font-size:2.5rem;margin-bottom:16px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.15rem;max-width:600px;margin:0 auto}.content-block,.hero p{color:var(--color-text-muted)}.content-block{padding:15px;line-height:1.8}.content-block h2,.content-block h3{color:var(--color-text)}.counter-block{text-align:center;padding:48px 0;margin-top:32px;border-top:1px solid var(--color-border)}.counter-title{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:8px}.counter-value{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.counter-suffix{font-size:1.1rem;color:var(--color-text-muted);margin-top:4px}.footer-content{margin-bottom:12px;line-height:1.6}.footer-content a{color:var(--color-primary);text-decoration:underline}.footer-content p{margin-bottom:4px}.rich-editor-wrapper .ql-toolbar{background:var(--color-surface);border-color:var(--color-border)!important;border-radius:var(--radius) var(--radius) 0 0}.rich-editor-wrapper .ql-container{background:var(--color-bg);border-color:var(--color-border)!important;border-radius:0 0 var(--radius) var(--radius);color:var(--color-text);font-size:.95rem;min-height:150px}.rich-editor-wrapper .ql-editor{min-height:150px}.rich-editor-wrapper .ql-editor.ql-blank:before{color:var(--color-text-muted)}.rich-editor-wrapper .ql-stroke{stroke:var(--color-text-muted)!important}.rich-editor-wrapper .ql-fill{fill:var(--color-text-muted)!important}.rich-editor-wrapper .ql-picker-label{color:var(--color-text-muted)!important}.rich-editor-wrapper .ql-picker-options{background:var(--color-surface)!important;border-color:var(--color-border)!important}.rich-editor-wrapper .ql-picker-item{color:var(--color-text)!important}.rich-editor-wrapper .ql-active .ql-stroke{stroke:var(--color-primary)!important}.rich-editor-wrapper .ql-active .ql-fill{fill:var(--color-primary)!important}.rich-editor-wrapper .ql-active{color:var(--color-primary)!important}.logo img{height:36px;display:block}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px;margin-top:32px}.pricing-card{text-align:center;transition:transform .2s}.pricing-card.featured{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);transform:scale(1.03);position:relative}.pricing-card.featured:before{content:attr(data-badge);position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;padding:2px 16px;border-radius:12px;font-size:.8rem;font-weight:600}.lang-switch{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted);text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.5px;transition:all .2s}.lang-switch:hover{border-color:var(--color-text-muted);color:var(--color-text)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200px 100%;animation:shimmer 1.5s ease-in-out infinite}.delete-link{color:var(--color-danger);cursor:pointer;font-size:.85rem;background:none;border:none;padding:0;text-decoration:underline;margin-top:8px;display:inline-block}.delete-link:hover{opacity:.8}.sub-option{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all .2s;font-size:.95rem}.sub-option:hover{border-color:var(--color-text-muted)}.sub-option.active{border-color:var(--color-primary);background:var(--color-primary-dim)}.sub-option input[type=radio]{accent-color:var(--color-primary)}.period-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;font-size:.85rem;transition:all .2s;color:var(--color-text-muted)}.period-toggle input{display:none}.period-toggle.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.burger-line{display:block;width:24px;height:2px;background:var(--color-text);transition:all .3s}.footer-menu{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.footer-menu a{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-menu a:hover{color:var(--color-text)}@media (max-width:768px){.burger{display:flex}.header-inner{flex-wrap:wrap;gap:0;position:relative}.nav{display:none;width:100%;flex-direction:column;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 0;margin-top:12px}.nav.nav-open{display:flex}.nav a,.nav button{padding:10px 16px;width:100%;text-align:left}.nav .lang-switch,.nav .theme-toggle{margin:4px 16px;width:auto;align-self:flex-start}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}.btn-group{flex-direction:column}.btn-toggle{min-width:unset}.card{padding:16px}.main{padding:20px 0}.counter-value{font-size:2.5rem}}@media (max-width:640px){.nav{gap:8px;font-size:.8rem}.logo{font-size:1.2rem}h1{font-size:1.5rem;margin-bottom:16px}h2{font-size:1.2rem}.hero{padding:24px 0 16px}.hero h1{font-size:1.6rem}.hero p{font-size:1rem}.dropzone{padding:16px}.container{padding:0 12px}.form-group input,.form-group select,.form-group textarea{font-size:16px}.btn{padding:10px 16px;font-size:.9rem;width:100%}.pagination{gap:4px}.pagination button{padding:6px 12px;font-size:.85rem}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-grid .card{padding:0;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}.blog-grid .card:hover{border-color:var(--color-primary)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}