:root{--bg-body: #F3F5F9;--bg-card: #FFFFFF;--bg-subtle: #F8FAFC;--bg-hover: #F1F5F9;--primary: #4F46E5;--primary-hover: #4338CA;--primary-gradient: linear-gradient(135deg, #4F46E5 0%, #3B82F6 100%);--primary-gradient-glow: linear-gradient(135deg, rgba(79, 70, 229, .2) 0%, rgba(59, 130, 246, .2) 100%);--primary-light: #EEF2FF;--primary-border: #C7D2FE;--accent-teal: #0D9488;--accent-teal-light: #F0FDFA;--emerald: #10B981;--emerald-gradient: linear-gradient(135deg, #059669 0%, #10B981 100%);--emerald-light: #ECFDF5;--emerald-text: #047857;--amber: #F59E0B;--amber-gradient: linear-gradient(135deg, #D97706 0%, #F59E0B 100%);--amber-light: #FFFBEB;--amber-text: #B45309;--rose: #EF4444;--rose-gradient: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);--rose-light: #FEF2F2;--rose-text: #B91C1C;--purple: #8B5CF6;--purple-gradient: linear-gradient(135deg, #7C3AED 0%, #8B5CF6 100%);--purple-light: #F5F3FF;--text-title: #0F172A;--text-body: #334155;--text-muted: #64748B;--text-light: #94A3B8;--border: #E2E8F0;--border-glass: rgba(226, 232, 240, .8);--border-focus: #818CF8;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .03);--shadow-md: 0 10px 30px -4px rgba(15, 23, 42, .05), 0 4px 12px -2px rgba(15, 23, 42, .02);--shadow-lg: 0 20px 40px -8px rgba(15, 23, 42, .08), 0 8px 16px -4px rgba(15, 23, 42, .03);--shadow-glow: 0 8px 24px rgba(79, 70, 229, .25);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-pill: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", var(--font-family)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg-body);background-image:radial-gradient(at 15% 15%,rgba(79,70,229,.03) 0px,transparent 50%),radial-gradient(at 85% 85%,rgba(16,185,129,.03) 0px,transparent 50%);background-attachment:fixed;color:var(--text-body);min-height:100vh;line-height:1.5;padding-bottom:90px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-title);font-weight:700;letter-spacing:-.025em}h1{font-size:1.85rem}h2{font-size:1.45rem}h3{font-size:1.2rem}h4{font-size:1.05rem}.rn-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-glass);padding:14px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0f172a08}.rn-brand{display:flex;align-items:center;gap:14px}.rn-brand-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);transition:transform .3s ease}.rn-brand-icon:hover{transform:rotate(-5deg) scale(1.05)}.rn-brand-text h1{font-size:1.3rem;line-height:1.15;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rn-brand-text p{font-size:.75rem;color:var(--text-muted);font-weight:500}.rn-nav-pills{display:flex;background:#f8fafccc;padding:5px;border-radius:var(--radius-pill);border:1px solid var(--border);gap:4px;box-shadow:inset 0 2px 4px #00000005}.rn-nav-pill{border:none;background:transparent;padding:9px 20px;border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.rn-nav-pill:hover{color:var(--text-title);background:#fffc}.rn-nav-pill.active{background:#fff;color:var(--primary);box-shadow:0 4px 12px #0f172a14}.rn-header-actions{display:flex;align-items:center;gap:14px}.rn-status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;background-color:var(--emerald-light);color:var(--emerald-text);border:1px solid rgba(16,185,129,.25);box-shadow:0 2px 8px #10b9811a}.rn-status-dot{width:9px;height:9px;border-radius:50%;background-color:var(--emerald);box-shadow:0 0 0 3px #10b98140;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%{transform:scale(.95);box-shadow:0 0 #10b98166}70%{transform:scale(1.05);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.rn-container{max-width:1280px;margin:0 auto;padding:28px 24px}.tab-page{display:none;animation:fadeInPop .35s cubic-bezier(.16,1,.3,1)}.tab-page.active{display:block}@keyframes fadeInPop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.rn-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-glass);padding:22px;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.16,1,.3,1)}.rn-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#4f46e533}.rn-card-elevated{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-glass);padding:28px;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1)}.rn-card-elevated:hover{box-shadow:var(--shadow-lg)}.rn-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:28px}.rn-metric-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-glass);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.rn-metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-gradient);border-radius:var(--radius-pill)}.rn-metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.rn-metric-info p{font-size:.78rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.rn-metric-value{font-size:2rem;font-family:var(--font-display);font-weight:700;color:var(--text-title);line-height:1.1}.rn-metric-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.rn-metric-icon.blue{background:var(--primary-light);color:var(--primary)}.rn-metric-icon.green{background:var(--emerald-light);color:var(--emerald)}.rn-metric-icon.indigo{background:var(--purple-light);color:var(--purple)}.rn-metric-icon.amber{background:var(--amber-light);color:var(--amber)}.rn-btn{border:none;padding:11px 22px;border-radius:var(--radius-pill);font-family:var(--font-family);font-size:.875rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none}.rn-btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-glow)}.rn-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4f46e559}.rn-btn-secondary{background:var(--bg-subtle);color:var(--text-body);border:1px solid var(--border)}.rn-btn-secondary:hover{background:var(--bg-hover);color:var(--text-title);border-color:#cbd5e1}.rn-btn-sm{padding:7px 16px;font-size:.82rem}.rn-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;white-space:nowrap}.rn-badge-blue{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.rn-badge-green{background:var(--emerald-light);color:var(--emerald-text);border:1px solid rgba(16,185,129,.25)}.rn-badge-amber{background:var(--amber-light);color:var(--amber-text);border:1px solid rgba(245,158,11,.25)}.rn-badge-red{background:var(--rose-light);color:var(--rose-text);border:1px solid rgba(239,68,68,.25)}.rn-badge-purple{background:var(--purple-light);color:var(--purple);border:1px solid rgba(139,92,246,.25)}.rn-score-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-family:var(--font-display);font-weight:700;font-size:1.05rem;box-shadow:0 4px 12px #00000014}.rn-score-badge.grade-A{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857;border:2px solid #34D399}.rn-score-badge.grade-B{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border:2px solid #60A5FA}.rn-score-badge.grade-C{background:linear-gradient(135deg,#fefce8,#fef08a);color:#a16207;border:2px solid #FACC15}.rn-score-badge.grade-D{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#c2410c;border:2px solid #FB923C}.rn-score-badge.grade-F{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border:2px solid #F87171}.rn-progress-bar{width:100%;height:9px;background:var(--bg-subtle);border-radius:var(--radius-pill);overflow:hidden;border:1px solid rgba(226,232,240,.6)}.rn-progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.16,1,.3,1)}.rn-table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff}.rn-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.rn-table th{background:var(--bg-subtle);color:var(--text-muted);font-weight:700;padding:16px 20px;border-bottom:1px solid var(--border);text-transform:uppercase;font-size:.74rem;letter-spacing:.06em}.rn-table td{padding:16px 20px;border-bottom:1px solid var(--border);vertical-align:middle}.rn-table tr:last-child td{border-bottom:none}.rn-table tr:hover{background-color:var(--bg-hover)}.rn-segmented{display:inline-flex;background:var(--bg-subtle);border:1px solid var(--border);padding:4px;border-radius:var(--radius-pill);gap:4px}.rn-segmented-btn{border:none;background:transparent;padding:7px 16px;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.rn-segmented-btn.active{background:#fff;color:var(--primary);box-shadow:0 2px 8px #00000014}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;opacity:1;transition:opacity .25s ease}.modal-overlay.hidden{display:none;opacity:0;pointer-events:none}.modal-card{width:100%;max-width:580px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modalPop .3s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border)}.modal-close-btn{background:var(--bg-subtle);border:1px solid var(--border);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all .2s ease}.modal-close-btn:hover{background:var(--rose-light);color:var(--rose-text);border-color:#ef44444d}.rn-form-group{margin-bottom:18px}.rn-form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-title);margin-bottom:7px}.rn-input,.rn-select,.rn-textarea{width:100%;padding:11px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-subtle);font-family:var(--font-family);font-size:.875rem;color:var(--text-title);transition:all .25s cubic-bezier(.16,1,.3,1)}.rn-input:focus,.rn-select:focus,.rn-textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4f46e526}.toast-wrapper{position:fixed;bottom:90px;right:24px;z-index:120;display:flex;flex-direction:column;gap:10px}.rn-toast{background:#0f172a;color:#fff;padding:13px 22px;border-radius:var(--radius-pill);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-lg);animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.rn-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:70px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:90;justify-content:space-around;align-items:center;padding:0 8px}.rn-nav-item{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);font-size:.72rem;font-weight:600;text-decoration:none;width:16%;padding:6px 0;transition:color .2s ease}.rn-nav-item i{width:22px;height:22px}.rn-nav-item.active{color:var(--primary)}@media(max-width:768px){.rn-nav-pills{display:none}.rn-bottom-nav{display:flex}.rn-container{padding:18px 16px}body{padding-bottom:95px}}