:root{--bg-color: #050706;--text-color: #ffffff;--primary-color: #177ddc;--secondary-color: #1f1f1f;--border-color: #434343}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--secondary-color)}img.lazy{opacity:0;transition:opacity .3s}img.lazy.loaded{opacity:1}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (max-width: 768px){html,body{overflow-x:hidden;position:relative}*{-webkit-overflow-scrolling:touch}button,a,input,select,textarea{-webkit-tap-highlight-color:rgba(0,255,136,.2)}body{font-size:16px;-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px}}@media (min-width: 769px) and (max-width: 1024px){body{font-size:15px}}@media (hover: none) and (pointer: coarse){button,a{min-height:44px;min-width:44px}*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{*{background:white!important;color:#000!important}}@media (max-width: 768px){.overview-page .stats-grid{grid-template-columns:1fr;gap:1rem}.overview-page .stat-card{padding:1.2rem}.overview-page .stat-icon{width:50px;height:50px;font-size:1.3rem}.overview-page .stat-value{font-size:1.5rem}.overview-page .actions-grid{grid-template-columns:1fr}.overview-page .action-card{padding:1.5rem}.questions-page .toolbar{flex-direction:column;align-items:stretch}.questions-page .toolbar-left,.questions-page .toolbar-right{width:100%;flex-direction:column}.questions-page .btn{width:100%;justify-content:center}.questions-page .filters{flex-direction:column}.questions-page .filter-input,.questions-page .filter-select{min-width:100%}.questions-page .questions-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.questions-page table{min-width:800px}.questions-page th,.questions-page td{padding:.8rem .5rem;font-size:.9rem}.questions-page .form-row{grid-template-columns:1fr}.questions-page .modal-content{width:95%;max-height:85vh}.questions-page .modal-footer{flex-direction:column;gap:.8rem}.questions-page .modal-footer .btn{width:100%}.ai-search-page .model-options{grid-template-columns:1fr}.ai-search-page .model-card{padding:1.2rem}.ai-search-page .search-header{flex-direction:column;align-items:flex-start;gap:1rem}.ai-search-page .search-header .btn{width:100%}.ai-search-page .search-input-area textarea{font-size:.9rem}.ai-search-page .btn-primary{width:100%}.ai-search-page .result-header,.ai-search-page .result-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.logs-page .filter-row{flex-direction:column}.logs-page .filter-input,.logs-page .filter-select,.logs-page .date-picker{min-width:100%}.logs-page .btn{width:100%;justify-content:center}.logs-page .table-header{flex-direction:column;align-items:flex-start;gap:1rem}.logs-page .table-header .btn{width:100%}.logs-page .logs-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.logs-page table{min-width:800px}.logs-page th,.logs-page td{padding:.8rem .5rem;font-size:.9rem}.logs-page .modal-content{width:95%}}@media (max-width: 480px){.overview-page .stat-card{padding:1rem}.overview-page .stat-icon{width:40px;height:40px;font-size:1.1rem}.overview-page .stat-value{font-size:1.3rem}.overview-page .stat-label{font-size:.85rem}.overview-page .action-card{padding:1.2rem}.overview-page .action-card i{font-size:2rem}.overview-page .action-card h3{font-size:1rem}.questions-page .glass-card{padding:1rem}.questions-page .btn{padding:.6rem 1.2rem;font-size:.9rem}.questions-page .badge{padding:.2rem .6rem;font-size:.75rem}.questions-page .icon-btn{width:28px;height:28px;font-size:.85rem}.ai-search-page .glass-card,.ai-search-page .model-card{padding:1rem}.ai-search-page .model-card i{font-size:1.5rem}.ai-search-page .model-name{font-size:.95rem}.ai-search-page .model-desc{font-size:.8rem}.ai-search-page .result-item{padding:1rem}.ai-search-page .result-model,.ai-search-page .result-time{font-size:.75rem}.logs-page .glass-card{padding:1rem}.logs-page .btn{padding:.6rem 1.2rem;font-size:.9rem}.logs-page .badge{padding:.2rem .6rem;font-size:.75rem}.logs-page .icon-btn{width:28px;height:28px;font-size:.85rem}}@media (min-width: 769px) and (max-width: 1024px){.overview-page .stats-grid,.overview-page .actions-grid{grid-template-columns:repeat(2,1fr)}.questions-page .toolbar,.questions-page .filters{flex-wrap:wrap}.ai-search-page .model-options{grid-template-columns:repeat(2,1fr)}.logs-page .filter-row{flex-wrap:wrap}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{min-width:300px;max-width:500px;padding:16px 20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;align-items:center;gap:12px;pointer-events:auto;border-left:4px solid;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-icon{font-size:20px;flex-shrink:0}.toast-message{flex:1;font-size:14px;line-height:1.5;color:#333;word-break:break-word}.toast-success{border-left-color:#22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-enter{opacity:0;transform:translate(100%)}.toast-show{opacity:1;transform:translate(0)}.toast-exit{opacity:0;transform:translate(100%)}[data-theme=dark] .toast{background:rgba(30,30,30,.95)}[data-theme=dark] .toast-message{color:#e5e5e5}.toast-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.toast-confirm-overlay.show{opacity:1}.toast-confirm-dialog{min-width:400px;max-width:500px;background:#ffffff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:scale(.9);transition:transform .3s cubic-bezier(.4,0,.2,1)}.toast-confirm-overlay.show .toast-confirm-dialog{transform:scale(1)}.toast-confirm-header{padding:24px 24px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb}.toast-confirm-header i{font-size:24px;color:#f59e0b}.toast-confirm-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.toast-confirm-body{padding:20px 24px}.toast-confirm-body p{margin:0;font-size:15px;line-height:1.6;color:#4b5563}.toast-confirm-footer{padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb;border-top:1px solid #e5e7eb}.toast-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.toast-btn-cancel{background:#ffffff;color:#6b7280;border:1px solid #d1d5db}.toast-btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.toast-btn-confirm{background:#00ff88;color:#000}.toast-btn-confirm:hover{background:#00e67a;transform:translateY(-1px);box-shadow:0 4px 12px #00ff884d}[data-theme=dark] .toast-confirm-dialog{background:#1f1f1f}[data-theme=dark] .toast-confirm-header{border-bottom-color:#374151}[data-theme=dark] .toast-confirm-header h3{color:#f3f4f6}[data-theme=dark] .toast-confirm-body p{color:#d1d5db}[data-theme=dark] .toast-confirm-footer{background:#171717;border-top-color:#374151}[data-theme=dark] .toast-btn-cancel{background:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .toast-btn-cancel:hover{background:#4b5563;border-color:#6b7280}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}.toast-confirm-dialog{min-width:auto;width:90%;max-width:400px}.toast-confirm-header{padding:20px 20px 12px}.toast-confirm-body{padding:16px 20px}.toast-confirm-footer{padding:12px 20px;flex-direction:column-reverse}.toast-btn{width:100%}}