@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-surface:#eff6ff;--bg-page:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--sidebar-bg:#0f172a;--sidebar-text:#cbd5e1;--sidebar-text-active:#fff;--sidebar-hover:#1e293b;--sidebar-active:#2563eb;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--error:#ef4444;--error-bg:#fee2e2;--info:#3b82f6;--info-bg:#dbeafe;--neutral:#64748b;--neutral-bg:#f1f5f9;--processing:#8b5cf6;--processing-bg:#ede9fe;--suspicious:#f97316;--suspicious-bg:#ffedd5;--blocked:#111827;--blocked-bg:#e5e7eb;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.heading-1{color:var(--text-main);letter-spacing:-.02em;font-size:2rem;font-weight:700}.heading-2{color:var(--text-main);letter-spacing:-.01em;font-size:1.5rem;font-weight:600}.heading-3{color:var(--text-main);font-size:1.125rem;font-weight:600}.text-body{color:var(--text-secondary);font-size:.875rem}.text-muted{color:var(--text-muted);font-size:.75rem}.card{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-main);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s}.btn-secondary:hover{background-color:var(--bg-surface-hover)}.input-field{background-color:var(--bg-surface);border:1px solid var(--border-medium);width:100%;color:var(--text-main);border-radius:var(--radius-md);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-surface)}.admin-layout{height:100vh;display:flex;overflow:hidden}.admin-sidebar{background-color:var(--sidebar-bg);width:260px;color:var(--sidebar-text);flex-direction:column;flex-shrink:0;display:flex}.admin-sidebar-header{color:#fff;letter-spacing:-.02em;border-bottom:1px solid #ffffff1a;align-items:center;height:60px;padding:0 1.5rem;font-weight:700;display:flex}.admin-nav{flex-direction:column;flex:1;padding:1rem 0;display:flex;overflow-y:auto}.admin-nav-item{color:var(--sidebar-text);align-items:center;padding:.5rem 1.5rem;font-size:.875rem;transition:all .1s;display:flex}.admin-nav-item:hover{background-color:var(--sidebar-hover);color:var(--sidebar-text-active)}.admin-nav-item.active{background-color:var(--sidebar-active);color:#fff;font-weight:500}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex}.topbar-left,.topbar-right{align-items:center;gap:1.5rem;display:flex}.topbar-search input{background:var(--bg-page);border-radius:var(--radius-full);border:none;outline:none;width:250px;padding:.5rem 1rem;font-size:.875rem}.topbar-search input:focus{box-shadow:0 0 0 2px var(--primary-surface)}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-page>header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{flex-direction:column;padding:1.25rem;display:flex}.kpi-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.kpi-value{color:var(--text-main);font-size:1.75rem;font-weight:700}.badge{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge:before{content:"";border-radius:50%;width:6px;height:6px;display:block}.badge.success{background-color:var(--success-bg);color:var(--success)}.badge.success:before{background-color:var(--success)}.badge.warning{background-color:var(--warning-bg);color:var(--warning)}.badge.warning:before{background-color:var(--warning)}.badge.error{background-color:var(--error-bg);color:var(--error)}.badge.error:before{background-color:var(--error)}.badge.info{background-color:var(--info-bg);color:var(--info)}.badge.info:before{background-color:var(--info)}.badge.neutral{background-color:var(--neutral-bg);color:var(--neutral)}.badge.neutral:before{background-color:var(--neutral)}.badge.processing{background-color:var(--processing-bg);color:var(--processing)}.badge.processing:before{background-color:var(--processing)}.badge.suspicious{background-color:var(--suspicious-bg);color:var(--suspicious)}.badge.suspicious:before{background-color:var(--suspicious)}.badge.blocked{background-color:var(--blocked-bg);color:var(--blocked)}.badge.blocked:before{background-color:var(--blocked)}.table-container{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--bg-page);border-bottom:1px solid var(--border-light);padding:.75rem 1.5rem;font-size:.75rem;font-weight:600}.data-table td{color:var(--text-main);border-bottom:1px solid var(--border-light);padding:1rem 1.5rem;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--bg-surface-hover)}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-right{text-align:right}.menu-toggle,.sidebar-close,.sidebar-backdrop{display:none}.menu-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-main);justify-content:center;align-items:center;font-size:1.25rem}.menu-toggle:hover{background-color:var(--bg-surface-hover)}.settings-layout{align-items:flex-start;gap:2rem;display:flex}.settings-tabs{flex-direction:column;flex-shrink:0;gap:.375rem;width:240px;display:flex}.settings-content{flex:1;min-width:0}.qb-columns{flex:1;display:flex;overflow:hidden}.qb-list{border-right:1px solid var(--border-light);background-color:#fafafa;flex-direction:column;width:320px;display:flex}.data-table{-webkit-overflow-scrolling:touch}.survey-option{cursor:pointer;align-items:center;gap:.625rem;min-height:40px;padding:.375rem 0;display:flex}.survey-scale-btn{min-width:2.5rem;min-height:40px;padding:.5rem}@media (max-width:900px){.admin-layout{height:auto;min-height:100dvh;display:block;overflow:visible}.admin-sidebar{z-index:1200;width:min(290px,85vw);box-shadow:var(--shadow-md);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:none}.sidebar-backdrop.open{z-index:1150;background-color:#0f172a80;display:block;position:fixed;inset:0}.sidebar-close{color:var(--sidebar-text);padding:.25rem .5rem;font-size:1.25rem;display:inline-flex}.menu-toggle{display:inline-flex}.admin-main{min-height:100dvh;display:block}.admin-topbar{z-index:1000;padding:0 1rem;position:sticky;top:0}.topbar-left,.topbar-right{gap:.75rem}.topbar-search{display:none}.admin-content{padding:1rem;overflow:visible}.admin-page>header{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.settings-layout{flex-direction:column;gap:1rem}.settings-tabs{flex-flow:wrap;width:100%}.settings-tabs>button{white-space:nowrap}.settings-content{width:100%}.qb-columns{flex-direction:column;overflow:auto}.qb-list{border-right:none;border-bottom:1px solid var(--border-light);width:100%;max-height:40vh}}@media (max-width:640px){.heading-1{font-size:1.5rem}.heading-2{font-size:1.25rem}.card{padding:1rem!important}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.25rem}.kpi-value{font-size:1.375rem}.table-container{overflow-x:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block;min-width:0!important}.data-table thead{display:none}.data-table tr{border-bottom:1px solid var(--border-light);padding:.875rem 1rem}.data-table tr:last-child{border-bottom:none}.data-table td{overflow-wrap:anywhere;border-bottom:none;white-space:normal!important;text-align:left!important;padding:.3rem 0!important}.data-table td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.125rem;font-size:.6875rem;font-weight:600;display:block}.data-table td:empty{display:none}.data-table tr:hover td{background-color:#0000}.data-table td[data-label=""]{flex-wrap:wrap;gap:.5rem;display:flex;padding-top:.5rem!important}.data-table td>div[style*="justify-content: flex-end"],.data-table td>div[style*="justify-content: center"]{justify-content:flex-start!important}.data-table td>div[style*="display: flex"],.data-table td>div[style*="display: inline-flex"]{flex-wrap:wrap;max-width:100%;display:flex!important}.data-table td button,.data-table td a.btn-primary,.data-table td a.btn-secondary{white-space:nowrap}.topbar-user-name{display:none}input,select,textarea,.input-field{font-size:1rem}.btn-primary,.btn-secondary{min-height:40px}[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="justify-content: space-between"],[style*="justify-content: flex-end"]{flex-wrap:wrap}[style*="position: fixed"]>.card{max-height:96dvh!important}[style*="position: fixed"][style*="padding: 1rem"],[style*="position: fixed"][style*="padding: 2rem 1rem"],[style*="position: fixed"][style*="padding: 1.5rem"]{padding:.5rem!important}.survey-option{min-height:44px}.survey-scale-btn{flex:1 0 2.75rem;min-height:44px}}