.ffm-app{min-height:100vh;display:grid;grid-template-columns:260px 1fr;background:var(--ffm-bg)}
.ffm-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--ffm-border);background:#0d1014;display:flex;flex-direction:column;gap:24px}
.ffm-brand{display:flex;gap:12px;align-items:center}.ffm-brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--ffm-accent),#8e6f38);display:grid;place-items:center;font-weight:900;color:#111}.ffm-brand strong{display:block;font-size:14px}.ffm-brand small{display:block;color:var(--ffm-muted);margin-top:2px;font-size:11px}
.ffm-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.ffm-nav button{border:0;background:transparent;color:var(--ffm-muted);padding:11px 12px;border-radius:10px;text-align:left;cursor:pointer;display:flex;gap:10px;align-items:center}.ffm-nav button:hover,.ffm-nav button.is-active{background:var(--ffm-panel-2);color:var(--ffm-text)}.ffm-nav button.is-active{box-shadow:inset 3px 0 0 var(--ffm-accent)}
.ffm-sidebar-foot{margin-top:auto;padding:12px;color:var(--ffm-muted);font-size:12px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ffm-main{min-width:0}.ffm-topbar{height:86px;border-bottom:1px solid var(--ffm-border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:rgba(11,13,16,.93);backdrop-filter:blur(10px);z-index:8}.ffm-kicker{color:var(--ffm-muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.ffm-topbar h1{font-size:22px;margin:4px 0 0}.ffm-top-actions{display:flex;align-items:center;gap:12px}.ffm-manager-mini{text-align:right}.ffm-manager-mini span,.ffm-manager-mini small{display:block}.ffm-manager-mini small{color:var(--ffm-muted);font-size:11px;margin-top:2px}.ffm-avatar{width:42px;height:42px;border-radius:50%;background:var(--ffm-panel-2);border:1px solid var(--ffm-border);display:grid;place-items:center;font-weight:800}.ffm-mobile-menu{display:none;background:var(--ffm-panel);border:1px solid var(--ffm-border);color:var(--ffm-text);border-radius:10px;width:42px;height:42px}
.ffm-screen{padding:26px;max-width:1500px;margin:0 auto}.ffm-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.ffm-card{background:var(--ffm-panel);border:1px solid var(--ffm-border);border-radius:16px;padding:18px;min-width:0}.ffm-card h3{margin:0 0 14px;font-size:14px}.ffm-span-3{grid-column:span 3}.ffm-span-4{grid-column:span 4}.ffm-span-5{grid-column:span 5}.ffm-span-6{grid-column:span 6}.ffm-span-7{grid-column:span 7}.ffm-span-8{grid-column:span 8}.ffm-span-12{grid-column:span 12}
.ffm-stat{font-size:28px;font-weight:800}.ffm-muted{color:var(--ffm-muted)}.ffm-small{font-size:12px}.ffm-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ffm-stack{display:flex;flex-direction:column;gap:12px}.ffm-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:var(--ffm-panel-2);border:1px solid var(--ffm-border);font-size:11px;color:var(--ffm-muted)}.ffm-chip.good{color:#9fe0c8;border-color:#275b49}.ffm-chip.warn{color:#f1cf7a;border-color:#5e4a1e}.ffm-chip.bad{color:#f39b9b;border-color:#643030}.ffm-progress{height:8px;background:#232a31;border-radius:999px;overflow:hidden}.ffm-progress>i{display:block;height:100%;background:var(--ffm-accent)}
.ffm-match-hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:24px;background:linear-gradient(180deg,#171c22,#11151a);border:1px solid var(--ffm-border);border-radius:18px}.ffm-team{text-align:center}.ffm-badge{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:linear-gradient(145deg,#232c36,#0e1217);border:2px solid var(--ffm-accent);font-weight:900}.ffm-vs{font-size:12px;color:var(--ffm-muted);text-align:center}.ffm-vs strong{display:block;font-size:18px;color:var(--ffm-text);margin-bottom:4px}
.ffm-btn{border:1px solid var(--ffm-border);background:var(--ffm-panel-2);color:var(--ffm-text);padding:10px 14px;border-radius:10px;cursor:pointer}.ffm-btn.primary{background:var(--ffm-accent);color:#15120d;border-color:transparent;font-weight:800}.ffm-btn.danger{background:#5a2a2a;border-color:#793838}.ffm-btn.ghost{background:transparent}.ffm-actions{display:flex;gap:10px;flex-wrap:wrap}
.ffm-table{width:100%;border-collapse:collapse}.ffm-table th,.ffm-table td{padding:10px 8px;border-bottom:1px solid var(--ffm-border);font-size:12px;text-align:left}.ffm-table th{color:var(--ffm-muted);font-weight:600}.ffm-table tr:last-child td{border-bottom:0}.ffm-player-name{font-weight:700}.ffm-pos{width:38px;height:28px;border-radius:8px;background:#252c34;display:grid;place-items:center;font-size:10px;font-weight:800}.ffm-health{font-size:11px}
.ffm-pitch{position:relative;aspect-ratio:1.55;background:linear-gradient(90deg,#234a36 0 50%,#204531 50%);border:2px solid rgba(255,255,255,.35);border-radius:14px;overflow:hidden}.ffm-pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.25)}.ffm-pitch:after{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;border:2px solid rgba(255,255,255,.25);border-radius:50%;transform:translate(-50%,-50%)}.ffm-slot{position:absolute;transform:translate(-50%,-50%);min-width:68px;text-align:center;padding:7px 8px;border-radius:10px;background:rgba(10,13,16,.9);border:1px solid rgba(255,255,255,.16);font-size:10px;cursor:pointer}.ffm-slot strong{display:block;font-size:11px}.ffm-slot.warn{border-color:#c09a3e}.ffm-slot.bad{border-color:#a24b4b}
.ffm-control{display:grid;gap:8px}.ffm-control label{font-size:12px;color:var(--ffm-muted)}.ffm-control input[type=range]{width:100%;accent-color:var(--ffm-accent)}.ffm-segment{display:flex;gap:7px;flex-wrap:wrap}.ffm-segment button{flex:1;min-width:110px}.ffm-segment button.is-active{background:var(--ffm-accent);color:#15120d;border-color:transparent;font-weight:800}
.ffm-feed{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}.ffm-event{padding:10px 12px;border-left:3px solid var(--ffm-border);background:#101419;border-radius:0 10px 10px 0;font-size:12px}.ffm-event.goal{border-left-color:var(--ffm-green)}.ffm-event.card{border-left-color:var(--ffm-yellow)}.ffm-score{font-size:34px;font-weight:900;text-align:center}.ffm-clock{text-align:center;color:var(--ffm-accent);font-weight:800}
.ffm-bottom-nav{display:none}.ffm-modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:20;display:grid;place-items:center;padding:20px}.ffm-modal-card{width:min(520px,100%);background:var(--ffm-panel);border:1px solid var(--ffm-border);border-radius:18px;padding:20px}.ffm-modal[hidden]{display:none}
@media(max-width:1100px){.ffm-span-3{grid-column:span 6}.ffm-span-4,.ffm-span-5,.ffm-span-6,.ffm-span-7,.ffm-span-8{grid-column:span 12}}
@media(max-width:820px){.ffm-app{display:block}.ffm-sidebar{position:fixed;left:0;top:0;bottom:0;width:275px;z-index:30;transform:translateX(-105%);transition:.2s}.ffm-sidebar.is-open{transform:translateX(0)}.ffm-topbar{height:76px;padding:0 14px}.ffm-mobile-menu{display:block}.ffm-manager-mini{display:none}.ffm-screen{padding:14px 14px 88px}.ffm-span-3,.ffm-span-4,.ffm-span-5,.ffm-span-6,.ffm-span-7,.ffm-span-8,.ffm-span-12{grid-column:span 12}.ffm-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:70px;background:#0d1014;border-top:1px solid var(--ffm-border);z-index:15;display:grid;grid-template-columns:repeat(5,1fr)}.ffm-bottom-nav button{border:0;background:transparent;color:var(--ffm-muted);font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ffm-bottom-nav button.is-active{color:var(--ffm-accent)}.ffm-match-hero{grid-template-columns:1fr auto 1fr;padding:16px;gap:8px}.ffm-badge{width:50px;height:50px}.ffm-team strong{font-size:12px}.ffm-table{display:block;overflow-x:auto}.ffm-pitch{aspect-ratio:1.1}.ffm-slot{min-width:56px;padding:5px;font-size:9px}.ffm-slot strong{font-size:9px}}