body{color:#212121;background-color:#f8fafd;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px 0}.quorum-header{text-align:center;color:#fff;background-color:#2196f3;border-radius:12px;margin-bottom:40px;padding:40px 30px;box-shadow:0 4px 20px #2196f340}.quorum-header .quorum-title{letter-spacing:-.03em;margin-bottom:10px;font-size:2.6rem;font-weight:700}.quorum-header .quorum-subtitle{opacity:.95;font-size:1.3rem;font-weight:500}.menu-bar{gap:1rem;display:flex}.menu-item{color:#212121;border-radius:.25rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.menu-item:hover{color:#2196f3;background-color:#2196f31a}.menu-item.active{color:#2196f3;background-color:#2196f31a;border-bottom:2px solid #2196f3}@media (max-width:768px){.menu-bar{z-index:10;background-color:#fff;flex-direction:column;padding:1rem;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 4px 6px #0000001a}.menu-bar.open{display:flex}.menu-toggle{display:block}}.card{background-color:#fff;border-radius:12px;height:100%;margin-bottom:24px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 16px #00000014}.card-header{color:#fff;background-color:#2196f3;border-bottom:none;padding:16px 20px}.card-title{letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:600}.card-body{padding:20px}.pm-ticker{background-color:#2196f31a;border:1px solid #2196f34d;border-radius:1rem;margin-right:2rem;padding:.5rem 1rem;box-shadow:0 2px 4px #0000001a}.pm-ticker .ticker-content{align-items:center;gap:.5rem;display:flex}.pm-ticker .ticker-label{color:#455a64;font-size:.9rem;font-weight:500}.pm-ticker .ticker-value{color:#1565c0;background-color:#fffc;border:1px solid #2196f333;border-radius:.25rem;padding:.1rem .4rem;font-family:monospace;font-size:1.2rem;font-weight:700;box-shadow:inset 0 1px 3px #0000001a}.pm-ticker .ticker-unit{color:#455a64;font-size:.9rem;font-weight:500}@media (max-width:768px){.pm-ticker{margin-right:1rem}.pm-ticker .ticker-content{gap:.25rem}.pm-ticker .ticker-label,.pm-ticker .ticker-unit{font-size:.8rem}.pm-ticker .ticker-value{font-size:1rem}}.focus-distribution{border-bottom:2px solid #2196f333;align-items:flex-end;height:250px;margin-bottom:35px;padding:0 10px;display:flex;position:relative}.focus-distribution:before{content:"";background:#2196f333;width:2px;position:absolute;top:0;bottom:0;left:0}.focus-distribution:after{content:"Benchmark: 60";color:#1565c0;background:#2196f31a;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500;position:absolute;bottom:45%;right:10px}.bar{border-radius:4px 4px 0 0;flex:1;min-height:4px;margin:0 5px;transition:all .3s;position:relative;box-shadow:0 2px 4px #0000001a}.bar:hover{opacity:.85;transform:translateY(-3px)}.bar-label{text-align:center;color:#455a64;font-size:.8rem;font-weight:500;position:absolute;bottom:-30px;left:0;right:0}.bar-value{text-align:center;color:#1565c0;background:#ffffffe6;border-radius:4px;padding:2px 0;font-size:.9rem;font-weight:600;position:absolute;top:-25px;left:0;right:0}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;display:grid}.metric-card{text-align:center;background-color:#fff;border-radius:10px;padding:20px 15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000014}.metric-card .metric-value{color:#2196f3;margin:10px 0;font-size:2rem;font-weight:700}.metric-card .metric-label{color:#455a64;font-size:.85rem;font-weight:500}.button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 5px #0000001a}.button:hover{background-color:#1565c0;box-shadow:0 4px 8px #00000026}.button-secondary{color:#212121;background-color:#f1f5f9}.button-secondary:hover{background-color:#e2e8f0}.upload-area{text-align:center;background-color:#fff;border:2px dashed #e0e0e0;border-radius:12px;padding:30px;transition:all .3s}.upload-area:hover,.upload-area.dragging{background-color:#2196f30d;border-color:#2196f3}.footer{text-align:center;color:#455a64;border-top:1px solid #e0e0e0;margin-top:50px;padding:25px 0;font-size:.9rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-yellow{color:#854d0e;background-color:#fef3c7}.badge-red{color:#991b1b;background-color:#fee2e2}.badge-green{color:#166534;background-color:#dcfce7}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-gray-600{color:#4b5563}.text-primary{color:#2196f3}.font-bold{font-weight:700}.text-xl{font-size:1.25rem}@media (max-width:768px){.quorum-title{font-size:2rem}.quorum-subtitle{font-size:1.1rem}.metric-grid{grid-template-columns:1fr 1fr}}