#root{display:flex;flex-direction:column;align-items:center}body{margin:0;padding:0;height:100%;font-family:Roboto,sans-serif;font-optical-sizing:auto}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bgWeb-BJpww1WX.png);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.2;z-index:-1}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:24px}h1{text-align:center;margin-bottom:24px;color:#2c3e50;font-weight:600}.controls{display:flex;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.controls button{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s}.controls button:hover{background:#2980b9}.table-container{overflow:auto;max-height:600px;border:1px solid #e0e0e0;border-radius:8px;position:relative}table{border-collapse:collapse;width:100%}th,td{border:1px solid #e0e0e0;padding:12px;text-align:center;min-width:50px}.fixed-column{position:sticky;left:0;background-color:#ecf0f1;z-index:2;font-weight:600}.fixed-header{position:sticky;top:0;background-color:#3498db;color:#fff;z-index:3;font-weight:600}.fixed-corner{position:sticky;top:0;left:0;background-color:#2c3e50;color:#fff;z-index:4;font-weight:600}.cell-highlight{background-color:#ffeaa7;font-weight:600}.loading{text-align:center;padding:20px;font-style:italic;color:#7f8c8d}.instructions{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.instructions h3{margin-bottom:12px;color:#2c3e50}.instructions p{margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.container{padding:16px}th,td{padding:8px;font-size:14px}}