:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-accent: #059669;--color-accent-rgb: 5, 150, 105;--color-accent-hover: #047857;--color-accent-light: #ecfdf5;--color-border: #e2e8f0;--color-success: #059669;--color-error: #e11d48;--color-error-hover: #be123c;--color-error-light: #fff1f2;--color-info-light: #f0f9ff;--color-info: #0284c7;--color-code-bg: #0f172a;--color-code-text: #f8fafc;--color-code-inline-bg: rgba(15, 23, 42, .06);--color-white: #ffffff;--color-header-bg: rgba(248, 250, 252, .85);--color-accent-text: #166534;--color-accent-text-hover: #14532d;--color-accent-link: #15803d;--color-accent-glow: rgba(5, 150, 105, .4);--color-accent-blockquote-bg: rgba(5, 150, 105, .08);--color-accent-blockquote-border: #34d399;--color-accent-pre-bg: rgba(5, 150, 105, .1);--color-accent-code-bg: rgba(5, 150, 105, .12);--color-input-focus-shadow: rgba(5, 150, 105, .15);--color-warning: #d97706;--color-warning-light: #fef3c7;--color-warning-border: #fde68a;--color-warning-text: #92400e;--color-warning-glow: rgba(217, 119, 6, .4);--color-info-border: #bae6fd;--color-error-text: #991b1b;--color-error-border: #fca5a5;--color-error-bg: #fee2e2;--color-muted-bg: #f1f5f9;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .03), 0 1px 2px rgba(15, 23, 42, .02);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .03);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .06), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--color-overlay-bg: rgba(15, 23, 42, .4);--color-overlay-blur: 8px;--color-header-blur: 12px;--checkbox-border-width: 1.5px;--checkbox-check-thickness: 2px;--scroll-reveal-offset: 20px;--scroll-reveal-duration: .6s;--scrollbar-width: 6px;--chat-bubble-client-bg: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--chat-bubble-client-shadow: 0 4px 12px rgba(var(--color-accent-rgb), .15);--chat-bubble-client-blockquote-bg: rgba(255, 255, 255, .12);--chat-bubble-client-blockquote-border: rgba(255, 255, 255, .4);--chat-bubble-client-pre-bg: rgba(0, 0, 0, .25);--chat-bubble-client-pre-text: #f1f5f9;--chat-bubble-client-code-bg: rgba(0, 0, 0, .15);--chat-bubble-client-code-text: #f1f5f9;--chat-status-dot-size: 6px;--chat-loading-dot-size: 6px;--chat-input-min-height: 44px;--chat-input-area-shadow: 0 -4px 12px rgba(15, 23, 42, .02);--chat-input-focus-bg: var(--color-surface);--chat-send-btn-size: 44px;--chat-send-btn-bg: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);--chat-send-btn-shadow: 0 4px 10px rgba(var(--color-accent-rgb), .2);--chat-send-btn-hover-shadow: 0 6px 14px rgba(var(--color-accent-rgb), .3);--chat-attach-btn-size: 36px;--chat-attach-image-name-bg: rgba(0, 0, 0, .45);--chat-attach-chip-remove-size: 18px;--chat-attach-chip-file-height: 42px;--chat-attach-chip-file-max-width: 180px;--chat-attach-chip-image-size: 72px;--chat-attach-chip-icon-size: 24px;--chat-msg-attachment-thumb-max-size: 200px;--chat-menu-min-width: 200px;--dashboard-wallet-bg: linear-gradient(135deg, var(--color-surface) 0%, var(--color-bg) 100%);--dashboard-wallet-glow: radial-gradient(circle, rgba(var(--color-accent-rgb), .08) 0%, transparent 70%);--dashboard-wallet-shadow: var(--shadow-md);--color-file-json: #f59e0b;--color-file-csv: #10b981;--color-file-txt: #6b7280;--color-file-md: #3b82f6;--color-file-xml: #8b5cf6;--color-file-html: #ef4444;--color-file-generic: #6b7280}[data-theme=dark]{--color-bg: #0b0f19;--color-surface: #151c2c;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-accent: #10b981;--color-accent-rgb: 16, 185, 129;--color-accent-hover: #34d399;--color-accent-light: rgba(16, 185, 129, .15);--color-border: #222f47;--color-success: #10b981;--color-error: #f43f5e;--color-error-hover: #fb7185;--color-error-light: rgba(244, 63, 94, .15);--color-info-light: rgba(56, 189, 248, .15);--color-info: #38bdf8;--color-code-bg: #070a13;--color-code-text: #e2e8f0;--color-code-inline-bg: rgba(255, 255, 255, .08);--color-header-bg: rgba(11, 15, 25, .85);--color-accent-text: #34d399;--color-accent-text-hover: #6ee7b7;--color-accent-link: #34d399;--color-accent-glow: rgba(16, 185, 129, .3);--color-accent-blockquote-bg: rgba(16, 185, 129, .08);--color-accent-blockquote-border: #10b981;--color-accent-pre-bg: rgba(16, 185, 129, .12);--color-accent-code-bg: rgba(16, 185, 129, .15);--color-input-focus-shadow: rgba(16, 185, 129, .2);--color-warning: #fbbf24;--color-warning-light: rgba(251, 191, 36, .15);--color-warning-border: rgba(251, 191, 36, .3);--color-warning-text: #fbbf24;--color-warning-glow: rgba(251, 191, 36, .3);--color-info-border: rgba(56, 189, 248, .3);--color-error-text: #f43f5e;--color-error-border: rgba(244, 63, 94, .3);--color-error-bg: rgba(244, 63, 94, .1);--color-muted-bg: #1e293b;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--color-overlay-bg: rgba(11, 15, 25, .5);--chat-bubble-client-shadow: 0 4px 12px rgba(var(--color-accent-rgb), .25);--chat-input-area-shadow: 0 -4px 12px rgba(0, 0, 0, .15);--chat-send-btn-shadow: 0 4px 10px rgba(var(--color-accent-rgb), .25);--chat-send-btn-hover-shadow: 0 6px 14px rgba(var(--color-accent-rgb), .4);--dashboard-wallet-glow: radial-gradient(circle, rgba(var(--color-accent-rgb), .12) 0%, transparent 70%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}body,header,footer,.card,.btn,input,select,textarea,.dropdown-menu,.confirm-dialog,.topup-modal,.contact-popup{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25;color:var(--color-text-primary)}p{margin:0;color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}ul,ol{margin:0;padding:0;list-style:none}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--spacing-5)}.header{background:var(--color-header-bg);backdrop-filter:blur(var(--color-header-blur));-webkit-backdrop-filter:blur(var(--color-header-blur));border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-content{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0}.logo{display:flex;align-items:center;gap:var(--spacing-3)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:var(--spacing-5)}.nav a{color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);transition:color var(--transition-base)}.nav a:hover{color:var(--color-accent)}.btn-theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);padding:0;flex-shrink:0}.btn-theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.btn-theme-toggle svg{width:18px;height:18px;transition:transform var(--transition-bounce)}.btn-theme-toggle:hover svg{transform:rotate(15deg) scale(1.1)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:transform var(--transition-bounce),background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);border:none;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.97)}.btn-login{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.btn-login:hover{background:var(--color-accent-light)}.btn-register{background:var(--color-accent);color:#fff}.btn-register:hover{background:var(--color-accent-hover)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-secondary);background:var(--color-bg)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base)}.btn-new{background:var(--color-accent);color:#fff;border:none;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-base)}.btn-new:hover{background:var(--color-accent-hover)}.btn-edit{background:var(--color-accent);color:#fff;border:none}.btn-edit:hover{background:var(--color-accent-hover)}.btn-delete{background:var(--color-error);color:#fff;border:none}.btn-delete:hover{background:var(--color-error-hover)}.btn-danger{background:var(--color-error);color:#fff;border:none}.btn-danger:hover{background:var(--color-error-hover)}.btn-back{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-accent);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-6);transition:color var(--transition-base)}.btn-back:hover{color:var(--color-accent-hover);text-decoration:underline}.btn-back svg{width:16px;height:16px}.notification-wrapper{position:relative;display:inline-flex;align-items:center}.btn-notification{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-secondary);padding:0}.btn-notification:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--color-error);color:var(--color-white);border-radius:9px;font-size:10px;font-weight:700;line-height:18px;text-align:center;pointer-events:none}.notification-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:320px;max-height:400px;overflow-y:auto;border:1px solid var(--color-border);z-index:200}.notification-dropdown::-webkit-scrollbar{width:4px}.notification-dropdown::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.notification-loading,.notification-empty{padding:var(--spacing-6) var(--spacing-4);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.notification-item{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-bg)}.notification-item.notification-unread{background:var(--color-accent-light)}.notification-item.notification-unread:hover{background:var(--color-bg)}.notification-item-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.notification-item-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:2px}.notification-item-icon{flex-shrink:0;color:var(--color-accent)}.notification-item-body{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin-bottom:4px}.notification-item-time{font-size:11px;color:var(--color-text-muted)}.notification-dropdown-header{display:flex;justify-content:flex-end;padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border)}.notification-mark-all-read{background:none;border:none;color:var(--color-accent);font-size:var(--font-size-xs);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.notification-mark-all-read:hover{background:var(--color-accent-light)}.notifications-tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.notifications-tab-header h3{margin:0}.notifications-full-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.notifications-full-list .notification-item:last-child{border-bottom:none}.notification-view-all{display:block;padding:var(--spacing-3) var(--spacing-4);text-align:center;font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent);border-top:1px solid var(--color-border)}.notification-view-all:hover{background:var(--color-bg)}.profile-wrapper{position:relative;display:inline-block}.btn-profile{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.btn-profile:hover{border-color:var(--color-text-secondary);background:var(--color-surface)}.profile-icon{width:20px;height:20px;color:var(--color-accent)}.profile-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{margin-left:var(--spacing-2);transition:transform var(--transition-base)}.btn-profile:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-2));right:0;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;overflow:hidden;border:1px solid var(--color-border)}.dropdown-header{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--color-text-primary);font-weight:500;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-bg)}.dropdown-item svg{width:16px;height:16px}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--spacing-2) 0}.dropdown-item.logout-item{color:var(--color-error)}.dropdown-item.logout-item:hover{background:var(--color-error-light)}.search-section{background:var(--color-surface);padding:var(--spacing-20) 0;border-bottom:1px solid var(--color-border)}.search-wrapper{display:flex;align-items:stretch;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);max-width:720px;margin:0 auto}.search-icon{padding:0 var(--spacing-4);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;pointer-events:none;flex-shrink:0}.search-icon svg{width:20px;height:20px}.search-input{flex:1;border:none;outline:none;padding:var(--spacing-5) var(--spacing-4);font-size:var(--font-size-lg);color:var(--color-text-primary);font-family:var(--font-family)}.search-input::placeholder{color:var(--color-text-muted)}.search-btn{background:var(--color-accent);color:#fff;border:none;padding:var(--spacing-5) var(--spacing-8);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-base)}.search-btn:hover{background:var(--color-accent-hover)}.search-dropdown{position:relative;margin-top:var(--spacing-4)}.search-dropdown .expert-card{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-2);cursor:pointer;transition:all var(--transition-fast)}.search-dropdown .expert-card:hover{background:var(--color-bg)}.search-dropdown .expert-category{display:inline-block;background:var(--color-accent-light);color:var(--color-accent);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-2)}.search-dropdown .expert-info h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.search-dropdown .expert-description{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.search-dropdown .expert-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3);border-top:1px solid var(--color-border)}.search-dropdown .expert-price{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary)}.btn-contact{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-base)}.btn-contact:hover{background:var(--color-accent-hover)}.search-dropdown .btn-contact{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-3);letter-spacing:-.02em}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto}.categories-section{padding:var(--spacing-20) 0;background:var(--color-bg)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-6)}.category-card{background:var(--color-surface);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-bounce),box-shadow var(--transition-bounce),border-color var(--transition-bounce);cursor:pointer}.category-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-lg),0 0 0 3px var(--color-accent-light);border-color:var(--color-accent)}.category-icon{width:64px;height:64px;margin:0 auto var(--spacing-5);background:var(--color-accent-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-accent);transition:transform var(--transition-bounce)}.category-card:hover .category-icon{transform:scale(1.1) rotate(-5deg)}.category-icon svg{width:32px;height:32px}.category-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.category-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-5);font-size:var(--font-size-sm)}.category-link{color:var(--color-accent);font-weight:600;font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--spacing-2)}.category-link:hover{text-decoration:underline}.news-section{padding:var(--spacing-20) 0;background:var(--color-surface)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--spacing-6)}.news-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:transform var(--transition-bounce),box-shadow var(--transition-bounce),border-color var(--transition-bounce)}.news-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.news-tag{display:inline-block;background:var(--color-bg);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--spacing-4)}.news-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3);line-height:1.4}.news-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.news-link{color:var(--color-accent);font-weight:600;font-size:var(--font-size-sm);display:inline-flex;align-items:center;gap:var(--spacing-2)}.news-link:hover{text-decoration:underline}.search-results-section{padding:var(--spacing-20) 0;background:var(--color-bg)}.search-results-actions{margin-bottom:var(--spacing-6)}.btn-clear-search{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.btn-clear-search:hover{background:var(--color-bg);border-color:var(--color-text-secondary)}.expert-card{background:var(--color-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:transform var(--transition-bounce),box-shadow var(--transition-bounce),border-color var(--transition-bounce);cursor:pointer}.expert-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md),0 0 0 2px var(--color-accent-light);border-color:var(--color-accent)}.expert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.expert-info h3{margin:0 0 var(--spacing-2);color:var(--color-text-primary);font-size:var(--font-size-xl)}.expert-category{display:inline-block;background:var(--color-accent-light);color:var(--color-accent);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.expert-contractor{color:var(--color-text-secondary);margin-bottom:var(--spacing-2);font-size:var(--font-size-xs);font-style:italic}.expert-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-5);font-size:var(--font-size-sm);line-height:1.7}.expert-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.expert-price{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.expert-price.hourly{color:var(--color-accent)}.expert-price.fixed{color:var(--color-success)}.no-results{text-align:center;padding:var(--spacing-16) var(--spacing-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.no-results h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.no-results p{color:var(--color-text-secondary);margin-bottom:var(--spacing-5)}.form-group{margin-bottom:var(--spacing-5)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-input,.form-select,.form-textarea,.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0596691a}.form-input::placeholder,.form-textarea::placeholder,.form-group input::placeholder{color:var(--color-text-muted)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--color-bg);cursor:not-allowed}.form-textarea,.form-group textarea{resize:vertical;min-height:100px}.terms-checkbox,.form-checkbox-row{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-top:var(--spacing-2);margin-bottom:var(--spacing-5)}.terms-checkbox input[type=checkbox],.form-checkbox-row input[type=checkbox],.filter-group.checkbox-group input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0;border:var(--checkbox-border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);position:relative;transition:all var(--transition-base);outline:none;display:inline-flex;align-items:center;justify-content:center}.terms-checkbox input[type=checkbox]:hover,.form-checkbox-row input[type=checkbox]:hover,.filter-group.checkbox-group input[type=checkbox]:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.terms-checkbox input[type=checkbox]:checked,.form-checkbox-row input[type=checkbox]:checked,.filter-group.checkbox-group input[type=checkbox]:checked{background-color:var(--color-accent);border-color:var(--color-accent)}.terms-checkbox input[type=checkbox]:after,.form-checkbox-row input[type=checkbox]:after,.filter-group.checkbox-group input[type=checkbox]:after{content:"";width:5px;height:10px;border:solid white;border-width:0 var(--checkbox-check-thickness) var(--checkbox-check-thickness) 0;transform:rotate(45deg) scale(0);transition:transform var(--transition-bounce);margin-bottom:2px}.terms-checkbox input[type=checkbox]:checked:after,.form-checkbox-row input[type=checkbox]:checked:after,.filter-group.checkbox-group input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}.terms-checkbox label,.form-checkbox-row label{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;line-height:1.5}.terms-checkbox a,.form-checkbox-row a{color:var(--color-accent);text-decoration:none}.terms-checkbox a:hover,.form-checkbox-row a:hover{text-decoration:underline}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-2);display:block}.form-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.footer{background:var(--color-surface);color:var(--color-text-primary);border-top:1px solid var(--color-border);padding:var(--spacing-16) 0 var(--spacing-10)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-10);margin-bottom:var(--spacing-10)}.footer-section h4{margin:0 0 var(--spacing-4);font-size:var(--font-size-base);font-weight:600}.footer-section a{display:block;color:var(--color-text-secondary);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);transition:color var(--transition-base)}.footer-section a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:var(--spacing-8);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-bottom a:hover{color:var(--color-accent)}.crud-form-container{background:var(--color-surface);padding:var(--spacing-5);border-radius:var(--radius-md);margin:var(--spacing-5) 0;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.crud-form-container h3{margin:0 0 var(--spacing-5) 0;font-size:var(--font-size-lg)}.crud-form{display:flex;flex-direction:column;gap:var(--spacing-4)}.crud-form-group{margin-bottom:var(--spacing-4)}.crud-form-input,.crud-form-textarea,.crud-form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);box-sizing:border-box}.crud-form-textarea{resize:vertical;min-height:80px}.crud-form-input:focus,.crud-form-textarea:focus,.crud-form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0596691a}.crud-form-input:disabled,.crud-form-textarea:disabled,.crud-form-select:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.crud-form-submit{padding:var(--spacing-3) var(--spacing-5);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background var(--transition-base)}.crud-form-submit:hover{background:var(--color-accent-hover)}.crud-form-cancel{padding:var(--spacing-3) var(--spacing-5);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:background var(--transition-base)}.crud-form-cancel:hover{background:var(--color-bg)}.crud-form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-2);display:none}.required-label:after,.crud-form-required:after{content:" *";color:var(--color-error)}.form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-5)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1024px){.container{padding:0 var(--spacing-4)}.category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.nav>a:not(.btn-login){display:none}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base)}.search-wrapper{flex-direction:column}.search-icon{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.search-input{padding:var(--spacing-4)}.search-btn{width:100%;padding:var(--spacing-4)}.expert-header{flex-direction:column}.expert-footer{flex-direction:column;gap:var(--spacing-4);align-items:flex-start}.footer-content{grid-template-columns:1fr;text-align:center}}@media(max-width:480px){:root{--spacing-20: 64px}.container{padding:0 var(--spacing-4)}.nav{gap:var(--spacing-3)}.section-title{font-size:var(--font-size-xl)}.category-card{padding:var(--spacing-6)}.news-card,.expert-card{padding:var(--spacing-5)}.dropdown-menu{right:-10px;left:-10px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .3s ease-out;min-width:250px;max-width:400px}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}.toast-info{background:var(--color-info)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.confirm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px;padding:var(--spacing-6);animation:popupSlide .25s cubic-bezier(.16,1,.3,1)}.confirm-message{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.6;margin:0 0 var(--spacing-6);text-align:center}.confirm-actions{display:flex;gap:var(--spacing-3);justify-content:center}.confirm-actions .btn{min-width:100px}@media(max-width:768px){.confirm-dialog{max-width:calc(100% - var(--spacing-6));border-radius:var(--radius-lg)}.confirm-actions{flex-direction:column-reverse}.confirm-actions .btn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlide{0%{transform:translateY(24px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.hidden{display:none!important}.auth-container,.prose-container,.legal-container{width:100%;max-width:800px;padding:var(--spacing-5);margin:var(--spacing-12) auto}.auth-card,.prose-card,.legal-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-10);box-shadow:var(--shadow-xl)}.prose-header,.legal-header{text-align:center;margin-bottom:var(--spacing-8)}.prose-header h1,.legal-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.prose-header p,.legal-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.prose-section-title,.legal-section-title{font-size:var(--font-size-2xl);font-weight:600;margin-top:var(--spacing-10);margin-bottom:var(--spacing-4);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-2)}.prose-grid,.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-top:var(--spacing-6);margin-bottom:var(--spacing-8)}.prose-guide-card,.legal-guide-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-3)}.prose-guide-card:hover,.legal-guide-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.prose-guide-icon,.legal-guide-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-light);color:var(--color-accent);margin-bottom:var(--spacing-1)}.prose-guide-card h3,.legal-guide-card h3{font-size:var(--font-size-base);font-weight:600;margin:0;color:var(--color-text-primary)}.prose-guide-card p,.legal-guide-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.prose-steps,.legal-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-4);margin:var(--spacing-6) 0 var(--spacing-8) 0}.prose-step-card,.legal-step-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-5);position:relative;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-2)}.prose-step-card:hover,.legal-step-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.prose-step-number,.legal-step-number{position:absolute;top:var(--spacing-4);right:var(--spacing-4);font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);opacity:.15}.prose-step-card h4,.legal-step-card h4{font-size:var(--font-size-base);font-weight:600;margin:0;padding-right:var(--spacing-6);color:var(--color-text-primary)}.prose-step-card p,.legal-step-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.prose-callout,.legal-callout{border-radius:var(--radius-md);padding:var(--spacing-4) var(--spacing-5);margin-top:var(--spacing-4);margin-bottom:var(--spacing-6);font-size:var(--font-size-sm);line-height:1.6;display:flex;align-items:flex-start;gap:var(--spacing-3)}.prose-callout svg,.legal-callout svg{flex-shrink:0;margin-top:2px}.prose-callout-info,.legal-callout-info{background:var(--color-accent-blockquote-bg);border-left:4px solid var(--color-accent-blockquote-border);color:var(--color-accent-text)}.prose-callout-warning,.legal-callout-warning{background:var(--color-warning-light);border-left:4px solid var(--color-warning);color:var(--color-warning-text)}.prose-callout-title,.legal-callout-title{font-weight:600;margin-bottom:2px}.prose-code-block,.legal-code-block{position:relative;background:var(--color-code-bg);border-radius:var(--radius-lg);padding:var(--spacing-5);margin:var(--spacing-4) 0 var(--spacing-6) 0;overflow-x:auto}.prose-code-block pre,.legal-code-block pre{margin:0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:var(--color-code-text)}.prose-code-args,.legal-code-args{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-3) var(--spacing-6);margin-top:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5)}.prose-arg-name,.legal-arg-name{font-family:monospace;font-weight:600;color:var(--color-accent)}.prose-arg-desc,.legal-arg-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.legal-toc-container{margin-bottom:var(--spacing-8)}.legal-toc-title{margin-top:0;margin-bottom:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.legal-summary-section{margin-bottom:var(--spacing-8)}.prose-toc-grid,.legal-toc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-top:var(--spacing-3);margin-bottom:var(--spacing-8)}.prose-toc-grid a,.legal-toc-grid a{font-size:var(--font-size-sm);color:var(--color-accent-link);font-weight:500;transition:color var(--transition-fast)}.prose-toc-grid a:hover,.legal-toc-grid a:hover{color:var(--color-accent-hover);text-decoration:underline}.prose-summary-card,.legal-summary-card{background:var(--color-accent-blockquote-bg);border:1px solid var(--color-accent-blockquote-border);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-8)}.prose-summary-card h3,.legal-summary-card h3{color:var(--color-accent-text);margin-top:0;margin-bottom:var(--spacing-3);font-size:var(--font-size-base);font-weight:600}.prose-summary-list,.legal-summary-list{margin:0;padding-left:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2.5)}.prose-summary-list li,.legal-summary-list li{font-size:var(--font-size-sm);color:var(--color-accent-text);line-height:1.6}.prose-summary-list strong,.legal-summary-list strong{color:var(--color-accent-text)}.prose-policy-section,.legal-policy-section{margin-bottom:var(--spacing-8);scroll-margin-top:var(--spacing-6)}.prose-policy-section h2,.legal-policy-section h2{font-size:var(--font-size-lg);font-weight:600;margin-top:0;margin-bottom:var(--spacing-3);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-2)}.prose-policy-section h3,.legal-policy-section h3{font-size:var(--font-size-base);font-weight:600;margin-top:var(--spacing-6);margin-bottom:var(--spacing-2);color:var(--color-text-primary)}.prose-policy-section p,.legal-policy-section p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-3)}.prose-policy-section ul,.legal-policy-section ul{margin-top:0;margin-bottom:var(--spacing-3);padding-left:var(--spacing-5)}.prose-policy-section li,.legal-policy-section li{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-1.5)}.prose-contact-card,.legal-contact-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-5);margin-top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.prose-contact-item,.legal-contact-item{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.prose-contact-item strong,.legal-contact-item strong{color:var(--color-text-primary)}.legal-content{max-width:100%}.legal-content h2{font-size:var(--font-size-xl);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);color:var(--color-text-primary)}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:var(--font-size-base);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);color:var(--color-text-secondary)}.legal-content p{line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--spacing-4)}.legal-content ul,.legal-content ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.legal-content li{line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.legal-content .placeholder{color:var(--color-accent);font-style:italic;background:var(--color-accent-light);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);margin-top:var(--spacing-6)}@media(max-width:640px){.contact-layout{grid-template-columns:1fr}}.contact-info h3,.contact-info-item{margin-bottom:var(--spacing-4)}.contact-info-item strong{display:block;margin-bottom:var(--spacing-1)}.contact-form-group{margin-bottom:var(--spacing-4)}.contact-form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:500;font-size:var(--font-size-sm)}.contact-form-group input,.contact-form-group textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family)}.contact-form-group input:focus,.contact-form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0596691a}.about-hero{text-align:center;margin-bottom:var(--spacing-8)}.about-hero h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.about-hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.about-cta{text-align:center;margin-top:var(--spacing-10);padding:var(--spacing-8);background:var(--color-accent-light);border-radius:var(--radius-lg)}.about-cta h2{margin-bottom:var(--spacing-4)}.about-cta p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}@media(max-width:480px){.auth-card{padding:var(--spacing-8) var(--spacing-5)}}.balance-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:500;text-align:center}.balance-banner-low{background:var(--color-warning-light);color:var(--color-warning-text);border-bottom:1px solid var(--color-warning-border)}.balance-banner-urgent{background:var(--color-error-bg);color:var(--color-error-text);border-bottom:1px solid var(--color-error-border)}.balance-banner-text{flex:1}.balance-banner .btn{flex-shrink:0}@media(max-width:768px){.balance-banner{flex-direction:column;padding:var(--spacing-3);gap:var(--spacing-2)}}.confirm-overlay,.topup-overlay,.contact-overlay,.apikey-overlay{background:var(--color-overlay-bg)!important;backdrop-filter:blur(var(--color-overlay-blur))!important;-webkit-backdrop-filter:blur(var(--color-overlay-blur))!important}.scroll-reveal{opacity:0;transform:translateY(var(--scroll-reveal-offset));transition:opacity var(--scroll-reveal-duration) var(--transition-smooth),transform var(--scroll-reveal-duration) var(--transition-smooth)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}