:root{--sidebar-width: 250px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa}#app{width:100%;height:100vh}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:linear-gradient(180deg,#2c3e50 0%,#34495e 100%);color:#fff;padding:20px 0;overflow-y:auto;z-index:1000}.sidebar-header{padding:0 20px 30px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.sidebar-header h4{margin:0;font-weight:600;font-size:20px}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-menu li{margin:5px 0}.sidebar-menu a{display:flex;align-items:center;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .3s}.sidebar-menu a:hover,.sidebar-menu a.active{background-color:#ffffff1a;color:#fff;border-left:3px solid #3498db}.sidebar-menu i{margin-right:10px;width:20px}.top-header{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);background:white;border-bottom:1px solid #e9ecef;padding:0 20px;display:flex;align-items:center;justify-content:space-between;z-index:999;box-shadow:0 2px 4px #0000000d}.game-selector{display:flex;gap:10px}.game-tab{padding:8px 20px;border:none;background:#f8f9fa;color:#495057;border-radius:6px;cursor:pointer;transition:all .3s;font-weight:500}.game-tab:hover{background:#e9ecef}.game-tab.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);padding:20px;min-height:calc(100vh - var(--header-height))}.page-header{background:white;padding:20px 30px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.game-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:12px;font-size:12px;font-weight:600;margin-left:10px}.page-header h2{margin:0;font-size:24px;font-weight:600}.card{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px;font-weight:600}.stat-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px;border-radius:8px;margin-bottom:20px}.stat-card.success{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.stat-card.warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-card.info{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stat-value{font-size:32px;font-weight:700;margin:10px 0}.stat-label{font-size:14px;opacity:.9}.table-responsive{border-radius:8px;overflow:hidden}.btn-action{margin:0 3px}.form-label{font-weight:500;margin-bottom:8px}.form-control:focus,.form-select:focus{border-color:#3498db;box-shadow:0 0 0 .2rem #3498db40}.badge-status{padding:6px 12px;border-radius:20px;font-weight:500}.form-help-text{font-size:12px;color:#6c757d;margin-top:4px;line-height:1.4}.form-label-with-help{display:flex;align-items:center;gap:5px}.help-icon{color:#6c757d;cursor:help;font-size:14px}.help-icon:hover{color:#3498db}.config-section{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px}.config-section-title{font-weight:600;color:#495057;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #dee2e6}