#secaoranking{background:#f8f9fa;padding:20px;height:100vh;overflow:hidden;display:flex;flex-direction:column}#secaoranking header{margin-bottom:20px;flex-shrink:0}#secaoranking header h1{color:var(--p-primary-500);text-align:center;margin-bottom:16px}#secaoranking header .flex{justify-content:center}#secaoranking .ranking-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:0;max-width:1200px;margin:0 auto;width:100%}#secaoranking .ranking-container{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden;border:1px solid #e9ecef;display:flex;flex-direction:column;min-height:0}#secaoranking .ranking-container .ranking-header{background:linear-gradient(135deg, var(--p-primary-500), var(--p-primary-600));color:#fff;padding:20px;text-align:center;flex-shrink:0}#secaoranking .ranking-container .ranking-header h2{margin:0;font-size:1.25rem;font-weight:700}#secaoranking .ranking-container .ranking-content{flex:1;padding:20px;overflow-y:auto;min-height:0}#secaoranking .ranking-container .ranking-content::-webkit-scrollbar{width:8px}#secaoranking .ranking-container .ranking-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#secaoranking .ranking-container .ranking-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}#secaoranking .ranking-container .ranking-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}#secaoranking .ranking-container .ranking-content .loading-state{text-align:center;color:var(--p-gray-500);padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}#secaoranking .ranking-container .ranking-content .ranking-item{display:flex;align-items:center;padding:16px;margin-bottom:12px;border-radius:12px;position:relative;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.06)}#secaoranking .ranking-container .ranking-content .ranking-item:last-child{margin-bottom:0}#secaoranking .ranking-container .ranking-content .ranking-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.12)}#secaoranking .ranking-container .ranking-content .ranking-item.position-1{background:linear-gradient(135deg, #FFD700 0%, #FFA500 100%);color:#8b4513;border:2px solid gold;box-shadow:0 4px 20px rgba(255,215,0,.3)}#secaoranking .ranking-container .ranking-content .ranking-item.position-1 .position-badge{background:hsla(0,0%,100%,.9);color:#8b4513;box-shadow:0 2px 8px rgba(0,0,0,.15)}#secaoranking .ranking-container .ranking-content .ranking-item.position-2{background:linear-gradient(135deg, #C0C0C0 0%, #A8A8A8 100%);color:#2f4f4f;border:2px solid silver;box-shadow:0 4px 20px rgba(192,192,192,.3)}#secaoranking .ranking-container .ranking-content .ranking-item.position-2 .position-badge{background:hsla(0,0%,100%,.9);color:#2f4f4f;box-shadow:0 2px 8px rgba(0,0,0,.15)}#secaoranking .ranking-container .ranking-content .ranking-item.position-3{background:linear-gradient(135deg, #CD7F32 0%, #B8860B 100%);color:#fff;border:2px solid #cd7f32;box-shadow:0 4px 20px rgba(205,127,50,.3)}#secaoranking .ranking-container .ranking-content .ranking-item.position-3 .position-badge{background:hsla(0,0%,100%,.9);color:#cd7f32;box-shadow:0 2px 8px rgba(0,0,0,.15)}#secaoranking .ranking-container .ranking-content .ranking-item.position-default{background:#fff;border:1px solid #e9ecef;color:var(--p-gray-700)}#secaoranking .ranking-container .ranking-content .ranking-item.position-default .position-badge{background:var(--p-gray-400);color:#fff}#secaoranking .ranking-container .ranking-content .ranking-item .position-badge{min-width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.1rem;margin-right:16px;flex-shrink:0}#secaoranking .ranking-container .ranking-content .ranking-item .vendor-info{flex:1;min-width:0}#secaoranking .ranking-container .ranking-content .ranking-item .vendor-info .vendor-name{font-weight:700;font-size:1.1rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#secaoranking .ranking-container .ranking-content .ranking-item .vendor-info .vendor-subtitle{font-size:.875rem;opacity:.8}#secaoranking .ranking-container .ranking-content .ranking-item .value-container{text-align:right;font-weight:700;font-size:1.2rem;flex-shrink:0}#secaoranking .ranking-container .ranking-content .ranking-item .value-container .value-main{margin-bottom:2px;white-space:nowrap}#secaoranking .ranking-container .ranking-content .ranking-item .value-container .value-subtitle{font-size:.75rem;opacity:.7}#secaoranking .ranking-container .ranking-content .ranking-item .progress-bar{position:absolute;bottom:0;left:0;height:4px;background:hsla(0,0%,100%,.3);transition:width .8s ease;border-radius:0 0 12px 12px}#secaoranking .ranking-container .ranking-content .empty-state{text-align:center;padding:60px 20px;color:var(--p-gray-500);display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}#secaoranking .ranking-container .ranking-content .empty-state .empty-icon{font-size:3rem;margin-bottom:16px}#secaoranking .ranking-container .ranking-content .empty-state .empty-title{font-size:1.25rem;font-weight:600;margin-bottom:8px}#secaoranking .ranking-container .ranking-content .empty-state .empty-description{font-size:.875rem}@media(max-width: 1024px){#secaoranking .ranking-grid{grid-template-columns:1fr;gap:16px}#secaoranking .ranking-container{max-height:55vh}}@media(max-width: 768px){#secaoranking{padding:16px}#secaoranking header{margin-bottom:16px}#secaoranking header h1{font-size:1.5rem}#secaoranking .ranking-grid{gap:12px}#secaoranking .ranking-container{max-height:60vh}#secaoranking .ranking-content{padding:16px}#secaoranking .ranking-content .ranking-item{padding:12px}#secaoranking .ranking-content .ranking-item .position-badge{min-width:36px;height:36px;font-size:1rem}#secaoranking .ranking-content .ranking-item .vendor-info .vendor-name{font-size:1rem}#secaoranking .ranking-content .ranking-item .value-container{font-size:1rem}}@media(max-width: 480px){#secaoranking .ranking-grid{grid-template-columns:1fr}#secaoranking .ranking-container{max-height:55vh}}