.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.home-container{padding:20px;min-height:100vh;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--tg-theme-text-color)}.home-header{text-align:center;margin-bottom:24px;padding:16px 0}.home-title{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--neon-purple);text-shadow:0 0 10px rgb(242 223 90 / 50%);text-transform:uppercase;letter-spacing:2px}.home-subtitle{font-size:14px;margin:0;color:var(--tg-theme-hint-color)}.categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.category-card{aspect-ratio:1;background:var(--hover-bg-light);border:2px solid var(--neon-purple);border-radius:5%;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent-hover-cards);transition:left .6s}.category-card:hover:before,.category-card:active:before{left:100%}.category-card:active{transform:translateY(2px);background:var(--hover-bg);box-shadow:var(--shadow-neon)}.category-card.has-image{background:none}.category-card.has-image:active{transform:translateY(2px);box-shadow:var(--shadow-card)}.category-badge{position:absolute;top:8px;right:8px;background:color-mix(in srgb,var(--accent-primary) 50%,transparent);color:var(--light-text);font-size:14px;font-weight:700;padding:4px 8px;border-radius:12px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);z-index:3}.category-card.has-image .category-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--white-30)}.category-icon-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.category-icon{font-size:42px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--neon-purple),var(--neon-blue));border-radius:12px;border:2px solid var(--neon-purple);color:var(--primary-bg);transition:all .3s ease}.category-icon.with-image{background:var(--white-90);border:2px solid var(--white-70);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-icon.default{background:var(--active-bg);border:2px solid var(--neon-purple)}.category-icon.with-image.default{background:var(--white-90);border:2px solid var(--white-70)}.category-name-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3}.category-name{font-size:16px;font-weight:600;margin:0;color:var(--tg-theme-text-color);line-height:1.2;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-card .category-name{background:var(--black-30);color:var(--light-text);font-weight:700;text-shadow:0 1px 2px var(--black-90)}.category-card-inner,.category-stats{display:none}@media (max-width: 360px){.categories-grid{gap:10px}.category-icon{width:52px;height:52px;font-size:36px}.category-name{font-size:13px}.category-badge{font-size:11px;padding:3px 6px;min-width:22px;height:22px;top:6px;right:6px}.category-name-bottom{bottom:10px;left:10px;right:10px}}@media (min-width: 480px){.categories-grid{gap:10px;max-width:400px;margin:0 auto}}.home-footer{margin-top:24px;padding:16px 0;text-align:center;border-top:1px solid var(--accent-primary)}.version-info{opacity:.7}.version-text{font-size:12px;color:var(--neon-purple);font-weight:500;padding:4px 8px;border:1px solid rgba(191,90,242,.3);border-radius:12px;background:#bf5af21a}.breadcrumb-nav{margin-bottom:16px;padding:0}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:4px;list-style:none;margin:0;padding:0;font-size:14px;line-height:1.4}.breadcrumb-item{display:flex;align-items:center;gap:4px}.breadcrumb-button{display:flex;align-items:center;gap:6px;padding:4px 8px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);font-size:inherit;font-family:inherit;cursor:pointer;transition:all .2s ease;text-decoration:none;line-height:1}.breadcrumb-button:hover{background:var(--state-hover-subtle);color:var(--accent-primary);transform:translateY(-1px)}.breadcrumb-button:active{background:var(--state-active);transform:translateY(0)}.breadcrumb-button:focus{outline:none;background:var(--state-focus);box-shadow:0 0 0 2px var(--accent-primary)}.breadcrumb-current{display:flex;align-items:center;gap:6px;padding:4px 8px;color:var(--text-primary);font-weight:600}.breadcrumb-icon{font-size:16px;flex-shrink:0}.breadcrumb-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.breadcrumb-separator{color:var(--accent-primary);font-weight:600;margin:0 4px;-webkit-user-select:none;user-select:none}@media (max-width: 480px){.breadcrumb-list{font-size:13px}.breadcrumb-text{max-width:120px}.breadcrumb-button,.breadcrumb-current{padding:3px 6px;gap:4px}.breadcrumb-icon{font-size:14px}}@media (prefers-reduced-motion: reduce){.breadcrumb-button{transition:none}.breadcrumb-button:hover,.breadcrumb-button:active{transform:none}}@media (prefers-contrast: high){.breadcrumb-button{border:1px solid var(--border-muted)}.breadcrumb-button:hover{border-color:var(--accent-primary)}.breadcrumb-separator{font-weight:700}}.user-topic-card{background:#bf5af20d;border:2px solid var(--neon-purple);border-radius:5%;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;cursor:pointer}.user-topic-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent-hover-cards);transition:left .6s;z-index:1}.user-topic-card:hover:before,.user-topic-card:active:before{left:100%}.user-topic-card:hover,.user-topic-card:active{transform:translateY(-4px);box-shadow:0 8px 25px var(--shadow-accent-color)}.user-topic-image-container{width:100%;height:180px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--secondary-bg) 0%,var(--accent-bg) 100%);display:flex;align-items:center;justify-content:center}.user-topic-image{width:100%;height:100%;position:relative;z-index:2}.user-topic-image-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.user-topic-card:hover .user-topic-image-img{transform:scale(1.05)}.user-topic-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;color:var(--neon-purple);background:linear-gradient(135deg,#bf5af21a,#00d4ff1a);position:relative;z-index:2}.user-topic-content{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.user-topic-title{font-size:18px;font-weight:600;margin:0;color:var(--tg-theme-text-color);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.user-topic-preview{font-size:14px;color:var(--tg-theme-hint-color);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.user-topic-meta{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:auto;border-top:1px solid rgba(191,90,242,.2)}.user-topic-date{font-size:11px;color:var(--tg-theme-hint-color);background:#bf5af21a;padding:2px 8px;border-radius:12px;border:1px solid var(--neon-purple)}.user-topic-badges{display:flex;gap:4px}.user-topic-badge{font-size:10px;padding:2px 6px;border-radius:12px;background:#00d4ff33;color:var(--neon-blue);border:1px solid var(--neon-blue)}.user-topic-badge.has-link{background:#39ff1433;color:var(--neon-green);border-color:var(--neon-green)}.user-topic-arrow{position:absolute;top:16px;right:16px;font-size:20px;color:var(--neon-purple);background:#bf5af21a;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--neon-purple);z-index:3;transition:all .3s ease}.user-topic-card:hover .user-topic-arrow{background:var(--neon-purple);color:var(--primary-bg);transform:scale(1.1)}@media (max-width: 480px){.user-topic-image-container{height:160px}.user-topic-image-placeholder{font-size:48px}.user-topic-content{padding:12px}.user-topic-title{font-size:16px}.user-topic-preview{font-size:13px}.user-topic-arrow{width:28px;height:28px;font-size:16px;top:12px;right:12px}}.user-topic-badge.has-link{background:#7c620f7d;color:#e4e2d9;border-color:var(--neon-purple)}.topic-image-header{margin-top:16px;border-radius:12px;overflow:hidden;background:#bf5af20d;border:2px solid var(--neon-purple);box-shadow:0 0 20px var(--shadow-accent-color)}.topic-header-image{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.draggable-category-list{display:flex;flex-direction:column;gap:16px}.draggable-category-list.drag-mode{padding:8px;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-muted)}.admin-category-item{display:flex;align-items:stretch;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.admin-category-item:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-accent)}.admin-category-item.draggable{cursor:grab;border-style:solid;background:var(--bg-tertiary)}.admin-category-item.draggable:active{cursor:grabbing}.admin-category-item.is-dragging{opacity:.5;transform:scale(1.05);z-index:1000;box-shadow:var(--elevation-high)}.admin-category-item.is-drop-target{border-color:var(--accent-primary);background:var(--state-hover);transform:scale(1.02)}.drag-handle{display:flex;align-items:center;justify-content:center;width:40px;background:var(--accent-primary);color:var(--text-inverse);cursor:grab;border-right:2px solid var(--border-primary);transition:background-color .2s ease}.drag-handle:hover{background:var(--accent-secondary)}.drag-handle:active{cursor:grabbing;background:var(--accent-primary)}.drag-icon{font-size:16px;font-weight:600;line-height:1;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.admin-category-content{flex:1;display:flex;flex-direction:column;padding:16px;gap:12px}.admin-category-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-category-info{display:flex;align-items:center;gap:12px;flex:1}.admin-category-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);border-radius:8px;border:2px solid var(--border-primary);flex-shrink:0}.admin-category-details{flex:1;min-width:0}.admin-category-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px;line-height:1.3}.admin-category-description{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-category-stats{display:flex;align-items:center;flex-shrink:0}.admin-category-count{background:var(--bg-info);color:var(--color-info);padding:4px 8px;border-radius:16px;font-size:12px;font-weight:600;border:1px solid var(--color-info)}.admin-category-actions{display:flex;gap:8px;align-items:center}.drag-mode .admin-category-item{border-style:dashed;border-color:var(--border-muted)}.drag-mode .admin-category-item.draggable:hover{border-color:var(--accent-primary);border-style:solid}.drag-mode .admin-category-actions{opacity:.3;pointer-events:none}.draggable-category-list.disabled{opacity:.6;pointer-events:none;position:relative}.draggable-category-list.disabled:after{content:"Сохранение порядка...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);padding:12px 20px;border-radius:8px;border:2px solid var(--accent-primary);color:var(--text-primary);font-weight:600;z-index:100;box-shadow:var(--elevation-high)}.reorder-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background:var(--accent-primary, #0088cc);border-right:2px solid var(--border-primary, rgba(255,255,255,.1));min-width:60px}.reorder-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;margin:2px 0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.reorder-btn:hover:not(.disabled){background:#ffffff4d;transform:scale(1.1)}.reorder-btn:active:not(.disabled){background:#fff6;transform:scale(1.05)}.reorder-btn.disabled{opacity:.3;cursor:not-allowed;background:#ffffff1a}.reorder-position{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffffe6;color:var(--accent-primary, #0088cc);font-size:12px;font-weight:700;margin:4px 0}.admin-category-item.reorder-mode{border:2px solid var(--accent-primary, #0088cc);background:var(--bg-tertiary, rgba(255,255,255,.05))}.reorderable-category-list.reorder-mode{padding:8px;background:var(--bg-secondary, rgba(0,0,0,.1));border-radius:12px;border:2px dashed var(--accent-primary, #0088cc)}@media (max-width: 768px){.reorder-controls{min-width:70px;padding:10px}.reorder-btn{width:40px;height:40px;font-size:20px}.reorder-position{width:32px;height:32px;font-size:14px}}@media (max-width: 768px){.admin-category-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-category-info{width:100%}.admin-category-stats{align-self:flex-start}.admin-category-actions{width:100%;justify-content:flex-end}.drag-handle{width:32px}.admin-category-icon{width:40px;height:40px;font-size:20px}}@media (max-width: 480px){.draggable-category-list.drag-mode{padding:6px}.admin-category-content{padding:12px;gap:10px}.admin-category-name{font-size:16px}.admin-category-description{font-size:13px}.admin-category-actions{flex-direction:column;gap:6px}.admin-category-actions .btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.admin-category-item,.admin-category-item.is-dragging,.admin-category-item.is-drop-target{transition:none;transform:none}}@media (prefers-contrast: high){.admin-category-item{border-width:3px}.admin-category-item.is-drop-target{border-width:4px;background:var(--accent-primary)}.drag-handle{border-right-width:3px}}.admin-category-item:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.drag-handle:focus{outline:2px solid var(--text-inverse);outline-offset:-2px}.system-stats-container{margin-bottom:2rem}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,215,0,.2)}.stats-header h3{font-size:1.4rem;font-weight:600;color:var(--tg-theme-text-color);margin:0;display:flex;align-items:center;gap:.5rem}.header-actions{display:flex;align-items:center;gap:1rem}.show-more-btn{padding:.4rem .8rem;border:1px solid rgba(255,215,0,.3);border-radius:6px;background:#ffd7000d;color:var(--tg-theme-text-color);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.show-more-btn:hover{background:#ffd7001a;border-color:#ffd70066}.last-update{font-size:.75rem;color:var(--tg-theme-hint-color);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.stats-compact{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.stat-compact{background:#ffd70005;border:1px solid rgba(255,215,0,.1);border-radius:8px;padding:.75rem;transition:all .2s ease}.stat-compact:hover{background:#ffd7000d;border-color:#ffd70033}.compact-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.compact-icon{font-size:1rem}.compact-title{font-size:.9rem;font-weight:600;color:var(--tg-theme-text-color);flex:1;margin-left:.5rem}.compact-percentage{font-size:.9rem;font-weight:700}.compact-percentage.good{color:var(--color-success)}.compact-percentage.warning{color:var(--color-warning)}.compact-percentage.critical{color:var(--color-error)}.compact-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,215,0,.1)}.detail-item{margin-bottom:.25rem}.detail-item span{font-size:.75rem;color:var(--tg-theme-hint-color)}.stats-detailed{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,215,0,.1)}.system-bar,.status-bar{width:100%;height:8px;background:#ffd7001a;border-radius:4px;overflow:hidden;position:relative;margin-bottom:.5rem}.system-fill{height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent-secondary) 0%,#357abd 100%);transition:width .3s ease}.status-fill{height:100%;width:100%;border-radius:4px;transition:width .3s ease}.status-fill.good{background:linear-gradient(90deg,var(--color-success) 0%,#20c997 100%)}.status-fill.warning{background:linear-gradient(90deg,var(--color-warning) 0%,#ff8c00 100%)}.status-fill.critical{background:linear-gradient(90deg,var(--color-error) 0%,#ff4757 100%)}.compact-status{font-size:.8rem;font-weight:600;color:var(--tg-theme-text-color)}.detail-item span.good{color:var(--color-success)}.detail-item span.warning{color:var(--color-warning)}.detail-item span.critical{color:var(--color-error)}.stat-card{background:#ffd70005;border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:1rem;transition:all .2s ease}.stat-card:hover{background:#ffd7000d;border-color:#ffd70033}.stat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.stat-icon{font-size:1.25rem}.stat-header h4{font-size:1rem;font-weight:600;color:var(--tg-theme-text-color);margin:0}.stat-content{display:flex;flex-direction:column;gap:1rem}.usage-bar{width:100%;height:8px;background:#ffd7001a;border-radius:4px;overflow:hidden;position:relative}.usage-fill{height:100%;border-radius:4px;transition:width .3s ease}.usage-fill.good{background:linear-gradient(90deg,var(--color-success) 0%,#20c997 100%)}.usage-fill.warning{background:linear-gradient(90deg,var(--color-warning) 0%,#ff8c00 100%)}.usage-fill.critical{background:linear-gradient(90deg,var(--color-error) 0%,#ff4757 100%)}.usage-details{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.usage-percentage{display:flex;flex-direction:column;align-items:flex-start}.percentage{font-size:1.5rem;font-weight:700;line-height:1}.percentage.good{color:var(--color-success)}.percentage.warning{color:var(--color-warning)}.percentage.critical{color:var(--color-error)}.usage-percentage .label{font-size:.75rem;color:var(--tg-theme-hint-color);margin-top:.25rem}.usage-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.info-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:120px}.info-item .label{font-size:.8rem;color:var(--tg-theme-hint-color);white-space:nowrap}.info-item .value{font-size:.8rem;font-weight:600;color:var(--tg-theme-text-color);white-space:nowrap}.system-info{display:flex;flex-direction:column;gap:.75rem}.system-info .info-item{min-width:auto;justify-content:flex-start}.system-info .info-item .value{margin-left:auto}.status-indicators{display:flex;gap:1rem;justify-content:center}.status-indicator{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500}.indicator-dot{width:12px;height:12px;border-radius:50%;display:block}.status-indicator.good .indicator-dot{background:var(--color-success);box-shadow:0 0 8px #28a74566}.status-indicator.warning .indicator-dot{background:var(--color-warning);box-shadow:0 0 8px #fd7e1466}.status-indicator.critical .indicator-dot{background:var(--color-error);box-shadow:0 0 8px #dc354566}.status-indicator.good{color:var(--color-success)}.status-indicator.warning{color:var(--color-warning)}.status-indicator.critical{color:var(--color-error)}.loading,.error,.no-data{text-align:center;padding:2rem;color:var(--tg-theme-text-color);font-size:.9rem}.error{color:var(--color-error);background:var(--bg-error);border:1px solid rgba(220,53,69,.2);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:1rem}.retry-button{padding:.5rem 1rem;border:1px solid var(--color-error);border-radius:6px;background:transparent;color:var(--color-error);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--color-error);color:var(--tg-theme-bg-color)}.no-data{color:var(--tg-theme-hint-color);font-style:italic}@media (max-width: 768px){.stats-grid,.stats-compact{grid-template-columns:1fr;gap:.75rem}.stats-header{flex-direction:column;align-items:flex-start;gap:.5rem}.header-actions{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.show-more-btn{align-self:flex-start}.usage-details{flex-direction:column;align-items:flex-start;gap:.75rem}.usage-info{align-items:flex-start;width:100%}.info-item{width:100%;justify-content:space-between}.status-indicators{gap:1.5rem}}@media (max-width: 480px){.stat-card{padding:.75rem}.stats-header h3{font-size:1.2rem}.percentage{font-size:1.25rem}.usage-bar{height:6px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading{animation:pulse 2s ease-in-out infinite}.status-card .stat-content{display:flex;justify-content:center;align-items:center;min-height:80px}.change-password-modal{max-width:450px;width:95%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--tg-theme-text-color);font-size:.9rem}.password-input input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid rgba(255,215,0,.2);border-radius:8px;background:#ffd7000d;color:var(--tg-theme-text-color);font-size:.95rem;transition:all .3s ease}.password-input input:focus{outline:none;border-color:var(--accent-primary);background:#ffd7001a;box-shadow:0 0 0 3px #d4af3733}.password-input input.error{border-color:var(--color-error);background:var(--bg-error)}.password-input input::placeholder{color:var(--tg-theme-hint-color)}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--tg-theme-hint-color);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease;font-size:1rem;width:24px;height:24px}.password-toggle:hover{color:var(--accent-primary)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.error-message{color:var(--color-error);font-size:.8rem;margin-top:.5rem;padding:.25rem 0;font-weight:500}.password-requirements{background:#ffd7000d;border:1px solid rgba(255,215,0,.1);border-radius:8px;padding:1rem;margin-top:1rem}.password-requirements h4{font-size:.9rem;font-weight:600;color:var(--tg-theme-text-color);margin:0 0 .75rem}.password-requirements ul{margin:0;padding-left:1.25rem;list-style:none}.password-requirements li{position:relative;font-size:.8rem;color:var(--tg-theme-hint-color);margin-bottom:.5rem;padding-left:1.5rem}.password-requirements li:before{content:"●";position:absolute;left:0;color:var(--tg-theme-hint-color)}.password-requirements li.valid{color:var(--color-success)}.password-requirements li.valid:before{content:"✓";color:var(--color-success);font-weight:600}.password-requirements li:last-child{margin-bottom:0}.modal-actions .btn{min-width:120px}.modal-actions .btn:disabled{opacity:.6;cursor:not-allowed}.form-group input:valid{border-color:#28a7454d}.form-group input:invalid:not(:placeholder-shown){border-color:#dc35454d}.change-password-modal.loading{pointer-events:none;opacity:.8}.change-password-modal.loading .modal-content{position:relative}.change-password-modal.loading .modal-content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;border-radius:8px;pointer-events:none}@media (max-width: 480px){.change-password-modal{max-width:340px}.password-input input{padding:.6rem 2.5rem .6rem .8rem;font-size:.9rem}.password-toggle{right:.6rem;font-size:.9rem;width:20px;height:20px}.password-requirements{padding:.75rem}.password-requirements h4{font-size:.85rem}.password-requirements li{font-size:.75rem}.form-group{margin-bottom:1.25rem}}.change-password-modal input:focus{z-index:1;position:relative}@media (prefers-contrast: high){.password-input input{border-width:2px}.password-input input:focus{border-width:3px}.password-requirements{border-width:2px}}@media (prefers-reduced-motion: reduce){.password-input input,.password-toggle{transition:none}}.admin-container{padding:16px;min-height:100vh;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.admin-header{margin-bottom:24px;padding:16px 0}.admin-header-content{display:flex;justify-content:space-between;align-items:center;gap:16px}.admin-header-content>div{text-align:center;flex:1}.admin-header-actions{display:flex;gap:8px;align-items:center}.admin-header-actions .btn{white-space:nowrap}.admin-title{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--tg-theme-link-color)}.admin-subtitle{font-size:14px;margin:0;color:var(--tg-theme-hint-color)}.logout-button{padding:10px 16px;border:1px solid rgba(244,67,54,.5);border-radius:8px;background:#f443360d;color:var(--tg-theme-text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.logout-button:hover,.logout-button:active{background:#f443361a;transform:scale(.98)}@media (max-width: 480px){.admin-header-content{flex-direction:column;gap:12px}.admin-header-actions{flex-direction:column;width:100%;gap:6px}.admin-header-actions .btn{width:100%;font-size:12px;padding:8px 12px}.logout-button{font-size:12px;padding:8px 12px}}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:32px}.stat-card{background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:16px;text-align:center}.stat-number{font-size:24px;font-weight:700;color:var(--tg-theme-link-color);margin-bottom:4px}.admin-actions,.admin-management{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--tg-theme-text-color);display:flex;align-items:center;gap:8px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.action-button{padding:12px 16px;border:1px solid rgba(255,215,0,.3);border-radius:10px;background:#ffd7000d;color:var(--tg-theme-text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.action-button:hover,.action-button:active{background:#ffd7001a;transform:scale(.98)}.action-button.export{border-color:#4caf5080;background:#4caf500d}.action-button.import{border-color:#2196f380;background:#2196f30d}.category-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.category-admin-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.category-admin-card:hover{background:#ffffff0d}.category-admin-info{flex:1;min-width:0}.category-admin-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.category-admin-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffd7001a;border-radius:6px;flex-shrink:0}.category-admin-name{font-size:16px;font-weight:500;color:var(--tg-theme-text-color)}.category-admin-count{font-size:12px;color:var(--tg-theme-hint-color);margin-left:auto}.category-admin-description{font-size:14px;color:var(--tg-theme-hint-color);margin:4px 0 0 44px;line-height:1.3}.category-admin-actions{display:flex;gap:8px;flex-shrink:0}.admin-btn{width:36px;height:36px;border:1px solid rgba(255,215,0,.3);border-radius:8px;background:#ffd7000d;color:var(--tg-theme-text-color);font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.admin-btn:hover,.admin-btn:active{background:#ffd7001a;transform:scale(.95)}.admin-btn.edit{border-color:#ff980080;background:#ff98000d}.admin-btn.topics{border-color:#2196f380;background:#2196f30d}.card-icon-container{display:flex;align-items:center;justify-content:center}.card-image-preview{position:relative;overflow:hidden}.card-image-indicator{font-size:11px;color:#4caf50;font-weight:500;margin-top:2px;padding:2px 6px;background:#4caf501a;border-radius:10px;border:1px solid rgba(76,175,80,.3);display:inline-block}.add-category-btn{width:100%;padding:16px;border:2px dashed rgba(255,215,0,.3);border-radius:12px;background:transparent;color:var(--tg-theme-link-color);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-category-btn:hover,.add-category-btn:active{background:#ffd7000d;border-color:#ffd70080}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--tg-theme-bg-color);border:1px solid rgba(255,215,0,.2);border-radius:16px;max-width:400px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:20px 20px 0;display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:18px;font-weight:600;color:var(--tg-theme-text-color);margin:0}.modal-close{width:32px;height:32px;border:none;background:#ffffff1a;color:var(--tg-theme-hint-color);border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.modal-content{padding:20px;flex:1;overflow-y:auto}.modal-actions{padding:0 20px 20px;display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:var(--tg-theme-text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn:hover{background:#ffffff1a}.modal-btn.cancel{color:var(--tg-theme-hint-color)}.modal-btn.import{border-color:#2196f380;background:#2196f31a;color:#2196f3}.modal-btn.danger{border-color:#f4433680;background:#f443361a;color:#f44336}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.import-textarea{width:100%;height:200px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:var(--tg-theme-text-color);font-family:Courier New,monospace;font-size:12px;resize:vertical}.import-textarea::placeholder{color:var(--tg-theme-hint-color)}.import-error{color:#f44336;font-size:14px;margin-top:8px;padding:8px 12px;background:#f443361a;border-radius:6px}.admin-actions-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-actions-row .btn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.admin-actions-row{flex-direction:column}.admin-actions-row .btn{width:100%}}.section-header{margin-bottom:16px}.drag-mode-hint{font-size:14px;color:var(--tg-theme-hint-color);background:#ffd7001a;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,215,0,.2);margin-top:8px;text-align:center;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.7}}.list[data-reordering=true]{pointer-events:none;opacity:.7}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);padding:20px;width:100%}.login-container{background:#bf5af20d;border:2px solid var(--neon-purple);border-radius:0;padding:40px;max-width:400px;width:100%;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent-hover-cards);transition:left .6s}.login-container:hover:before{left:100%}.login-header{text-align:center;margin-bottom:30px;position:relative;z-index:1}.login-icon{color:var(--neon-purple);margin-bottom:16px;filter:drop-shadow(0 0 10px var(--shadow-accent))}.login-header h1{color:var(--neon-purple);font-size:28px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:2px;text-shadow:var(--shadow-accent)}.login-header p{color:var(--tg-theme-hint-color);font-size:14px;margin:0;line-height:1.5}.login-form{position:relative;z-index:1}.form-group{margin-bottom:24px}.form-group label{display:block;color:var(--neon-purple);font-weight:600;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.form-group input{width:100%;padding:14px 16px;background:#bf5af20d;border:2px solid var(--neon-purple);border-radius:0;color:var(--tg-theme-text-color);font-size:16px;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--neon-blue);background:#00d4ff0d;box-shadow:0 0 10px #00d4ff4d}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:var(--tg-theme-hint-color)}.form-group small{display:block;margin-top:4px;font-size:12px;color:var(--tg-theme-hint-color)}.password-input{position:relative;display:flex;align-items:center}.password-input input{flex:1;padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--tg-theme-hint-color);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease;width:24px;height:24px}.password-toggle:hover{color:var(--neon-purple)}.login-button{width:100%;padding:16px;background:transparent;border:2px solid var(--neon-purple);border-radius:0;color:var(--neon-purple);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-purple);transition:left .3s;z-index:-1}.login-button:hover:not(:disabled):before,.login-button:active:not(:disabled):before{left:0}.login-button:hover:not(:disabled),.login-button:active:not(:disabled){color:var(--primary-bg);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-button:disabled:before{display:none}.back-button{width:100%;margin-top:20px;padding:12px;background:transparent;border:2px solid var(--tg-theme-hint-color);border-radius:0;color:var(--tg-theme-hint-color);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.back-button:hover,.back-button:active{background:var(--tg-theme-hint-color);color:var(--primary-bg);transform:translateY(-1px)}.back-button:active{transform:translateY(0)}@media (max-width: 480px){.admin-login{padding:16px}.login-container{padding:24px 20px;max-width:340px}.login-header h1{font-size:24px;letter-spacing:1px}.login-header p{font-size:13px}.form-group{margin-bottom:20px}.form-group input,.login-button{padding:14px;font-size:15px}.back-button{padding:10px;font-size:13px}}@media (prefers-contrast: high){.login-container,.form-group input,.login-button,.back-button{border-width:3px}.login-header h1{text-shadow:none}}@media (prefers-reduced-motion: reduce){.login-container,.login-container:before,.form-group input,.login-button,.login-button:before,.back-button,.password-toggle{transition:none}.login-header h1{text-shadow:none}}.confirm-modal{max-width:400px;width:90vw;animation:confirmModalSlideIn .3s ease-out;transform-origin:center}.confirm-modal-content{text-align:center;padding:32px 24px 24px;position:relative}.confirm-icon{font-size:48px;margin-bottom:20px;display:block;animation:confirmIconPulse .6s ease-out}.confirm-title{font-size:22px;font-weight:700;margin:0 0 16px;color:var(--neon-purple);text-transform:uppercase;letter-spacing:1px;line-height:1.3}.confirm-message{font-size:16px;color:var(--tg-theme-text-color);line-height:1.5;max-width:320px;margin:0 auto 32px}.confirm-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0;padding:0;border:none}.confirm-actions .btn{flex:1;min-width:120px;max-width:150px;position:relative;overflow:hidden}.btn.loading{pointer-events:none;opacity:.8}.loading-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.confirm-actions .btn:active{transform:scale(.98);transition:transform .1s ease}.confirm-modal .btn{font-size:15px;padding:14px 20px;font-weight:600;border-radius:8px;border:2px solid;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.confirm-modal .btn-secondary{background-color:transparent;border-color:var(--tg-theme-hint-color);color:var(--tg-theme-hint-color)}.confirm-modal .btn-secondary:hover,.confirm-modal .btn-secondary:active{background-color:var(--tg-theme-hint-color);color:var(--tg-theme-bg-color)}.confirm-modal .btn-danger{background-color:transparent;border-color:var(--neon-pink);color:var(--neon-pink)}.confirm-modal .btn-danger:hover,.confirm-modal .btn-danger:active{background-color:var(--neon-pink);color:var(--primary-bg);box-shadow:var(--shadow-neon-pink)}.confirm-modal .btn-primary{background-color:transparent;border-color:var(--neon-purple);color:var(--neon-purple)}.confirm-modal .btn-primary:hover,.confirm-modal .btn-primary:active{background-color:var(--neon-purple);color:var(--primary-bg);box-shadow:var(--shadow-neon)}@keyframes confirmModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confirmIconPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.confirm-modal{width:95vw;max-width:340px}.confirm-modal-content{padding:24px 20px 20px}.confirm-icon{font-size:40px;margin-bottom:16px}.confirm-title{font-size:20px;margin-bottom:12px}.confirm-message{font-size:15px;margin-bottom:24px}.confirm-actions{flex-direction:column;gap:10px}.confirm-actions .btn{min-width:unset;max-width:unset;width:100%;padding:16px;font-size:16px}}@media (prefers-color-scheme: dark){.confirm-modal{background:var(--secondary-bg);border-color:var(--neon-purple);box-shadow:0 4px 32px #0006}}@media (prefers-contrast: high){.confirm-modal .btn{border-width:3px}.confirm-title{text-shadow:none}}@media (prefers-reduced-motion: reduce){.confirm-modal,.confirm-icon{animation:none}.confirm-modal .btn{transition:none}.loading-spinner{animation:none;border:2px solid currentColor;border-radius:0}}.image-upload{margin-bottom:1rem}.image-upload-area{border:2px dashed var(--border-color, #ddd);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-secondary, #f9f9f9);min-height:120px;display:flex;align-items:center;justify-content:center}.image-upload-area:hover{border-color:var(--primary-color, #007bff);background:var(--bg-hover, #f0f8ff)}.image-upload-area.dragging{border-color:var(--primary-color, #007bff);background:var(--bg-primary-light, #e3f2fd);transform:scale(1.02)}.image-upload-area.disabled{opacity:.5;cursor:not-allowed}.image-upload-area.disabled:hover{border-color:var(--border-color, #ddd);background:var(--bg-secondary, #f9f9f9);transform:none}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-icon{font-size:3rem;opacity:.7}.upload-text{display:flex;flex-direction:column;gap:.5rem}.upload-text>div:first-child{font-weight:500;color:var(--text-primary, #333)}.upload-hint{font-size:.875rem;color:var(--text-secondary, #666)}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-spinner{width:32px;height:32px;border:3px solid var(--border-color, #ddd);border-top:3px solid var(--primary-color, #007bff);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-preview{position:relative;display:inline-block;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;max-width:100%}.preview-image{width:100%;height:auto;max-height:300px;object-fit:cover;display:block}.image-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .3s ease}.image-preview:hover .image-actions{opacity:1}.image-action-btn{width:32px;height:32px;border:none;border-radius:50%;background:#000000b3;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-action-btn:hover{background:#000c;transform:scale(1.1)}.image-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.image-action-btn.change{background:#007bffcc}.image-action-btn.change:hover{background:#007bffe6}.image-action-btn.remove{background:#dc3545cc}.image-action-btn.remove:hover{background:#dc3545e6}@media (prefers-color-scheme: dark){.image-upload-area{background:var(--bg-secondary-dark, #2a2a2a);border-color:var(--border-color-dark, #444)}.image-upload-area:hover{background:var(--bg-hover-dark, #1a1a2e)}.image-upload-area.dragging{background:var(--bg-primary-light-dark, #1e3a8a)}.upload-text>div:first-child{color:var(--text-primary-dark, #fff)}.upload-hint{color:var(--text-secondary-dark, #ccc)}}@media (max-width: 768px){.image-upload-area{padding:1.5rem;min-height:100px}.upload-icon{font-size:2.5rem}.preview-image{max-height:200px}.image-actions{opacity:1}}.admin-category-container{padding:16px;min-height:100vh;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.admin-category-header{margin-bottom:24px;text-align:center}.admin-category-title{font-size:22px;font-weight:600;margin:0;color:var(--tg-theme-link-color)}.category-form{max-width:400px;margin:0 auto}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;color:var(--tg-theme-text-color)}.form-input,.form-textarea{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:var(--tg-theme-text-color);font-size:16px;transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--tg-theme-link-color);background:#ffffff14}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-hint{font-size:12px;color:var(--tg-theme-hint-color);margin-top:4px}.icon-input-group{display:flex;gap:12px;align-items:center}.icon-input{flex:1}.icon-preview{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;font-size:24px;flex-shrink:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.form-btn{padding:12px 24px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:var(--tg-theme-text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.form-btn:hover{background:#ffffff1a}.form-btn:disabled{opacity:.5;cursor:not-allowed}.form-btn.cancel{color:var(--tg-theme-hint-color);border-color:#ffffff1a}.form-btn.save{border-color:var(--tg-theme-link-color);background:#ffd7001a;color:var(--tg-theme-link-color)}.form-btn.save:hover{background:#ffd70033}.form-btn.danger{border-color:#f4433680;background:#f443361a;color:#f44336}.form-btn.danger:hover{background:#f4433633}.danger-zone{margin-top:40px;padding:20px;border:1px solid rgba(244,67,54,.3);border-radius:12px;background:#f443360d}.danger-title{font-size:16px;font-weight:600;margin:0 0 12px;color:#f44336}.danger-hint{font-size:12px;color:var(--tg-theme-hint-color);margin-top:8px;font-style:italic}.confirm-modal{max-width:350px}.danger-text{color:#f44336;font-weight:500;font-size:14px}.error{text-align:center;padding:48px 16px;font-size:16px;color:#f44336}.draggable-topic-list{display:flex;flex-direction:column;gap:12px}.draggable-topic-list.drag-mode{padding:8px;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-muted)}.admin-topic-item{display:flex;align-items:stretch;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative}.admin-topic-item:hover{border-color:var(--accent-secondary);box-shadow:var(--shadow-accent)}.admin-topic-item.draggable{cursor:grab;border-style:solid;background:var(--bg-tertiary)}.admin-topic-item.draggable:active{cursor:grabbing}.admin-topic-item.is-dragging{opacity:.5;transform:scale(1.05);z-index:1000;box-shadow:var(--elevation-high)}.admin-topic-item.is-drop-target{border-color:var(--accent-primary);background:var(--state-hover);transform:scale(1.02)}.admin-topic-content{flex:1;display:flex;flex-direction:column}.topic-image-container{position:relative;height:120px;overflow:hidden;background:var(--bg-tertiary)}.topic-admin-image{width:100%;height:100%;position:relative;overflow:hidden}.topic-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-muted);background:var(--bg-tertiary);border:2px dashed var(--border-muted)}.topic-admin-main{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.topic-admin-content{flex:1}.topic-admin-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.topic-admin-preview{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topic-admin-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topic-date{font-size:12px;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 8px;border-radius:12px;border:1px solid var(--border-muted)}.topic-badges{display:flex;gap:6px;flex-wrap:wrap}.topic-badge{font-size:11px;padding:3px 6px;border-radius:10px;font-weight:500;background:var(--bg-info);color:var(--color-info);border:1px solid var(--color-info)}.topic-badge.has-link{background:var(--bg-success);color:var(--color-success);border-color:var(--color-success)}.topic-admin-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.topic-btn{padding:8px 12px;border:1px solid;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;background:transparent}.topic-btn.edit{color:var(--color-warning, #ff9800);border-color:var(--color-warning, #ff9800)}.topic-btn.edit:hover{background:var(--bg-warning, rgba(255, 152, 0, .1))}.topic-btn.delete{color:var(--color-danger, #f44336);border-color:var(--color-danger, #f44336)}.topic-btn.delete:hover{background:var(--bg-danger, rgba(244, 67, 54, .1))}.drag-mode .admin-topic-item{border-style:dashed;border-color:var(--border-muted)}.drag-mode .admin-topic-item.draggable:hover{border-color:var(--accent-primary);border-style:solid}.drag-mode .topic-admin-actions{opacity:.3;pointer-events:none}.draggable-topic-list.disabled{opacity:.6;pointer-events:none;position:relative}.draggable-topic-list.disabled:after{content:"Сохранение порядка...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary, #1a1a1a);padding:12px 20px;border-radius:8px;border:2px solid var(--accent-primary, #0088cc);color:var(--text-primary, #ffffff);font-weight:600;z-index:100;box-shadow:var(--elevation-high, 0 8px 32px rgba(0,0,0,.4))}.admin-topic-item .reorder-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;background:var(--accent-primary, #0088cc);border-right:2px solid var(--border-primary, rgba(255,255,255,.1));min-width:60px}.admin-topic-item .reorder-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;margin:2px 0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.admin-topic-item .reorder-btn:hover:not(.disabled){background:#ffffff4d;transform:scale(1.1)}.admin-topic-item .reorder-btn:active:not(.disabled){background:#fff6;transform:scale(1.05)}.admin-topic-item .reorder-btn.disabled{opacity:.3;cursor:not-allowed;background:#ffffff1a}.admin-topic-item .reorder-position{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffffe6;color:var(--accent-primary, #0088cc);font-size:12px;font-weight:700;margin:4px 0}.admin-topic-item.reorder-mode{border:2px solid var(--accent-primary, #0088cc);background:var(--bg-tertiary, rgba(255,255,255,.05))}.reorderable-topic-list.reorder-mode{padding:8px;background:var(--bg-secondary, rgba(0,0,0,.1));border-radius:12px;border:2px dashed var(--accent-primary, #0088cc)}@media (max-width: 768px){.admin-topic-item .reorder-controls{min-width:70px;padding:10px}.admin-topic-item .reorder-btn{width:40px;height:40px;font-size:20px}.admin-topic-item .reorder-position{width:32px;height:32px;font-size:14px}}@media (max-width: 768px){.topic-admin-meta{flex-direction:column;align-items:flex-start;gap:8px}.topic-badges{align-self:flex-start}.topic-admin-actions{width:100%;justify-content:space-between}.topic-image-container{height:100px}}@media (max-width: 480px){.draggable-topic-list.drag-mode{padding:6px}.topic-admin-main{padding:12px;gap:10px}.topic-admin-title{font-size:16px}.topic-admin-preview{font-size:13px}.topic-admin-actions{flex-direction:column;gap:6px}.topic-btn{width:100%;justify-content:center}.topic-image-container{height:80px}}.admin-topic-item .drag-handle{display:flex;align-items:center;justify-content:center;width:40px;background:var(--accent-primary);color:var(--text-inverse);cursor:grab;border-right:2px solid var(--border-primary);transition:background-color .2s ease}.admin-topic-item .drag-handle:hover{background:var(--accent-secondary)}.admin-topic-item .drag-handle:active{cursor:grabbing;background:var(--accent-primary)}.admin-topic-item .drag-icon{font-size:16px;font-weight:600;line-height:1;letter-spacing:-2px;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion: reduce){.admin-topic-item,.admin-topic-item.is-dragging,.admin-topic-item.is-drop-target{transition:none;transform:none}}@media (prefers-contrast: high){.admin-topic-item{border-width:3px}.admin-topic-item.is-drop-target{border-width:4px;background:var(--accent-primary)}.admin-topic-item .drag-handle{border-right-width:3px}}.admin-topic-item:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.admin-topic-item .drag-handle:focus{outline:2px solid var(--text-inverse);outline-offset:-2px}.admin-topics-container{padding:16px;min-height:100vh;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.admin-topics-header{margin-bottom:24px}.category-info{display:flex;align-items:center;gap:16px}.category-icon-large{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffd7001a;border-radius:12px;flex-shrink:0}.admin-topics-title{font-size:22px;font-weight:600;margin:0;color:var(--tg-theme-text-color)}.admin-topics-subtitle{font-size:14px;margin:0;color:var(--tg-theme-hint-color)}.topics-stats{display:flex;justify-content:center;margin-bottom:24px}.stat{background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:12px 20px;text-align:center}.stat-number{display:block;font-size:20px;font-weight:700;color:var(--tg-theme-link-color);margin-bottom:2px}.topics-list{display:flex;flex-direction:column;gap:12px}.topic-admin-card{background:#bf5af20d;border:2px solid var(--neon-purple);border-radius:5%;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.topic-admin-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent-hover-cards);transition:left .6s;z-index:1}.topic-admin-card:hover:before{left:100%}.topic-admin-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-accent)}.topic-image-container{width:100%;height:160px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--secondary-bg) 0%,var(--accent-bg) 100%);display:flex;align-items:center;justify-content:center}.topic-admin-image{width:100%;height:100%;position:relative;z-index:2}.topic-admin-image-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.topic-admin-card:hover .topic-admin-image-img{transform:scale(1.05)}.topic-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--neon-purple);background:linear-gradient(135deg,#bf5af21a,#00d4ff1a);position:relative;z-index:2}.topic-admin-main{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;position:relative;z-index:2}.topic-admin-content{flex:1;display:flex;flex-direction:column;gap:8px}.topic-admin-title{font-size:18px;font-weight:600;margin:0;color:var(--tg-theme-text-color);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-admin-preview{font-size:14px;color:var(--tg-theme-hint-color);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.topic-admin-meta{display:flex;align-items:center;justify-content:space-between;padding-top:8px;margin-top:auto;border-top:1px solid rgba(191,90,242,.2)}.topic-meta-left{display:flex;align-items:center;gap:8px}.topic-date{font-size:11px;color:var(--tg-theme-hint-color);background:#bf5af21a;padding:2px 8px;border-radius:12px;border:1px solid var(--neon-purple)}.topic-badges{display:flex;gap:4px}.topic-badge{font-size:10px;padding:2px 6px;border-radius:12px;background:#00d4ff33;color:var(--neon-blue);border:1px solid var(--neon-blue)}.topic-badge.has-link{background:#39ff1433;color:var(--neon-green);border-color:var(--neon-green)}.topic-admin-actions{display:flex;gap:8px;margin-top:12px;position:relative;z-index:2}.topic-btn{flex:1;height:32px;border:2px solid var(--neon-purple);border-radius:10px;background:transparent;color:var(--neon-purple);font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.topic-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--neon-purple);transition:left .3s;z-index:-1}.topic-btn:hover:before{left:0}.topic-btn:hover{color:var(--primary-bg);transform:translateY(-1px)}.topic-btn.edit{border-color:var(--neon-blue);color:var(--neon-blue)}.topic-btn.edit:before{background:var(--neon-blue)}.topic-btn.delete{border-color:var(--neon-pink);color:var(--neon-pink)}.topic-btn.delete:before{background:var(--neon-pink)}.add-topic-btn,.add-first-topic-btn{width:100%;padding:16px;border:2px dashed rgba(255,215,0,.3);border-radius:12px;background:transparent;color:var(--tg-theme-link-color);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.add-topic-btn:hover,.add-topic-btn:active,.add-first-topic-btn:hover,.add-first-topic-btn:active{background:#ffd7000d;border-color:#ffd70080}.empty-topics{text-align:center;padding:48px 16px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-topics p{font-size:16px;color:var(--tg-theme-hint-color);margin:0 0 24px}.topic-modal{max-width:500px;width:100%}.topic-modal .modal-content{max-height:60vh;overflow-y:auto}.topic-modal .form-group{margin-bottom:16px}.topic-modal .form-textarea{min-height:100px}.modal-btn.save{border-color:var(--tg-theme-link-color);background:#ffd7001a;color:var(--tg-theme-link-color)}.modal-btn.save:hover{background:#ffd70033}.modal-btn.save:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.admin-topics-container{padding:12px}.topic-image-container{height:140px}.topic-image-placeholder{font-size:40px}.topic-admin-main{padding:12px;gap:8px}.topic-admin-title{font-size:16px}.topic-admin-preview{font-size:13px}.topic-admin-actions{flex-direction:column;gap:6px;margin-top:8px}.topic-btn{height:36px;font-size:13px}.topic-admin-meta{flex-direction:column;align-items:flex-start;gap:6px}.topic-badges{align-self:flex-end}.category-info{flex-direction:column;text-align:center;gap:8px}.topic-modal{margin:8px;max-width:none}}.unsaved-changes-indicator{margin-top:6px;padding:4px 8px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:4px;font-size:11px;color:var(--tg-theme-text-color);font-weight:500;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.admin-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:1rem 0;font-size:.9rem;margin-bottom:1rem}.breadcrumb-link{color:#fffc;text-decoration:none;transition:color .3s ease;padding:.25rem .5rem;border-radius:4px;background:#ffffff1a}.breadcrumb-link:hover{color:#fff;background:#fff3}.breadcrumb-current{color:#fff;font-weight:500;padding:.25rem .5rem;background:#fff3;border-radius:4px}.breadcrumb-separator{color:#fff9;margin:0 .25rem;font-weight:700}@media (max-width: 768px){.admin-breadcrumb{font-size:.8rem;gap:.25rem}.breadcrumb-link,.breadcrumb-current{padding:.2rem .4rem}.breadcrumb-separator{margin:0 .15rem}}.admin-telegram-page{min-height:100vh;background:var(--tg-theme-bg-color);padding:20px;color:var(--tg-theme-text-color)}.page-header{text-align:center;margin-bottom:2rem;padding:1rem}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--tg-theme-link-color)}.page-header p{font-size:1.1rem;color:var(--tg-theme-hint-color);margin-bottom:0}.loading{text-align:center;font-size:1.2rem;padding:2rem;color:var(--tg-theme-text-color)}.error{color:var(--color-error);padding:1rem;background:var(--bg-error);border:1px solid rgba(220,53,69,.3);border-radius:8px;margin-bottom:1rem}.section{background:#ffd70005;border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--tg-theme-text-color)}.bot-info,.chat-info{background:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1rem;margin-top:1rem}.info-item{display:flex;align-items:center;margin-bottom:.8rem;padding:.5rem 0;border-bottom:1px solid rgba(255,215,0,.1)}.info-item:last-child{border-bottom:none;margin-bottom:0}.info-item strong{min-width:180px;font-weight:600;margin-right:1rem}.webhook-active{color:var(--color-success);font-weight:500}.webhook-inactive{color:var(--color-error);font-weight:500}.info-item.error{color:var(--color-error);background:var(--bg-error);border-radius:6px;padding:.8rem;border:1px solid rgba(220,53,69,.2)}.webhook-controls,.chat-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.input-group{flex:1;min-width:250px}.input-group label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--tg-theme-text-color);font-size:.9rem}.input-group input,.input-group textarea{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,215,0,.2);border-radius:8px;background:#ffd7000d;color:var(--tg-theme-text-color);font-size:.95rem;transition:all .3s ease}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--tg-theme-hint-color)}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:var(--accent-primary);background:#ffd7001a;box-shadow:0 0 0 3px #d4af3733}.input-group textarea{resize:vertical;min-height:100px;font-family:inherit}.button-group{display:flex;gap:.5rem;flex-shrink:0}.message-form{max-width:800px}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .input-group{flex:1;min-width:0}.form-row .input-group:first-child{flex:2}.checkbox-group{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:var(--tg-theme-text-color)}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--accent-primary)}.btn{padding:.75rem 1.5rem;border:1px solid rgba(255,215,0,.3);border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px;background:#ffd7000d;color:var(--tg-theme-text-color)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:hover:not(:disabled){background:#ffd7001a;transform:translateY(-1px)}.btn-primary{border-color:var(--accent-primary);background:#d4af371a;color:var(--tg-theme-text-color)}.btn-primary:hover:not(:disabled){background:#d4af3726;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-secondary{border-color:var(--accent-secondary);background:#4a90e20d;color:var(--tg-theme-text-color)}.btn-secondary:hover:not(:disabled){background:#4a90e21a;transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.btn-danger{border-color:var(--color-error);background:var(--bg-error);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#dc354526;transform:translateY(-2px);box-shadow:var(--shadow-error)}.btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:600;min-width:200px}.form-actions{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,215,0,.1)}@media (max-width: 768px){.admin-telegram-page{padding:10px}.page-header h1{font-size:2rem}.section{padding:1rem;margin-bottom:1rem}.section h2{font-size:1.5rem}.webhook-controls,.chat-controls,.form-row{flex-direction:column}.form-row .input-group{min-width:100%}.button-group{width:100%}.btn{width:100%;justify-content:center}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.info-item strong{min-width:auto;margin-right:0}}@media (max-width: 480px){.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.section{padding:.8rem}.btn-large{padding:.9rem 1.5rem;font-size:1rem;min-width:150px}}.home-button{display:flex;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--accent-primary) 70%,transparent);opacity:.9;color:var(--text-inverse);border:none;border-radius:12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-accent);z-index:1000}.home-button:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.home-button:active{transform:translateY(0);background:var(--accent-primary);box-shadow:var(--shadow-accent)}.home-button:focus{outline:none;box-shadow:0 0 0 3px var(--state-focus),var(--shadow-accent)}.home-button--fixed{position:fixed;bottom:20px;right:20px;width:56px;height:56px;padding:0;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-button--fixed .home-button-icon{font-size:24px}.home-button--inline{padding:12px 16px;min-height:44px}.home-button--inline .home-button-icon{font-size:18px}.home-button-icon{flex-shrink:0;line-height:1}.home-button-text{font-size:inherit;font-weight:inherit;white-space:nowrap}@media (max-width: 480px){.home-button--fixed{bottom:16px;right:16px;width:52px;height:52px}.home-button--fixed .home-button-icon{font-size:22px}.home-button--inline{padding:10px 14px;font-size:14px}.home-button--inline .home-button-icon{font-size:16px}}.home-button--fixed{pointer-events:all}@keyframes homeButtonSlideIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.home-button--fixed{animation:homeButtonSlideIn .3s ease-out}@media (prefers-contrast: high){.home-button{border:2px solid var(--text-inverse)}.home-button:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--state-focus)}}@media (prefers-reduced-motion: reduce){.home-button{transition:none}.home-button:hover,.home-button:active{transform:none}.home-button--fixed{animation:none}}@media (prefers-color-scheme: dark){.home-button--fixed{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:color-mix(in srgb,var(--accent-primary) 70%,transparent);opacity:.9}}*{box-sizing:border-box}.app{width:100%;min-height:100vh;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--tg-theme-text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color)}.loading-text{font-size:18px;font-weight:500;color:var(--tg-theme-link-color)}::-webkit-scrollbar{width:0;background:transparent}*{-webkit-tap-highlight-color:rgba(191,90,242,.2)}.page-container{padding:20px;min-height:100vh;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);color:var(--tg-theme-text-color)}.content-wrapper{max-width:600px;margin:0 auto;width:100%}.page-header{text-align:center;margin-bottom:24px;padding:16px 0}.page-title{font-size:28px;font-weight:700;margin:0 0 8px;color:var(--business-gold);text-shadow:var(--shadow-gold);text-transform:uppercase;letter-spacing:2px}.page-subtitle{font-size:14px;margin:0;color:var(--tg-theme-hint-color)}.section-title{font-size:20px;font-weight:600;margin:0 0 16px;color:var(--business-gold);text-transform:uppercase;letter-spacing:1px}.card{background:var(--hover-bg-light);border:2px solid var(--business-gold);border-radius:10px;position:relative;overflow:hidden;transition:all .3s ease}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent-hover-cards);transition:left .6s}.card:hover:before,.card:active:before{left:100%}.card:active{transform:translateY(2px);background:var(--hover-bg);box-shadow:var(--shadow-gold)}.card-clickable{cursor:pointer}.card-content{padding:16px;position:relative;z-index:1}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.card-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-secondary);border-radius:8px;flex-shrink:0;border:2px solid var(--business-gold);color:var(--primary-bg)}.card-title{font-size:18px;font-weight:600;margin:0;color:var(--tg-theme-text-color);line-height:1.3}.card-subtitle{font-size:14px;color:var(--tg-theme-hint-color);margin:4px 0 0}.card-text{font-size:14px;color:var(--tg-theme-text-color);line-height:1.5;margin:12px 0 0}.card-meta{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:var(--tg-theme-hint-color)}.card-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.btn{border-radius:10px;border:2px solid var(--business-gold);padding:12px 24px;font-size:16px;font-weight:600;font-family:inherit;background-color:transparent;color:var(--business-gold);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}.btn:hover{background-color:var(--business-gold);color:var(--primary-bg);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:var(--business-gold);background-color:var(--bg-accent-button)}.btn-primary:hover{background-color:var(--business-blue);border-color:var(--business-blue);box-shadow:var(--shadow-blue)}.btn-secondary{border-color:var(--business-blue);color:var(--business-blue)}.btn-secondary:hover{background-color:var(--business-blue);color:var(--primary-bg);box-shadow:var(--shadow-blue)}.btn-danger{color:var(--business-red)}.btn-danger:hover{background-color:var(--business-red);color:var(--primary-bg);box-shadow:var(--shadow-red)}.btn-small{padding:8px 16px;font-size:14px}.btn-large{padding:16px 32px;font-size:18px}.btn-icon{width:40px;height:40px;padding:0;border-radius:8px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--business-gold);text-transform:uppercase;letter-spacing:1px;font-size:14px}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;background:var(--hover-bg-light);border:2px solid var(--business-gold);border-radius:0;color:var(--tg-theme-text-color);font-size:16px;font-family:inherit;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--business-blue);background:var(--focus-bg);box-shadow:var(--shadow-blue)}.form-input::placeholder,.form-textarea::placeholder{color:var(--tg-theme-hint-color)}.form-textarea{resize:vertical;min-height:100px}.form-hint{margin-top:4px;font-size:12px;color:var(--tg-theme-hint-color)}.list{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;align-items:center;padding:16px;background:var(--hover-bg-light);border:2px solid var(--business-gold);border-radius:0;transition:all .3s ease;position:relative;overflow:hidden}.list-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-accent);transition:left .6s}.list-item:hover:before{left:100%}.list-item-clickable{cursor:pointer}.list-item-clickable:active{transform:translateY(1px);background:var(--hover-bg)}.list-item-content{flex:1;position:relative;z-index:1}.list-item-actions{display:flex;gap:8px;position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:var(--tg-theme-hint-color)}.breadcrumb-icon{font-size:16px}.breadcrumb-name{font-weight:500}.breadcrumb-separator{color:var(--business-gold);margin:0 4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--hover-bg-light);border:2px solid var(--business-gold);border-radius:0;padding:16px;text-align:center}.stat-number{display:block;font-size:24px;font-weight:700;color:var(--business-gold);margin-bottom:4px}.stat-label{font-size:12px;color:var(--tg-theme-hint-color);text-transform:uppercase;letter-spacing:.5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--secondary-bg);border:2px solid var(--business-gold);border-radius:0;max-width:500px;width:90vw;max-height:80vh;overflow:hidden;position:relative}.modal-header{padding:20px;border-bottom:2px solid var(--business-gold);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:600;color:var(--business-gold);margin:0;text-transform:uppercase;letter-spacing:1px}.modal-close{background:none;border:none;font-size:24px;color:var(--business-gold);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-content{padding:20px;overflow-y:auto;max-height:60vh}.modal-actions{padding:20px;border-top:2px solid var(--business-gold);display:flex;gap:12px;justify-content:flex-end}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--business-gold)}.text-secondary{color:var(--tg-theme-hint-color)}.text-danger{color:var(--business-red)}.text-success{color:var(--business-green)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.hidden{display:none}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between}.flex-end{justify-content:flex-end}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}@media (max-width: 480px){.page-container{padding:16px}.page-title{font-size:24px}.btn{font-size:14px;padding:20px}.card-content{padding:12px}.modal{width:95vw}.modal-header,.modal-content,.modal-actions{padding:16px}}.btn .btn-primary .btn-to-post{border-radius:10px;border:2px solid var(--business-gold);padding:20px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1}:root{--bg-primary: #1a1f2e;--bg-secondary: #2a3441;--bg-tertiary: #3d4a5c;--bg-overlay: rgba(26, 31, 46, .9);--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-inverse: #1a1f2e;--text-accent: #d4af37;--accent-primary: #d4af37;--accent-secondary: #4a90e2;--accent-tertiary: #6c757d;--color-success: #28a745;--color-warning: #fd7e14;--color-error: #dc3545;--color-info: #4a90e2;--primary-bg: var(--bg-primary);--secondary-bg: var(--bg-secondary);--accent-bg: var(--bg-tertiary);--primary-text: var(--text-accent);--secondary-text: var(--text-primary);--muted-text: var(--text-secondary);--light-text: #ffffff;--dark-text: var(--text-inverse);--business-gold: var(--accent-primary);--business-blue: var(--accent-secondary);--business-red: var(--color-error);--business-green: var(--color-success);--business-orange: var(--color-warning);--business-silver: var(--accent-tertiary);--neon-purple: var(--accent-primary);--neon-blue: var(--accent-secondary);--neon-pink: var(--color-error);--neon-green: var(--color-success);--neon-orange: var(--color-warning);--neon-yellow: var(--accent-primary);--border-primary: var(--accent-primary);--border-secondary: var(--accent-secondary);--border-muted: var(--text-secondary);--border-subtle: rgba(154, 160, 166, .2);--border-color: var(--border-primary);--border-light: rgba(212, 175, 55, .3);--border-dark: rgba(26, 31, 46, .5);--state-hover: rgba(212, 175, 55, .1);--state-hover-subtle: rgba(212, 175, 55, .05);--state-active: rgba(212, 175, 55, .2);--state-focus: rgba(74, 144, 226, .05);--state-disabled: rgba(154, 160, 166, .1);--bg-accent-button: rgba(212, 175, 55, .2);--hover-bg: var(--state-hover);--hover-bg-light: var(--state-hover-subtle);--active-bg: var(--state-active);--focus-bg: var(--state-focus);--disabled-bg: var(--state-disabled);--elevation-low: 0 2px 4px rgba(0, 0, 0, .1);--elevation-medium: 0 4px 12px rgba(0, 0, 0, .15);--elevation-high: 0 8px 32px rgba(26, 31, 46, .4);--shadow-accent: 0 2px 8px rgba(212, 175, 55, .2);--shadow-accent-color: rgba(212, 175, 55, .25);--shadow-secondary: 0 2px 8px rgba(74, 144, 226, .2);--shadow-success: 0 2px 8px rgba(40, 167, 69, .2);--shadow-error: 0 2px 8px rgba(220, 53, 69, .2);--shadow-gold: var(--shadow-accent);--shadow-blue: var(--shadow-secondary);--shadow-red: var(--shadow-error);--shadow-green: var(--shadow-success);--shadow-card: var(--elevation-medium);--shadow-modal: var(--elevation-high);--shadow-neon: var(--shadow-accent);--shadow-neon-blue: var(--shadow-secondary);--shadow-neon-pink: var(--shadow-error);--shadow-neon-green: var(--shadow-success);--bg-success: rgba(40, 167, 69, .1);--bg-warning: rgba(253, 126, 20, .1);--bg-error: rgba(220, 53, 69, .1);--bg-info: rgba(74, 144, 226, .1);--overlay-primary: var(--bg-overlay);--overlay-secondary: rgba(0, 0, 0, .7);--backdrop-subtle: rgba(255, 255, 255, .1);--tg-theme-bg-color: var(--bg-primary);--tg-theme-text-color: var(--text-primary);--tg-theme-hint-color: var(--text-secondary);--tg-theme-link-color: var(--accent-primary);--tg-theme-button-color: var(--accent-primary);--tg-theme-button-text-color: var(--text-inverse);--tg-theme-secondary-bg-color: var(--bg-secondary);--tg-theme-section-bg-color: var(--bg-tertiary);--gradient-background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--gradient-accent: linear-gradient(45deg, var(--accent-primary), var(--accent-secondary));--gradient-subtle: linear-gradient(90deg, transparent, rgba(212, 175, 55, .15), transparent);--gradient-button-primary: linear-gradient(135deg, var(--accent-primary) 0%, #b8941f 100%);--gradient-button-secondary: linear-gradient(135deg, var(--accent-secondary) 0%, #357abd 100%);--gradient-accent-hover-cards: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-primary) 20%, transparent), transparent);--gradient-primary: var(--gradient-background);--gradient-secondary: var(--gradient-accent);--transparent: transparent;--white-05: rgba(255, 255, 255, .05);--white-10: rgba(255, 255, 255, .1);--white-20: rgba(255, 255, 255, .2);--white-30: rgba(255, 255, 255, .3);--white-50: rgba(255, 255, 255, .5);--white-70: rgba(255, 255, 255, .7);--white-90: rgba(255, 255, 255, .9);--black-05: rgba(0, 0, 0, .05);--black-10: rgba(0, 0, 0, .1);--black-20: rgba(0, 0, 0, .2);--black-30: rgba(0, 0, 0, .3);--black-50: rgba(0, 0, 0, .5);--black-70: rgba(0, 0, 0, .7);--black-90: rgba(0, 0, 0, .9)}@media (prefers-color-scheme: dark){:root{--secondary-text: #ffffff;--muted-text: #b0b0b0}}@media (prefers-contrast: high){:root{--border-color: var(--neon-purple);--border-light: var(--neon-purple);--hover-bg: var(--neon-purple);--active-bg: var(--neon-purple);--shadow-neon: none;--shadow-neon-blue: none;--shadow-neon-pink: none;--shadow-neon-green: none}}@media (prefers-reduced-motion: reduce){:root{--gradient-accent: rgba(191, 90, 242, .1)}}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;width:100%;min-height:100vh;background:var(--gradient-primary);color:var(--secondary-text);overflow-x:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#root{width:100%;min-height:100vh}a{color:var(--neon-purple);text-decoration:none;transition:all .3s ease}a:hover{color:var(--neon-blue);text-shadow:var(--shadow-neon)}button{border-radius:0;border:2px solid var(--neon-purple);padding:12px 24px;font-size:16px;font-weight:600;font-family:inherit;background-color:transparent;color:var(--neon-purple);cursor:pointer;transition:all .3s ease;-webkit-appearance:none;appearance:none;text-transform:uppercase;letter-spacing:1px}button:hover{background-color:var(--neon-purple);color:var(--primary-bg);box-shadow:var(--shadow-neon);transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:none}input,textarea,button,select,a{-webkit-tap-highlight-color:var(--active-bg)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin:0}p{margin:0;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}