@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #f0f7ff;--primary-100: #e0efff;--primary-200: #b9dfff;--primary-300: #7cc4ff;--primary-400: #36a9ff;--primary-500: #0078d4;--primary-600: #0066b8;--primary-700: #005496;--primary-800: #00437a;--primary-900: #003262;--accent-500: #107c10;--accent-600: #0b6a0b;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fefce8;--warning-100: #fef9c3;--warning-500: #eab308;--warning-600: #ca8a04;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #dc2626;--slate-25: #fcfcfd;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-100) 100%);color:var(--slate-900);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}::selection{background:var(--primary-200);color:var(--primary-900)}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--slate-900);color:#fff;position:fixed;height:100vh;display:flex;flex-direction:column;z-index:100;transition:width .3s ease}.sidebar.collapsed{width:72px}.sidebar-toggle{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--slate-800);border:1px solid var(--slate-700);color:var(--slate-400);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:101;transition:all .2s}.sidebar-toggle:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.sidebar .logo{padding:24px;border-bottom:1px solid rgba(255,255,255,.08);transition:padding .3s ease}.sidebar.collapsed .logo{padding:20px 16px}.sidebar .logo h2{font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}.sidebar .logo h2:before{display:none}.sidebar .logo span{font-size:.7rem;color:var(--slate-500);font-weight:400;display:block;margin-top:4px;letter-spacing:.02em}.sidebar ul{list-style:none;padding:12px 8px;flex:1;overflow-y:auto}.sidebar li{margin-bottom:2px}.sidebar li a{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--slate-400);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.sidebar.collapsed li a{justify-content:center;padding:12px}.sidebar li a:hover{background:#ffffff0f;color:#fff}.sidebar li a.active{background:var(--primary-500);color:#fff}.sidebar li a.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary-300);border-radius:0 2px 2px 0}.sidebar li a div{display:flex;flex-direction:column;min-width:0}.sidebar li a span{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar li a small{font-size:.6875rem;opacity:.6;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{flex:1;margin-left:260px;margin-right:350px;padding:24px 28px;min-height:100vh;background:transparent;overflow-y:auto;transition:margin-left .3s ease}.sidebar-collapsed .content{margin-left:72px}.page-header{margin-bottom:28px}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--slate-900);letter-spacing:-.02em;margin-bottom:6px}.page-header p{color:var(--slate-500);font-size:.875rem}.card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--slate-200);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card h3{font-size:.75rem;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--slate-200);position:relative;overflow:hidden;transition:all var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-500)}.stat-card.success:before{background:var(--success-500)}.stat-card.warning:before{background:var(--warning-500)}.stat-card.danger:before{background:var(--danger-500)}.stat-card .stat-label{font-size:.6875rem;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--slate-900);letter-spacing:-.02em;line-height:1}.stat-card .stat-value.primary{color:var(--primary-600)}.stat-card .stat-value.success{color:var(--success-600)}.stat-card .stat-value.warning{color:var(--warning-600)}.stat-card .stat-value.danger{color:var(--danger-600)}.stat-card .stat-subtitle{font-size:.75rem;color:var(--slate-400);margin-top:6px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--slate-200);min-height:340px}.chart-card h3{font-size:.875rem;font-weight:600;color:var(--slate-800);margin-bottom:20px;display:flex;align-items:center;gap:8px}.table-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--slate-200);overflow:hidden;margin-bottom:24px}.table-card .table-header{padding:16px 24px;border-bottom:1px solid var(--slate-100);background:var(--slate-25)}.table-card .table-header h3{font-size:.875rem;font-weight:600;color:var(--slate-800);margin:0;display:flex;align-items:center;gap:8px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 24px;font-weight:600;font-size:.6875rem;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;background:var(--slate-25);border-bottom:1px solid var(--slate-200)}td{padding:14px 24px;font-size:.8125rem;color:var(--slate-700);border-bottom:1px solid var(--slate-100)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--slate-50)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:600;letter-spacing:.01em}.badge-green{background:var(--success-50);color:var(--success-600)}.badge-yellow{background:var(--warning-50);color:var(--warning-600)}.badge-red{background:var(--danger-50);color:var(--danger-600)}.badge-blue{background:var(--primary-50);color:var(--primary-600)}.heat-cell{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.heat-high{background:var(--danger-50);color:var(--danger-600)}.heat-medium{background:var(--warning-50);color:var(--warning-600)}.heat-low{background:var(--success-50);color:var(--success-600)}.progress-bar{background:var(--slate-200);border-radius:100px;height:6px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:100px;transition:width var(--transition-slow)}.progress-bar .fill.green{background:var(--success-500)}.progress-bar .fill.yellow{background:var(--warning-500)}.progress-bar .fill.red{background:var(--danger-500)}.progress-bar .fill.blue{background:var(--primary-500)}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);border:none;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}button.primary{background:var(--primary-500);color:#fff}button.primary:hover{background:var(--primary-600)}button.secondary{background:#fff;color:var(--slate-600);border:1px solid var(--slate-200)}button.secondary:hover{background:var(--slate-50);border-color:var(--slate-300)}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-md);margin-bottom:10px}.alert:last-child{margin-bottom:0}.alert.critical{background:var(--danger-50);border-left:3px solid var(--danger-500)}.alert.warning{background:var(--warning-50);border-left:3px solid var(--warning-500)}.alert .alert-title{font-weight:600;color:var(--slate-800);font-size:.8125rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-between{justify-content:space-between}.flex-center{align-items:center}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-28{margin-bottom:28px}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-danger{color:var(--danger-600)}.health-green{color:var(--success-600)}.health-yellow{color:var(--warning-600)}.health-red{color:var(--danger-600)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.score-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#fff}.score-circle.high{background:var(--success-500)}.score-circle.medium{background:var(--warning-500)}.score-circle.low{background:var(--danger-500)}.document-preview{background:#fff;border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:28px;max-height:500px;overflow-y:auto}.document-preview h2{font-size:1.125rem;font-weight:700;color:var(--slate-900);margin-bottom:6px}.document-preview .doc-meta{font-size:.8125rem;color:var(--slate-500);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--slate-200)}.document-preview section{margin-bottom:20px}.document-preview section h4{font-size:.8125rem;font-weight:600;color:var(--primary-600);margin-bottom:8px}.document-preview section p{color:var(--slate-600);line-height:1.6;white-space:pre-wrap;font-size:.8125rem}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:20px 24px}}@media(max-width:1200px){.sidebar{width:220px}.content{margin-left:220px}}.card.stat{text-align:center;padding:24px 16px}.card.stat .value{font-size:2rem;font-weight:700;color:var(--slate-900);letter-spacing:-.02em}.card.stat .value.health-green{color:var(--success-600)}.card.stat .value.health-yellow{color:var(--warning-600)}.card.stat .value.health-red{color:var(--danger-600)}.card.stat .label{font-size:.6875rem;font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;margin-top:8px}