.ngCytoscape{background:url("../../media/bg/field.svg") no-repeat;width:800px;height:550px;background-size:712px 88.5%;}
th.rotate{height:140px;white-space:nowrap;}
th.rotate > div{transform:rotate(270deg);width:30px;}
th.pointer{cursor:pointer;}
.grid-line{opacity:50%;color:#999;}
.c-video{width:100%;position:relative;overflow:hidden;}
.c-video .video{width:100%;}
.c-video:hover .controls{transform:translateY(-7px);transition:all .2s;}
.c-video .buttons{margin:10px;width:100%;}
.c-video .controls .clock{border-radius:5px;padding:2px 5px;border:solid 1px #fff;margin-right:20px;color:white;margin:0px 5px;font-family:"Inconsolata";}
.c-video .controls .clip-time{color:white;margin:0px 5px;font-family:"Inconsolata";}
.c-video .controls .basic{width:2rem;height:2rem;margin-left:5px;}
.c-video .controls button.time{width:1.75rem;height:1.75rem;}
.c-video .controls button.use{height:2rem;font-size:9px;line-height:8px;margin-left:5px}
.c-video .controls{display:flex;position:absolute;bottom:0;width:100%;flex-wrap:wrap;background-color:rgba(0,0,0,0.7);transform:translateY(100%) translateY(-7px);transition:all 4s;}
.c-video .orange-bar{height:10px;top:0;left:0;width:100%;background-color:rgba(0,0,0,0.65);}
.c-video .orange-juice{height:10px;background-color:rgba(255,69,0,0.5);}
.highlightedText{background:yellow;}
.drag{float:left;display:block;cursor:move;z-index:1;min-width:100px!important}
.emblem{float:left;width:35px;font-weight:bold;margin:2px;border-radius:35px;padding:5px 5px;text-align:center;height:35px;line-height:25px;}
.emblem-name{float:left;clear:both;width:200px;}
.emblem-position{float:left;padding:6px 2px;font-size:16px;}
.drag.sub .emblem{border:dashed 1px #333;border-radius:15px}
.player{color:#333;font-family:tahoma;font-size:10px;float:left;clear:both;padding:2px;opacity:0.8;}
.position{color:#333;font-family:tahoma;font-size:10px;float:left;padding:0px;opacity:0.8;margin:11px 5px;}
.widget{overflow:visible!important}
.pitchmap .rect{fill:#ddd;stroke:#5f5f5f;stroke-width:0.25;fill-opacity:0.5;stroke-opacity:0.5;}
.pitchmap .field{fill:#F0FFF0;stroke:#018001;stroke-width:0.5;}
.pitchmap .field.transparent{fill:#F0FFF0;stroke:#018001;stroke-width:0.5;fill-opacity:1;}
.video-js{width:100%;height:565px;}
svg .element:hover line{opacity:1;stroke:blue;stroke-width:1px;}
svg .element:hover circle{opacity:1;stroke:navyblue;stroke-width:1px;}
svg.load{animation:alternateRotate 10s linear infinite,pulsate 2s ease-in-out infinite;}
@keyframes alternateRotate{0%{transform:rotate(0deg);}
10%{transform:rotate(36deg);}
20%{transform:rotate(-36deg);}
30%{transform:rotate(72deg);}
40%{transform:rotate(-72deg);}
50%{transform:rotate(108deg);}
60%{transform:rotate(-108deg);}
70%{transform:rotate(144deg);}
80%{transform:rotate(-144deg);}
90%{transform:rotate(180deg);}
100%{transform:rotate(-180deg);}
}
@keyframes pulsate{0%,100%{transform:scale(0.25);}
50%{transform:scale(1.1);}
}
.player-placeholder{width:48px;height:48px;border-radius:50%;background-color:#03A9F4;color:white;font-size:20px;font-weight:bold;display:flex;align-items:center;justify-content:center;text-transform:uppercase;}
.fluid_timeline_preview{font-size:13px;padding:5px 8px;border-radius:5px;background-color:rgba(0,0,0,0.8);color:white;text-align:center;}
.fluid_marker{width:4px;height:100%;background-color:red;}
.fluid_marker[data-type='Goal']{background-color:red;}
.fluid_marker[data-type='Key Pass']{background-color:blue;}
.fluid_marker[data-type='Card']{background-color:yellow;}
.fluid_marker[data-type='Penalty']{background-color:purple;}
.fluid_controls_progress{position:relative !important;overflow:visible !important;z-index:9999;}
.custom-marker{position:absolute;top:0;width:6px;height:100%;z-index:10;cursor:pointer;}
.custom-marker-tooltip{display:none;position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:9999;margin-bottom:5px;pointer-events:none;transition:opacity 0.2s ease;}
.custom-marker:hover .custom-marker-tooltip{display:block;}
.match-team-block{min-height:50px;display:flex;justify-content:center;}
.match-score-block{width:80px;display:flex;justify-content:center;align-items:center;}
.attacks-list .attack-card{background:#fff;border-radius:8px;}
.svg-thumb{width:140px;max-width:160px;}
.svg-thumb svg{width:100%;height:auto;display:block;}
.metric-box{min-width:80px;}
.metric-value{font-size:1rem;font-weight:600;color:#222;}
.metric-label{font-size:0.7rem;color:#777;}
.attack-pitch-flow{min-height:420px;}
body.ks-drawer-open{overflow:hidden;}
.ks-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.35);opacity:0;pointer-events:none;transition:opacity 160ms ease;z-index:1040;}
.ks-drawer-backdrop.is-open{opacity:1;pointer-events:auto;}
.ks-drawer-right{position:fixed;top:0;right:0;height:100vh;width:380px;max-width:90vw;background:#fff;transform:translateX(100%);transition:transform 180ms ease;z-index:1050;display:flex;flex-direction:column;box-shadow:-10px 0 25px rgba(0,0,0,0.15);}
.ks-drawer-right.is-open{transform:translateX(0);}
.ks-drawer-header{padding:12px 16px;border-bottom:1px solid #eee;}
.ks-drawer-body{flex:1;overflow:hidden;}
.ks-drawer-list{height:100%;overflow-y:auto;padding:12px 16px;}
.ks-drawer-item{padding:10px 0;border-bottom:1px solid #f1f1f1;}
.attack-zone-grid{display:inline-block;border:1px solid #ddd;border-radius:4px;overflow:hidden;}
.zone-row{display:flex;}
.zone-cell{width:110px;height:54px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;line-height:54px;cursor:pointer;font-weight:600;background:#f9f9f9;user-select:none;font-size:12px;}
.zone-row:last-child .zone-cell{border-bottom:none;}
.zone-cell:last-child{border-right:none;}
.zone-cell:hover{background:#eef3ff;}
.zone-cell.active{background:#4a6cf7;color:#fff;border-color:#4a6cf7;}
.ks-lane-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:6px;}
.ks-lane{padding:10px 6px;border:1px solid #ddd;border-radius:6px;text-align:center;cursor:pointer;user-select:none;font-size:12px;line-height:1.2;background:#fff;}
.ks-lane--active{border-color:#5867dd;background:rgba(88,103,221,0.10);font-weight:600;}
.ks-card{background:#fff;border:1px solid #eef0f4;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,0.04);overflow:hidden;}
.ks-card__header{padding:18px 20px;border-bottom:1px solid #f1f3f7;background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);display:flex;align-items:center;justify-content:space-between;}
.ks-card__title{font-size:16px;font-weight:700;margin-bottom:2px;}
.ks-card__subtitle{font-size:12px;color:#7b8496;}
.ks-card__body{padding:18px 20px 12px;}
.ks-card__footer{position:sticky;bottom:0;padding:12px 20px;background:rgba(255,255,255,0.92);backdrop-filter:blur(8px);border-top:1px solid #f1f3f7;display:flex;gap:10px;justify-content:flex-end;}
.ks-btn{border-radius:10px;padding:8px 14px;}
.ks-btn--ghost{filter:saturate(0.9);}
.ks-section{margin-bottom:16px;}
.ks-section__head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px;}
.ks-section__title{font-size:13px;font-weight:700;color:#3a4252;text-transform:uppercase;letter-spacing:.04em;}
.ks-link{font-size:12px;color:#2a7be4;text-decoration:none;}
.ks-link:hover{text-decoration:underline;}
.ks-chip{font-size:12px;color:#5b6578;background:#f4f7ff;border:1px solid #e7efff;padding:5px 10px;border-radius:999px;}
.ks-grid{display:grid;gap:12px;}
.ks-grid--2{grid-template-columns:1fr 1fr;}
.ks-grid--gap-lg{gap:16px;}
@media (max-width:992px){.ks-grid--2{grid-template-columns:1fr;}
}
.ks-field{margin-bottom:4px;}
.ks-field__head{display:flex;align-items:center;justify-content:space-between;}
.ks-label{font-size:12px;font-weight:600;color:#3a4252;margin-bottom:6px;display:block;}
.ks-hint{margin-top:6px;font-size:12px;color:#7b8496;}
.ks-input{border-radius:10px;}
.ks-inline{display:flex;align-items:center;gap:8px;}
.ks-inline__sep{color:#9aa3b2;font-weight:700;}
.ks-pill-row{display:flex;flex-wrap:wrap;gap:8px;}
.ks-pill{border-radius:999px !important;padding:8px 12px !important;font-size:12px !important;border:1px solid #e6eaf2;background:#fff;}
.ks-pill--idle{color:#44506a;}
.ks-pill--active{color:#fff !important;background:#2a7be4 !important;border-color:#2a7be4 !important;box-shadow:0 8px 18px rgba(42,123,228,0.22);}
.ks-pitch{border:1px solid #eef0f4;border-radius:12px;padding:12px;background:linear-gradient(180deg,rgba(250,252,255,1) 0%,rgba(255,255,255,1) 100%);}
.ks-pitch__arrow{margin-top:10px;font-size:11px;color:#8a93a6;text-align:center;letter-spacing:.02em;}
.attack-zone-grid{display:grid;gap:8px;}
.zone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.zone-cell{user-select:none;cursor:pointer;border-radius:10px;border:1px solid #e8ecf4;background:#fff;padding:10px 8px;text-align:center;font-size:12px;font-weight:600;color:#44506a;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease;}
.zone-cell:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,0.05);border-color:#dbe5ff;}
.zone-cell.active{background:#2a7be4;color:#fff;border-color:#2a7be4;box-shadow:0 12px 22px rgba(42,123,228,0.25);}
.ks-lane-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.ks-lane{cursor:pointer;user-select:none;border-radius:12px;border:1px solid #e8ecf4;padding:10px 10px;background:#fff;display:flex;align-items:center;gap:8px;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease;}
.ks-lane:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,0,0,0.05);border-color:#dbe5ff;}
.ks-lane__dot{width:10px;height:10px;border-radius:999px;background:#cbd5e1;flex:0 0 auto;}
.ks-lane__text{font-size:12px;font-weight:700;color:#44506a;}
.ks-lane--active{background:#111827;border-color:#111827;box-shadow:0 12px 22px rgba(17,24,39,0.25);}
.ks-lane--active .ks-lane__dot{background:#22c55e;}
.ks-lane--active .ks-lane__text{color:#fff;}
.ks-slider-head{display:flex;align-items:center;justify-content:space-between;}
.ks-badge{font-size:12px;font-weight:700;color:#2a7be4;background:#f4f7ff;border:1px solid #e7efff;padding:5px 10px;border-radius:999px;}
.ks-slider{display:grid;grid-template-columns:44px 1fr 1fr 44px;align-items:center;gap:10px;margin-top:8px;}
.ks-slider__min,.ks-slider__max{font-size:11px;color:#8a93a6;text-align:center;}
.ks-range{width:100%;accent-color:#2a7be4;}
.ks-section__head--wrap{flex-wrap:wrap;gap:8px;}
.ks-spatial-stack{display:grid;gap:14px;}
.ks-pitch--compact{padding:10px;}
.zone-cell--compact{padding:9px 6px;font-size:11px;border-radius:10px;}
.attack-zone-grid{gap:7px;}
.zone-row{gap:7px;}
.ks-pitch__arrow{margin-top:8px;font-size:11px;color:#8a93a6;text-align:center;letter-spacing:.03em;}
.ks-lane-strip--full{grid-template-columns:repeat(5,1fr);}
@media (max-width:992px){.ks-lane-strip--full{grid-template-columns:repeat(2,1fr);}
}
.ks-field--compact{margin-bottom:16px;}
.ks-field--compact .ks-field__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.ks-pitch-mini{width:160px;max-width:100%;}
.ks-pitch-mini__svg{display:block;width:100%;height:auto;}
.pm-bg{fill:rgb(255,255,255);}
.pm-outline{fill:none;stroke:rgba(255,255,255,0.9);stroke-width:1;}
.pm-line{stroke:rgba(255,255,255,0.35);stroke-width:1;vector-effect:non-scaling-stroke;}
.pm-cell{fill:rgba(117,117,117,0.651);cursor:pointer;}
.pm-cell:hover{fill:rgba(255,200,20,0.3);}
.pm-cell--active{fill:rgba(63,117,0,0.4);}
.pm-text{fill:rgba(0,0,0,0.92);font-size:7px;font-weight:600;pointer-events:none;}
.rzslider{margin:12px 0 20px 0;}
.rzslider .rz-bar{background:#e9ecef;height:6px;border-radius:3px;}
.rzslider .rz-selection{background:#5d78ff;}
.rzslider .rz-pointer{width:18px;height:18px;top:-6px;background-color:#5d78ff;border-radius:50%;box-shadow:0 0 0 2px #ffffff;}
.rzslider .rz-pointer:after{display:none;}
.rzslider .rz-pointer:hover,.rzslider .rz-pointer.rz-active{background-color:#3d5afe;}
.rzslider .rz-bubble{font-size:11px;color:#6c757d;bottom:-28px;}
.rzslider .rz-bubble.rz-bubble-min,.rzslider .rz-bubble.rz-bubble-max{color:#5d78ff;font-weight:600;}
.rzslider .rz-bubble-floor,.rzslider .rz-bubble-ceil{display:none;}
.rzslider .rz-bar{height:8px;}
.rzslider .rz-pointer{width:22px;height:22px;top:-8px;}
.rzslider .rz-pointer span{position:absolute;top:-26px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;color:#5d78ff;}
.rzslider.compact{margin:6px 0 14px 0;}
.rzslider.compact .rz-bar{height:4px;}
.rzslider.compact .rz-pointer{width:14px;height:14px;top:-5px;}
.ks-color-male{color:#1e90ff;}
.ks-color-female{color:#fd3995;}
.ks-autocomplete-club{display:flex;align-items:center;gap:10px;padding:8px 10px;min-height:48px;box-sizing:border-box;}
.ks-autocomplete-club__logo{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;}
.ks-autocomplete-club__logo img{width:28px;height:28px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,0.08);}
.ks-autocomplete-club__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.ks-autocomplete-club__name{font-size:14px;font-weight:600;color:#1f2937;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ks-autocomplete-club__meta{margin-top:3px;display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;line-height:1;}
.ks-autocomplete-club__flag{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,0.08);background:#f8f8f8;}
.ks-autocomplete-club__country{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ks-autocomplete-club__badge{flex:0 0 auto;max-width:64px;padding:3px 8px;border-radius:999px;background:#f3f4f6;color:#374151;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;}
.heatmap-pitch-wrapper{position:relative;width:100%;overflow:hidden;background:url('/themes/metronic/assets/media/bg/field.svg') no-repeat center center;background-size:100% 100%;}
.heatmap-pitch-wrapper heatmap,.heatmap-pitch-wrapper canvas{display:block;width:100%;height:100%;}
.card-custom-bg{background-image:url(/themes/metronic/assets/media/bg/player_match_report_cover.png);background-size:cover;background-position:center center;background-repeat:no-repeat;}
.stats-card{border-radius:18px;padding:12px 8px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.12);transition:transform 0.35s ease,box-shadow 0.35s ease;border:1px solid rgba(255,255,255,0.5);min-height:100px;}
.stats-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 18px 40px rgba(0,0,0,0.18);}
.stats-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,0.7);margin-top:10px;margin-bottom:8px;}
.stats-value{font-size:42px;font-weight:800;color:#ffffff;line-height:1;text-shadow:0 0 12px rgba(59,130,246,0.25);animation:statsPulse 2.2s ease-in-out infinite;}
.stats-icon-wrap{width:56px;height:56px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(59,130,246,0.35);}
.stats-icon{color:#fff;font-size:22px;}
.stats-glow{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,0.25) 0%,rgba(59,130,246,0) 70%);top:-20px;right:-20px;pointer-events:none;}
@keyframes statsPulse{0%,100%{transform:scale(1);text-shadow:0 0 10px rgba(59,130,246,0.18);}
50%{transform:scale(1.05);text-shadow:0 0 18px rgba(6,182,212,0.35);}
}
.kt-widget24{position:relative;display:block;min-height:110px;padding:1.25rem 1.5rem;background-color:#ffffff;border:1px solid #ebedf2;border-radius:0.5rem;box-shadow:0 0.5rem 1rem rgba(82,63,105,0.05);transition:box-shadow 0.2s ease,transform 0.2s ease,border-color 0.2s ease;}
.kt-widget24:hover{transform:translateY(-2px);box-shadow:0 0.75rem 1.5rem rgba(82,63,105,0.08);border-color:#dfe3ea;}
.kt-widget24__details{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:1rem;}
.kt-widget24__info{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;}
.kt-widget24__title{margin:0 0 0.35rem 0;font-size:1rem;font-weight:600;line-height:1.25;color:#48465b;letter-spacing:0.01em;}
.kt-widget24__desc{display:block;margin:0;font-size:0.875rem;line-height:1.4;color:#74788d;font-weight:500;}
.kt-widget24__stats{-ms-flex-negative:0;flex-shrink:0;display:inline-block;font-size:1.75rem;line-height:1;font-weight:700;color:#48465b;text-align:right;white-space:nowrap;letter-spacing:-0.02em;}
.kt-widget24__stats.kt-font-success{color:#1bc5bd !important;}
.kt-widget24__stats.kt-font-danger{color:#f64e60 !important;}
.kt-widget24__stats.kt-font-primary,.kt-widget24__stats.kt-font-brand{color:#5867dd !important;}
.kt-widget24__stats.kt-font-warning{color:#ffb822 !important;}
.kt-widget24__stats.kt-font-info{color:#5578eb !important;}
.kt-font-brand{color:#5867dd !important;}
.kt-font-primary{color:#5867dd !important;}
.kt-font-success{color:#1bc5bd !important;}
.kt-font-danger{color:#f64e60 !important;}
.kt-font-warning{color:#ffb822 !important;}
.kt-font-info{color:#5578eb !important;}
.kt-font-dark{color:#282a3c !important;}
.kt-font-muted{color:#74788d !important;}