@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--glass-bg: rgba(255, 255, 255, .25);--glass-bg-solid: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .4);--glass-shadow: rgba(0, 0, 0, .1);--glass-highlight: rgba(255, 255, 255, .6);--bg-gradient-start: #e0e5ec;--bg-gradient-mid: #c9d6e3;--bg-gradient-end: #a8c0d4;--bg-accent-1: rgba(120, 180, 240, .3);--bg-accent-2: rgba(180, 140, 220, .25);--bg-accent-3: rgba(100, 200, 180, .2);--text-primary: #1a2b3c;--text-secondary: #4a5b6c;--text-muted: #6b7c8d;--status-pending: #f59e0b;--status-in-progress: #3b82f6;--status-resolved: #10b981;--priority-critical: #ef4444;--priority-high: #f97316;--priority-medium: #eab308;--priority-low: #22c55e;--category-system-failure: #dc2626;--category-bug: #ea580c;--category-ui: #7c3aed;--category-feature: #0891b2;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-active: #1d4ed8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);line-height:1.6;overflow-x:hidden}.app-background{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);overflow:hidden}.app-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 30%,var(--bg-accent-1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,var(--bg-accent-2) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,var(--bg-accent-3) 0%,transparent 40%);animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,2%) rotate(2deg)}66%{transform:translate(-1%,1%) rotate(-1deg)}}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}.glass-solid{background:var(--glass-bg-solid);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000026,inset 0 1px 0 var(--glass-highlight)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:var(--spacing-lg);max-width:1600px;width:100%;margin:0 auto}.nav-container{position:sticky;top:0;z-index:100;padding:var(--spacing-md) var(--spacing-lg)}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);max-width:1600px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-brand h1{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.nav-brand-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--accent-primary),#60a5fa);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.nav-links{display:flex;gap:var(--spacing-xs)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:all var(--transition-fast);border:1px solid transparent}.nav-link:hover{color:var(--text-primary);background:#ffffff4d}.nav-link.active{color:var(--accent-primary);background:#3b82f61a;border-color:#3b82f633}.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.page-subtitle{font-size:.95rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent-active));box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:#fff6}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff4d;color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.feedback-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);height:calc(100vh - 200px)}.feedback-list-container{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;height:100%}.feedback-list-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.feedback-list-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.feedback-list{flex:1;overflow-y:auto;padding:var(--spacing-md)}.feedback-item{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;background:#ffffff4d}.feedback-item:hover{background:#ffffff80}.feedback-item.selected{border-color:var(--accent-primary);background:#3b82f61a}.feedback-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.feedback-priority{display:flex;align-items:center;gap:var(--spacing-xs)}.priority-score{font-size:1.25rem;font-weight:700}.priority-score.critical{color:var(--priority-critical)}.priority-score.high{color:var(--priority-high)}.priority-score.medium{color:var(--priority-medium)}.priority-score.low{color:var(--priority-low)}.feedback-status{font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#f59e0b26;color:var(--status-pending)}.status-in_progress{background:#3b82f626;color:var(--status-in-progress)}.status-resolved{background:#10b98126;color:var(--status-resolved)}.feedback-content-preview{font-size:.9rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-sm)}.feedback-meta{display:flex;gap:var(--spacing-md);font-size:.8rem;color:var(--text-muted)}.feedback-category{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.category-dot{width:8px;height:8px;border-radius:50%}.category-dot.system-failure{background:var(--category-system-failure)}.category-dot.bug{background:var(--category-bug)}.category-dot.ui{background:var(--category-ui)}.category-dot.feature{background:var(--category-feature)}.feedback-detail-container{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;height:100%}.feedback-detail-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.feedback-detail-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.detail-value{font-size:1rem;color:var(--text-primary);line-height:1.7}.priority-display{display:flex;align-items:center;gap:var(--spacing-md)}.priority-bar{flex:1;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.priority-bar-fill{height:100%;border-radius:4px;transition:width var(--transition-normal)}.priority-bar-fill.critical{background:linear-gradient(90deg,var(--priority-critical),#f87171)}.priority-bar-fill.high{background:linear-gradient(90deg,var(--priority-high),#fb923c)}.priority-bar-fill.medium{background:linear-gradient(90deg,var(--priority-medium),#fde047)}.priority-bar-fill.low{background:linear-gradient(90deg,var(--priority-low),#4ade80)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--glass-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:var(--spacing-xl)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:#ffffff80;font-size:.95rem;color:var(--text-primary);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f626}.form-textarea{resize:vertical;min-height:100px}.import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.import-card{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.import-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.import-card-description{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--spacing-lg)}.file-upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.file-upload-zone:hover{border-color:var(--accent-primary);background:#3b82f60d}.file-upload-zone.dragover{border-color:var(--accent-primary);background:#3b82f61a}.code-block{background:#0000000d;border-radius:var(--radius-md);padding:var(--spacing-md);font-family:Fira Code,monospace;font-size:.85rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.sample-data-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#8b5cf626;color:#7c3aed;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}.analytics-card{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.analytics-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(0,0,0,.05)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{font-weight:600;color:var(--text-primary)}.chart-container{height:250px;margin-top:var(--spacing-md)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--glass-border)}.settings-card{padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-md)}.weight-slider{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.weight-label{min-width:120px;font-weight:500}.weight-input{flex:1}.weight-value{min-width:50px;text-align:right;font-weight:600}input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#0000001a;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #3b82f64d}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}.audit-table th{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.audit-table td{font-size:.9rem;color:var(--text-secondary)}.audit-action{font-weight:500;color:var(--text-primary)}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff4d;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.api-key-info{flex:1}.api-key-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.api-key-value{font-family:Fira Code,monospace;font-size:.85rem;color:var(--text-muted)}.api-key-actions{display:flex;gap:var(--spacing-sm)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(59,130,246,.3);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.feedback-layout{grid-template-columns:1fr;height:auto}.feedback-list-container,.feedback-detail-container{height:50vh}}@media(max-width:768px){.nav-bar{flex-direction:column;gap:var(--spacing-md)}.main-content{padding:var(--spacing-md)}.import-grid,.analytics-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}