*{box-sizing:border-box;margin:0;padding:0}body{color:#2b2b2b;background:#fff5f8;min-height:100vh;padding:25px;font-family:Inter,Arial,sans-serif;transition:background .4s,color .4s}body.dark{color:#f1f5f9;background:#0f172a}.intro-loading{z-index:99999;background:#fff5f8;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:fixed;top:0;left:0}body.dark .intro-loading{background:#0f172a}.intro-loading.hide{opacity:0;visibility:hidden}.intro-box{justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.intro-box:before{content:"";border:4px solid #ffd4e7;border-top-color:#ff4fa3;border-radius:50%;width:140px;height:140px;animation:1s linear infinite spin;position:absolute}.intro-logo{z-index:2;object-fit:contain;filter:drop-shadow(0 0 10px #ff4fa359);width:72px;position:relative}.intro-text{text-align:center;letter-spacing:2px;color:#ff4fa3;width:100%;font-size:15px;font-weight:700;position:absolute;bottom:-35px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{background:#fff;border:1px solid #ffe2ec;border-radius:28px;max-width:1350px;margin:auto;padding:28px;transition:all .4s;box-shadow:0 10px 35px #ff699614}body.dark .container{background:#111827;border-color:#1f2937}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.top-left{align-items:center;gap:14px;display:flex}.top-left h1{color:#ff4fa3;font-size:24px;font-weight:700}.top-right{align-items:center;gap:12px;display:flex}.header-logo{object-fit:contain;width:38px;height:38px}.contact{text-align:right;background:#ffffffb3;border:1px solid #ffd0e4;border-radius:16px;padding:12px 16px;transition:all .4s}body.dark .contact{background:#1e293b;border-color:#334155}.contact:hover{transform:translateY(-2px)}.contact div{color:#888;font-size:12px}body.dark .contact div{color:#cbd5e1}.contact a{color:#ff4fa3;font-weight:700;text-decoration:none}.theme-btn{color:#ff4fa3;cursor:pointer;background:#fff9;border:1px solid #ffd0e4;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:57px;height:57px;padding:0;font-size:16px;transition:all .3s;display:flex}.theme-btn:hover{border-color:#ff4fa3;transform:translateY(-2px);box-shadow:0 8px 25px #ff4fa31f}body.dark .theme-btn{color:#f8fafc;background:#1e293b;border-color:#334155}.info{color:#777;margin-bottom:15px;font-size:14px}body.dark .info{color:#cbd5e1}textarea{resize:vertical;color:#333;background:#fffc;border:1px solid #ffd3e6;border-radius:20px;outline:none;width:100%;height:240px;margin-bottom:20px;padding:18px;font-size:14px;transition:all .4s}body.dark textarea{color:#f8fafc;background:#0f172a;border-color:#1e293b}textarea:focus{border-color:#ff4fa3;box-shadow:0 0 0 5px #ff4fa31f}.action-buttons{gap:12px;margin-bottom:25px;display:flex}button{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:16px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .3s}button:hover{transform:translateY(-2px)}.copy-btn{background:#111827}.copy-btn:hover{background:#000}body.dark .copy-btn{background:#334155}.summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:30px;margin-bottom:25px;display:grid}.card{background:#fffc;border:1px solid #ffd7ea;border-radius:20px;padding:18px;transition:all .4s}body.dark .card{background:#1e293b;border-color:#334155}.card h3{color:#888;margin-bottom:10px;font-size:12px}body.dark .card h3{color:#cbd5e1}.card p{color:#ff2185;font-size:24px;font-weight:800}.progress-wrapper{margin-top:10px;margin-bottom:30px}.progress-info{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.progress-bar{background:#f1f1f1;border-radius:30px;width:100%;height:18px;overflow:hidden}body.dark .progress-bar{background:#1e293b}.progress-fill{background:#ff4fa3;border-radius:30px;width:0%;height:100%;transition:all .5s}.table-wrapper{background:#fffc;border:1px solid #ffd7ea;border-radius:22px;transition:all .4s;overflow-x:auto}body.dark .table-wrapper{background:#111827;border-color:#334155}table{border-collapse:collapse;width:100%;min-width:1100px}thead{background:#fff0f7}body.dark thead{background:#1e293b}table th{text-align:left;color:#888;border-bottom:1px solid #ffd7ea;padding:14px;font-size:13px}body.dark table th{color:#cbd5e1;border-color:#334155}table td{border-bottom:1px solid #ffe6f1;padding:14px;font-size:13px}body.dark table td{border-color:#1e293b}tbody tr:hover{background:#ff4fa30a}.footer{text-align:center;color:#999;margin-top:30px;font-size:13px}.toast{color:#fff;opacity:0;visibility:hidden;z-index:999999;background:#111827;border-radius:14px;padding:14px 18px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:30px;right:30px;transform:translateY(20px)}.toast.show{opacity:1;visibility:visible;transform:translateY(0)}body.dark .toast{background:#ff4fa3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ff9cc8;border-radius:20px}@media (width<=768px){.topbar{flex-direction:column;align-items:flex-start}.top-left{width:100%}.top-right{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.contact{text-align:left;flex:1}.theme-btn{width:57px;min-width:44px;height:57px}}::selection{color:#fff;background:#ff4fa3}::selection{color:#fff;background:#ff4fa3}.running-text{background:#ffffffb3;border:1px solid #ffd0e4;border-radius:16px;align-items:center;width:100%;height:48px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}body.dark .running-text{background:#1e293b;border-color:#334155}.running-content{white-space:nowrap;color:#ff4fa3;font-size:14px;font-weight:700;animation:15s linear infinite marquee;position:absolute}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.dashboard{color:#ff4fa3;background:#111;border-radius:12px;margin:20px 0;padding:15px}.dashboard h3{color:#fff;margin-top:15px}.match-card{background:#ffffff0d;border-left:4px solid #ff4fa3;border-radius:10px;margin:10px 0;padding:10px}