:root{--color-black: #0a0a0f;--color-dark: #1a1a2e;--color-purple-dark: #16213e;--color-purple: #2d3561;--color-blue-dark: #0f3460;--color-blue: #533483;--color-yellow: #f4d03f;--color-yellow-bright: #f7dc6f;--color-white: #f8f9fa;--color-gray: #6c757d;--color-gray-light: #adb5bd;--color-danger: #e74c3c;--color-success: #3fcf8e;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, 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: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(244, 208, 63, .3);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--sidebar-width: 260px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html{font-family:var(--font-primary);line-height:1.6;color:var(--color-white);background:linear-gradient(135deg,var(--color-black) 0%,var(--color-dark) 50%,var(--color-purple-dark) 100%);background-attachment:fixed;min-height:100vh}body{font-size:var(--font-size-base);background:transparent}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-white)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{color:var(--color-gray-light)}a{color:var(--color-yellow);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-yellow-bright)}button{font-family:inherit;cursor:pointer}input,button,select{font-family:inherit}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:var(--transition-normal);background:transparent;color:var(--color-white)}.btn-primary{background:var(--color-yellow);color:var(--color-black);border-color:var(--color-yellow)}.btn-primary:hover{background:var(--color-yellow-bright);border-color:var(--color-yellow-bright);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;border-color:#ffffff26;color:var(--color-white)}.btn-secondary:hover{background:#ffffff1a;border-color:#f4d03f66}.btn-ghost{background:transparent;color:var(--color-gray-light)}.btn-ghost:hover{color:var(--color-yellow)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.form-field{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-field label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-light)}.form-input{padding:var(--spacing-sm) var(--spacing-md);background:#0a0a0f99;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-base);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-yellow);box-shadow:0 0 0 3px #f4d03f26}.form-input::placeholder{color:var(--color-gray)}select.form-input{color-scheme:dark}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.page-error{margin-bottom:var(--spacing-md)}.toolbar-filter{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-filter .form-input{min-width:160px}.delete-question{color:var(--color-white)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.login-card{width:100%;max-width:420px;padding:var(--spacing-2xl);background:#1a1a2eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(244,208,63,.15);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-title{text-align:center;margin-bottom:var(--spacing-sm);color:var(--color-yellow);text-shadow:var(--shadow-glow)}.login-subtitle{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-gray-light);font-size:var(--font-size-sm)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:#0a0a0fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(244,208,63,.1);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.sidebar-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-yellow);text-shadow:var(--shadow-glow);letter-spacing:.02em}.sidebar-app{max-width:100%;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-light);background:#53348366;border:1px solid rgba(244,208,63,.15);border-radius:var(--radius-sm);padding:2px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-md) 0}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);margin:2px var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-gray-light);font-size:var(--font-size-sm);font-weight:500;transition:var(--transition-fast)}.sidebar-link:hover{background:#f4d03f14;color:var(--color-white)}.sidebar-link.active{background:#f4d03f26;color:var(--color-yellow);box-shadow:inset 3px 0 0 var(--color-yellow)}.sidebar-badge{background:#53348399;color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;padding:2px 8px;border-radius:999px;min-width:22px;text-align:center}.sidebar-link.active .sidebar-badge{background:var(--color-yellow);color:var(--color-black)}.sidebar-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.sidebar-user{font-size:var(--font-size-sm);color:var(--color-gray-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;display:flex;flex-direction:column;min-width:0}.main-header{padding:var(--spacing-lg) var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.05);background:#0a0a0f66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.main-header h1{font-size:var(--font-size-2xl)}.main-content{flex:1;padding:var(--spacing-2xl)}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.page-toolbar-left{color:var(--color-gray-light);font-size:var(--font-size-sm)}.data-table-wrap{background:#1a1a2e80;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-light);font-weight:600;padding:var(--spacing-md) var(--spacing-lg);background:#0a0a0f66;border-bottom:1px solid rgba(255,255,255,.06)}.data-table tbody td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.04);color:var(--color-white);font-size:var(--font-size-sm)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f4d03f0a}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--color-gray-light);font-size:var(--font-size-sm)}.empty-state-title{color:var(--color-white);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-danger{color:var(--color-danger)}.btn-danger:hover{color:#ff6b5b}.btn-danger-solid{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.btn-danger-solid:hover{background:#ff6b5b;border-color:#ff6b5b;box-shadow:0 0 20px #e74c3c59;transform:translateY(-1px)}.row-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap}.pagination-controls{display:flex;gap:var(--spacing-sm)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;background:#53348380;border:1px solid rgba(244,208,63,.2);border-radius:999px;font-size:var(--font-size-xs);color:var(--color-white);white-space:nowrap}.chip-remove{background:transparent;border:none;color:var(--color-gray-light);font-size:var(--font-size-base);line-height:1;padding:0;display:inline-flex;align-items:center}.chip-remove:hover{color:var(--color-danger)}.chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#0a0a0f99;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);transition:var(--transition-fast)}.chip-input:focus-within{border-color:var(--color-yellow);box-shadow:0 0 0 3px #f4d03f26}.chip-input-field{flex:1;min-width:120px;background:transparent;border:none;outline:none;color:var(--color-white);font-size:var(--font-size-base)}.chip-input-field::placeholder{color:var(--color-gray)}.field-hint{color:var(--color-gray);font-weight:400;font-size:var(--font-size-xs)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);z-index:100}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:#1a1a2ef2;border:1px solid rgba(244,208,63,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06)}.modal-header h2{font-size:var(--font-size-xl)}.modal-close{background:transparent;border:none;color:var(--color-gray-light);font-size:var(--font-size-2xl);line-height:1;padding:0}.modal-close:hover{color:var(--color-yellow)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.06)}.imports-page,.overview-page{display:flex;flex-direction:column;gap:var(--spacing-xl)}.statistics-section,.import-panel{background:#1a1a2e8c;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.statistics-section{padding:var(--spacing-lg)}.section-heading,.import-panel-header,.import-panel-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.section-heading{margin-bottom:var(--spacing-lg)}.section-heading h2,.import-panel-header h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.section-heading p,.import-panel-header p{font-size:var(--font-size-sm)}.statistics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md)}.statistic-card{min-width:0;padding:var(--spacing-lg);background:linear-gradient(145deg,#53348347,#0f346038);border:1px solid rgba(244,208,63,.12);border-radius:var(--radius-md);display:flex;flex-direction:column}.statistic-label{color:var(--color-gray-light);font-size:var(--font-size-sm);font-weight:600}.statistic-value{color:var(--color-yellow);font-size:2.25rem;line-height:1.2;margin:var(--spacing-xs) 0}.statistic-caption{color:var(--color-gray);font-size:var(--font-size-xs)}.snapshot-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-yellow-bright);background:#f4d03f14;border:1px solid rgba(244,208,63,.25);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.snapshot-warning span{color:var(--color-gray-light)}.import-panels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-lg)}.import-panel{padding:var(--spacing-lg)}.import-panel-header{align-items:flex-start;padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.06)}.import-format{flex-shrink:0;color:var(--color-yellow);background:#f4d03f14;border:1px solid rgba(244,208,63,.2);border-radius:999px;padding:2px 10px;font-size:var(--font-size-xs);font-weight:700}.file-picker{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg) 0}.file-picker label{color:var(--color-gray-light);font-size:var(--font-size-sm);font-weight:600}.file-input{width:100%}.file-input::file-selector-button{margin-right:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-md);color:var(--color-white);background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-family:inherit;cursor:pointer}.selected-file{min-width:0;overflow:hidden;color:var(--color-gray-light);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.import-message{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.import-message-error{color:#ff8b7f;background:#e74c3c1a;border:1px solid rgba(231,76,60,.25)}.import-message-success{color:var(--color-success);background:#3fcf8e14;border:1px solid rgba(63,207,142,.22)}.import-message-success span{color:var(--color-gray-light)}@media (max-width: 900px){.statistics-grid,.import-panels-grid{grid-template-columns:1fr}.snapshot-warning{flex-direction:column}}@media (max-width: 680px){.main-content,.main-header{padding:var(--spacing-lg)}.section-heading,.import-panel-actions{align-items:stretch;flex-direction:column}.import-panel-actions .btn{justify-content:center}}