:root{--primary: #2c3e50;--secondary: #4a7fcc;--accent: #fdbb2d;--light: #f8f9fa;--dark: #1a2a6c;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--info: #17a2b8}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}body{background:linear-gradient(135deg,var(--dark),#b21f1f,var(--accent));color:#333;padding:20px;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:100%;max-width:1200px;background:white;border-radius:10px;box-shadow:0 10px 30px #0000004d;overflow:hidden;display:flex;flex-direction:column}header{background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--dark)}h1{font-size:22px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.top-controls{display:flex;gap:15px;padding:15px 20px;background:#e6eef9;border-bottom:1px solid #d0d9e2;flex-wrap:wrap}.btn{padding:10px 20px;background:linear-gradient(to bottom,#5b8cda,var(--secondary));color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #0003;display:flex;align-items:center;gap:8px;transition:all .2s}.btn:hover{background:linear-gradient(to bottom,#6c9de8,#4a7fcc);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.btn:active{transform:translateY(0)}.btn:disabled{background:#ccc;cursor:not-allowed}.btn-success{background:linear-gradient(to bottom,var(--success),#1e7e34)}.btn-danger{background:linear-gradient(to bottom,var(--danger),#bd2130)}.main-content{display:flex;position:relative;flex:1}.table-container{flex:1;padding:20px;overflow:auto;max-height:500px;transition:all .3s ease}.controls-container{padding:20px;display:flex;flex-direction:column;gap:15px;background:var(--light);border-top:1px solid #ddd}.settings-panel{width:350px;padding:20px;background:var(--light);border-left:1px solid #ddd;position:absolute;top:0;right:-370px;bottom:0;transition:all .3s ease;z-index:10;display:flex;flex-direction:column;gap:15px;box-shadow:-5px 0 15px #0000001a;overflow-y:auto}.settings-panel.active{right:0}.table-container.settings-active{margin-right:350px}table{width:100%;border-collapse:collapse;margin-bottom:20px;box-shadow:0 2px 5px #0000001a}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th{background-color:var(--secondary);color:#fff;font-weight:700;position:sticky;top:0}tr:nth-child(2n){background-color:var(--light)}tr:hover{background-color:#e9f0fb}.settings-title{font-weight:700;color:#2c5aa0;font-size:18px;padding-bottom:5px;border-bottom:2px solid var(--secondary)}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:10px}.radio-group label,.checkbox-group label{display:flex;align-items:center;gap:8px}.action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.footer{padding:15px 20px;background:var(--primary);color:#ecf0f1;display:flex;justify-content:space-between;align-items:center;font-size:14px}.footer-links{display:flex;gap:15px;flex-wrap:wrap}.footer-links a{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff;text-decoration:underline}.version{font-weight:700;color:var(--accent)}.ignore-conflict,.create-group{display:flex;align-items:center;gap:10px;margin:10px 0}.create-group input{padding:8px;border:1px solid #ccc;border-radius:4px;width:100px}.export-controls{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}input[type=radio],input[type=checkbox]{accent-color:var(--secondary)}.file-input{display:none}.file-info{margin-top:10px;padding:10px;background:#e9f7ff;border-radius:5px;border-left:4px solid var(--secondary)}.close-settings{position:absolute;top:10px;right:10px;background:var(--danger);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px #0003}.progress-bar{height:5px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-top:10px}.progress{height:100%;background-color:var(--success);width:0%;transition:width .3s}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.status-ready{background-color:var(--success)}.status-processing{background-color:var(--warning)}.status-error{background-color:var(--danger)}.tooltip{position:relative;display:inline-block;cursor:help}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.fixture-details{display:none;background:#f1f8ff;padding:10px;border-radius:5px;margin-top:5px;border-left:3px solid var(--secondary)}.fixture-details.active{display:block}.fixture-properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.fixture-property{font-size:12px}.fixture-property .label{font-weight:700;color:var(--secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px;border-radius:10px;box-shadow:0 5px 15px #0000004d;z-index:1000;max-width:500px;width:90%}.modal h2{color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #3498db}.modal-content{font-size:14px;line-height:1.6;color:#34495e}.modal-close-btn{display:block;margin:20px auto 0;padding:8px 25px;background:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.modal-close-btn:hover{background:#2980b9}@media (max-width: 768px){.container{width:100%}.settings-panel{width:100%;right:-100%}.table-container.settings-active{margin-right:0}.top-controls,.export-controls{flex-direction:column}}