@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap');

.mtt-app *{box-sizing:border-box;margin:0;padding:0}
.mtt-app{font-family:'DM Sans',sans-serif;font-size:14px;color:#1a1a1a;background:#f7f5f0;border-radius:12px;overflow:hidden;max-width:1100px;margin:0 auto}
.mtt-app .mtt-header{background:#1a1a1a;color:#f7f5f0;padding:28px 32px 22px;position:relative;overflow:hidden;text-align:center}
.mtt-app .mtt-header::before{content:'♠ ♥ ♦ ♣';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:48px;opacity:0.06;letter-spacing:16px;pointer-events:none}
.mtt-app .mtt-header h1{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;color:#e8c86d;line-height:1;margin-bottom:4px}
.mtt-app .mtt-header p{font-size:12px;color:#888;letter-spacing:1px;text-transform:uppercase}
.mtt-app .mtt-tabs{display:flex;background:#fff;border-bottom:1px solid #e8e4dc;overflow-x:auto;scrollbar-width:none}
.mtt-app .mtt-tabs::-webkit-scrollbar{display:none}
.mtt-app .mtt-tab{padding:14px 22px;font-size:12px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:#888;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:all 0.15s;font-family:'DM Sans',sans-serif}
.mtt-app .mtt-tab:hover{color:#1a1a1a}
.mtt-app .mtt-tab.on{color:#1a1a1a;border-bottom-color:#e8c86d}
.mtt-app .mtt-body{padding:24px 28px}
.mtt-app .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:24px}
.mtt-app .metric{background:#fff;border-radius:10px;padding:16px;border:1px solid #e8e4dc}
.mtt-app .metric-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:6px}
.mtt-app .metric-val{font-family:'Bebas Neue',sans-serif;font-size:28px;color:#1a1a1a;letter-spacing:1px;line-height:1}
.mtt-app .metric-sub{font-size:11px;color:#bbb;margin-top:2px}
.mtt-app .podium{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.mtt-app .podium-card{flex:1;min-width:140px;background:#fff;border-radius:10px;padding:18px 16px;text-align:center;border:1px solid #e8e4dc;position:relative;overflow:hidden}
.mtt-app .podium-card.p1{border-color:#e8c86d;background:#fffdf5}
.mtt-app .podium-card .medal{font-size:28px;display:block;margin-bottom:6px}
.mtt-app .podium-card .pd-name{font-weight:600;font-size:15px;margin-bottom:2px;color:#1a1a1a}
.mtt-app .podium-card .pd-pts{font-family:'Bebas Neue',sans-serif;font-size:22px;color:#e8c86d;letter-spacing:1px}
.mtt-app .podium-card .pd-info{font-size:11px;color:#999;margin-top:2px}
.mtt-app .tbl-wrap{overflow-x:auto;border-radius:10px;border:1px solid #e8e4dc}
.mtt-app table{width:100%;border-collapse:collapse;background:#fff}
.mtt-app thead tr{background:#1a1a1a}
.mtt-app th{padding:11px 14px;text-align:left;font-size:11px;font-weight:600;letter-spacing:0.8px;text-transform:uppercase;color:#888;background:#1a1a1a;white-space:nowrap}
.mtt-app th:first-child{border-radius:10px 0 0 0;color:#e8c86d}
.mtt-app th:last-child{border-radius:0 10px 0 0}
.mtt-app td{padding:10px 14px;border-bottom:1px solid #f0ece4;color:#1a1a1a;white-space:nowrap}
.mtt-app tr:last-child td{border-bottom:none}
.mtt-app tr:hover td{background:#faf8f3}
.mtt-app .rank-gold{font-family:'Bebas Neue',sans-serif;font-size:17px;color:#e8c86d;letter-spacing:1px}
.mtt-app .rank-silver{font-family:'Bebas Neue',sans-serif;font-size:17px;color:#a0a0a0}
.mtt-app .rank-bronze{font-family:'Bebas Neue',sans-serif;font-size:17px;color:#b87333}
.mtt-app .rank-n{font-family:'Bebas Neue',sans-serif;font-size:15px;color:#ccc}
.mtt-app .hl-cell{background:#fffbea!important;font-weight:600;color:#b8860b}
.mtt-app .pts-bold{font-weight:600}
.mtt-app .section{display:none}
.mtt-app .section.on{display:block}
.mtt-app .section-note{font-size:12px;color:#999;margin-bottom:14px;padding:10px 14px;background:#fff;border-radius:8px;border-left:3px solid #e8c86d}
.mtt-app .section-title{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:#1a1a1a;margin-bottom:8px}
.mtt-app .perf-bar{display:flex;align-items:center;gap:8px}
.mtt-app .bar-bg{flex:1;height:5px;background:#f0ece4;border-radius:3px;overflow:hidden;min-width:60px}
.mtt-app .bar-fill{height:100%;border-radius:3px;background:#e8c86d}
.mtt-app .btn-primary{padding:10px 24px;background:#1a1a1a;color:#e8c86d;border:none;border-radius:8px;font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;cursor:pointer;transition:opacity 0.15s}
.mtt-app .btn-primary:hover{opacity:0.85}
.mtt-app .btn-sec{padding:8px 18px;background:none;color:#888;border:1px solid #e8e4dc;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.5px;cursor:pointer;transition:all 0.15s}
.mtt-app .btn-sec:hover{background:#f7f5f0;color:#1a1a1a}
.mtt-app .err{font-size:12px;color:#c0392b;margin-top:8px}
.mtt-app .admin-title{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:#1a1a1a;margin-bottom:16px}
.mtt-app .admin-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.mtt-app .admin-toolbar select{padding:8px 14px;border:1px solid #e8e4dc;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:13px;background:#faf8f3;color:#1a1a1a;cursor:pointer}
.mtt-app .form-grid{display:grid;grid-template-columns:50px 1fr 75px 75px;gap:6px;margin-bottom:16px}
.mtt-app .form-grid-header{display:grid;grid-template-columns:50px 1fr 75px 75px;gap:6px;margin-bottom:6px}
.mtt-app .form-grid-header span{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:0.8px;padding:0 4px}
.mtt-app .form-row{display:contents}
.mtt-app .form-row input{padding:8px 12px;border:1px solid #e8e4dc;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:13px;background:#faf8f3;color:#1a1a1a;width:100%}
.mtt-app .form-row input:focus{outline:none;border-color:#e8c86d;background:#fff}
.mtt-app .form-row input[readonly]{background:#f0ece4;color:#888;cursor:default}
.mtt-app .add-row-btn{font-size:12px;color:#999;background:none;border:1px dashed #e8e4dc;border-radius:8px;padding:7px;cursor:pointer;text-align:center;grid-column:span 4;transition:all 0.15s}
.mtt-app .add-row-btn:hover{border-color:#e8c86d;color:#b8860b}
.mtt-app select{padding:8px 12px;border:1px solid #e8e4dc;border-radius:8px;font-size:13px;background:#faf8f3;color:#1a1a1a;cursor:pointer}
.mtt-app input[type="text"],.mtt-app input[type="password"],.mtt-app input[type="number"],.mtt-app input[type="date"]{padding:8px 12px;border:1px solid #e8e4dc;border-radius:8px;font-size:13px;background:#faf8f3;color:#1a1a1a}
.mtt-app input:focus{outline:none;border-color:#e8c86d}
.mtt-app .badge-win{font-size:10px;background:#fffbea;color:#b8860b;border:1px solid #e8c86d;padding:2px 7px;border-radius:12px;margin-left:6px}
.mtt-app .badge-wc{font-size:10px;background:#f0f6ff;color:#1a6fb8;border:1px solid #b3d4f0;padding:2px 7px;border-radius:12px;margin-left:6px}
.mtt-app .badge-t1,.mtt-app .badge-t2,.mtt-app .badge-t3{font-size:10px;background:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7;padding:2px 7px;border-radius:12px;margin-left:6px}
.mtt-app .red-line{display:none}
.mtt-app .mtt-footer{display:none}
.mtt-app [id^="mtt-champ-menu-"] select{padding:4px 12px;border-radius:20px;border:1px solid rgba(232,200,109,0.4);background:rgba(255,255,255,0.08);color:#e8c86d;font-size:11px;letter-spacing:0.5px;cursor:pointer;outline:none}
.mtt-app [id^="mtt-champ-menu-"] select option{background:#1a1a1a;color:#f0ece4}
.elementor-widget-container .mtt-app,.e-con .mtt-app,.e-con-inner .mtt-app{max-width:100%;width:100%}