@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-deep: #050505;--bg-panel: #111111;--turf-green: #22c55e;--turf-glow: #4ade80;--text-main: #f8fafc;--text-dim: #94a3b8;--border: #1e293b;--field-bg: #0f172a;--offense-color: #3b82f6;--defense-color: #ef4444;--los-yellow: #facc15;--error-red: #ef4444;--top-bar-height: 64px;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}body,html{margin:0;padding:0;background:var(--bg-deep);color:var(--text-main);font-family:Inter,sans-serif;height:100dvh;height:100vh;overflow:hidden}body.global-dragging,body.global-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}body.global-dragging .player-node,body.global-dragging .annotation-node{transition:none!important}body.global-dragging .player-node.defense.selected{filter:none!important}body.global-dragging .player-node.offense.selected,body.global-dragging .annotation-node.selected{box-shadow:none!important}#root{display:flex;height:100dvh;height:100vh;width:100vw}.initial-screen-root,.pp-root,.ppd-root,.profile-screen-root,.ws-root,.auth-container,.dl-root,.playbooks_detail-page,.csb-root,.fmgr-root,.cm-root,.wbb-root,.dbb-root,.pbpb-root,.rte-root,.ar-root,.dv-page,.dd-root{padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);padding-left:var(--sal);box-sizing:border-box}.af-root,.ab-root,.mb-root,.up-root{padding-top:var(--sat);padding-right:var(--sar);padding-bottom:max(var(--sab),20px);padding-left:var(--sal);box-sizing:border-box}.playbook-app{display:flex;flex-direction:row;width:100%;height:100%;padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);padding-left:var(--sal);box-sizing:border-box;animation:editorFadeIn .6s cubic-bezier(.16,1,.3,1)}@keyframes editorFadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.main-content{display:flex;flex:1;overflow:hidden;position:relative;flex-direction:row}.play-saved-toast{position:fixed;top:12px;right:16px;z-index:10000;background:#22c55ee6;color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;pointer-events:none;animation:saved-toast-in .25s ease-out,saved-toast-out .4s ease-in 2.6s forwards}@keyframes saved-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes saved-toast-out{0%{opacity:1}to{opacity:0}}.field-header{width:100%;max-width:182vh;min-height:var(--top-bar-height);background:#111111f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-bottom:none;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:4px 24px;gap:4px 12px;z-index:2000;position:relative;box-shadow:0 -4px 20px #00000080;container-type:inline-size}.header-play-name{font-weight:700;font-size:1rem;color:var(--text-main);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;position:absolute;left:24px}@container (max-width: 700px){.header-play-name{position:static;flex-basis:100%;text-align:center;max-width:none;order:-1}}.nav-icons{display:flex;gap:16px;align-items:center}.nav-icon-btn{background:transparent;border:none;color:var(--text-dim);width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-icon-btn svg{width:28px;height:28px}.nav-icon-btn:hover{background:#ffffff14;color:var(--text-main);transform:translateY(-1px)}.nav-icon-btn.active{background:#22c55e26;color:var(--turf-green);box-shadow:0 4px 12px #22c55e33}.sim-sub-menu{position:absolute;top:calc(var(--top-bar-height) + 10px);display:flex;gap:8px;background:var(--bg-panel);border:1px solid var(--border);padding:6px;border-radius:12px;box-shadow:0 8px 32px #00000080;animation:simMenuIn .3s cubic-bezier(.34,1.56,.64,1);z-index:2500}@keyframes simMenuIn{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.sim-nav-btn{width:36px;height:36px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sim-nav-btn:hover{background:#ffffff0d;color:var(--text-main);border-color:var(--border)}.sim-nav-btn.active{color:var(--turf-green);background:#22c55e1a}.sim-settings-panel{position:absolute;top:calc(var(--top-bar-height) + 110px);left:50%;transform:translate(-50%);width:360px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 20px 50px #000c;z-index:2600;max-height:500px;overflow-y:auto}.sim-settings-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.sim-player-row{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.sim-player-info{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;color:var(--text-main)}.sim-slider-group{display:flex;flex-direction:column;gap:12px}.sim-label-sm{font-size:.65rem;text-transform:uppercase;color:var(--text-dim);font-weight:800;min-width:45px}.sim-swatch{width:14px;height:14px;border-radius:3px}.sim-slider-container{display:flex;align-items:center;gap:12px}.sim-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-deep);border-radius:2px;outline:none}.sim-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--turf-green);border-radius:50%;cursor:pointer;box-shadow:0 0 5px #22c55e80}.sim-speed-val{font-size:.75rem;color:var(--text-dim);width:40px;text-align:right;font-family:JetBrains Mono,monospace}.sim-check-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:var(--turf-green);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.sim-check-btn:hover{background:var(--turf-green);color:#fff;box-shadow:0 0 12px #22c55e66}.sim-nav-btn.sim-check-btn-accent{background:#22c55e26;color:var(--turf-green);border:1px solid rgba(34,197,94,.2)}.sim-nav-btn.sim-check-btn-accent:hover{background:var(--turf-green);color:#fff;border-color:var(--turf-green)}.mobile-only-btn{display:none}.player-node.simulating,.annotation-node.simulating{transition:none!important;pointer-events:none!important;will-change:left,top}.is-simulating .route-handle,.is-simulating .line-of-scrimmage{display:none!important}.lock-btn.locked{color:var(--los-yellow)}.lock-btn.alert{animation:lockShake .4s ease-in-out;background:#ef444433!important;color:var(--error-red)!important}@keyframes lockShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.lock-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--error-red);color:#fff;padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000080;z-index:3000}.lock-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--error-red)}.top-nav-dropdown{position:absolute;top:calc(var(--top-bar-height) + 12px);left:50%;transform:translate(-50%);width:380px;background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 64px #000000e6;padding:24px;display:flex;flex-direction:column;gap:20px;animation:dropdownIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.dropdown-field{display:flex;flex-direction:column;gap:8px}.dropdown-field label{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.dropdown-input,.dropdown-select,.dropdown-textarea{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:#fff;font-family:inherit;font-size:.95rem;width:100%;transition:all .2s}.dropdown-input:focus,.dropdown-select:focus,.dropdown-textarea:focus{border-color:var(--turf-green);outline:none;box-shadow:0 0 0 2px #22c55e33}.toggle-group{display:flex;background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:4px;gap:4px}.toggle-btn{flex:1;background:transparent;border:none;color:var(--text-dim);padding:10px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s}.toggle-btn.active{background:var(--turf-green);color:#fff;box-shadow:0 4px 12px #22c55e4d}.dropdown-category-label{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:#ffffff80;font-size:.9rem}.dropdown-subcats{display:flex;flex-wrap:wrap;gap:6px}.dropdown-subcat-btn{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#fff9;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.dropdown-subcat-btn:hover{background:#ffffff14;color:#fff}.dropdown-subcat-btn.active{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.dropdown-subcat-btn:disabled{opacity:.4;cursor:not-allowed}.dropdown-subcat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dropdown-list{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;max-height:180px;overflow-y:auto}.dropdown-list-item{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;color:#ffffffa6;cursor:pointer;transition:background .1s;border-left:3px solid transparent}.dropdown-list-item:hover{background:#ffffff0d;color:#ffffffe6}.dropdown-list-item.active{background:#22c55e1a;color:#22c55e;border-left-color:#22c55e}.dropdown-list-check{flex-shrink:0;color:#22c55e}.dropdown-list-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.sidebar{width:280px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;flex-shrink:0}.sidebar.collapsed{width:64px}.canvas-area{flex:1;position:relative;background:#0d1117;display:flex;flex-direction:column;overflow:hidden;align-items:center;justify-content:center;padding:20px}.sidebar-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;min-height:100px}.sidebar-brand{display:flex;align-items:center;flex:1;overflow:hidden}.sidebar-logo{max-width:180px;max-height:80px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(34,197,94,.3));transition:all .3s ease}.sidebar-brand-collapsed{display:flex;align-items:center;justify-content:center;flex:1}.sidebar-logo-small{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(34,197,94,.4))}.sidebar-toggle-btn{background:transparent;border:none;color:var(--text-dim);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.sidebar-toggle-btn:hover{background:#ffffff14;color:var(--text-main)}.collapsed .sidebar-header{justify-content:center;padding:16px 0;flex-direction:column;gap:12px}.formation-list{flex:1;overflow-y:auto;padding:16px}.category-label{font-size:.7rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em;margin:24px 0 12px;padding-left:8px}.formation-item{padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:4px;display:flex;align-items:center;gap:12px;border:1px solid transparent}.is-locked .formation-item{opacity:.6;cursor:not-allowed}.formation-item:hover{background:#ffffff0d}.formation-item.active{background:#22c55e1a;border-color:#22c55e4d;box-shadow:0 0 15px #22c55e1a}.formation-item--custom{border-left:2px solid rgba(34,197,94,.5);padding-left:10px}.scrollable-formations-container{max-height:144px;overflow-y:auto;padding-right:4px;margin-bottom:8px;background:#88858526;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.scrollable-formations-container::-webkit-scrollbar,.formation-list::-webkit-scrollbar,.segment-list::-webkit-scrollbar{width:5px}.scrollable-formations-container::-webkit-scrollbar-track,.formation-list::-webkit-scrollbar-track,.segment-list::-webkit-scrollbar-track{background:transparent}.scrollable-formations-container::-webkit-scrollbar-thumb,.formation-list::-webkit-scrollbar-thumb,.segment-list::-webkit-scrollbar-thumb{background:#4a4949;border-radius:10px}.scrollable-formations-container::-webkit-scrollbar-thumb:hover,.formation-list::-webkit-scrollbar-thumb:hover,.segment-list::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.hash-position-handle{position:absolute;top:0;transform:translate(-50%);z-index:20;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;padding:0 6px 4px;display:flex;align-items:flex-start;justify-content:center}.hash-position-handle:hover svg polygon{fill:#fde047}.field{width:100%;height:auto;max-width:187vh;max-height:100%;aspect-ratio:53.33 / 35;position:relative;cursor:crosshair;background:radial-gradient(circle at center,#1e293b,#0f172a);box-shadow:0 20px 80px #000c;border:1px solid var(--border);border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;touch-action:none;transition:background .5s ease}.field.light-mode{background:#fff;box-shadow:0 20px 80px #00000026}.play-nav-arrow{position:absolute;bottom:12px;z-index:150;width:36px;height:36px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,opacity .15s;padding:0}.play-nav-arrow:hover{background:#000000bf}.play-nav-prev{left:12px}.play-nav-next{right:12px}.play-nav-arrow.disabled{opacity:.25;pointer-events:none}.field.light-mode .play-nav-arrow{background:#ffffffb3;color:#333}.field.light-mode .play-nav-arrow:hover{background:#ffffffe6}@media(max-width:768px){.play-nav-arrow{width:30px;height:30px;bottom:8px}.play-nav-prev{left:8px}.play-nav-next{right:8px}}.formation-mode{background:#383838!important}.formation-editor-overlay{font-size:45px;font-weight:700;font-style:italic;color:gray;opacity:24%;position:relative;top:30%;left:37%}.field.show-snap-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:2% 2.856%;z-index:0}.field.light-mode.show-snap-grid:before{background-image:radial-gradient(circle,rgba(0,0,0,.08) 1px,transparent 1px)}.field-markings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.8}.yard-line{position:absolute;left:0;right:0;height:1px}.yard-line.major{background:#fff6;height:2px;transform:translateY(-50%)}.yard-line.minor{background:#ffffff26;height:1px;transform:translateY(-50%)}.hash-mark{position:absolute;width:15px;height:1px;background:#ffffff40;transform:translate(-50%,-50%)}.yard-number{position:absolute;font-family:Inter,sans-serif;font-size:min(38px,4vw);font-weight:800;color:#ffffff40;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.yard-number.left{left:12%;transform:translateY(-50%) rotate(90deg)}.yard-number.right{right:12%;transform:translateY(-50%) rotate(-90deg)}.line-of-scrimmage{position:absolute;left:0;right:0;z-index:100;pointer-events:none;touch-action:none}.los-drag-handle{position:absolute;left:-4;top:50%;transform:translateY(-50%);pointer-events:auto;touch-action:none;cursor:ns-resize;padding:6px 8px 6px 4px;z-index:2;transition:filter .15s}.los-drag-handle:hover svg polygon{fill:#fde047}.los-drag-handle:hover~.los-visual{height:6px!important;box-shadow:0 0 20px var(--los-yellow)}.neutral-zone{pointer-events:none;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04),rgba(255,255,255,.04) 15px,transparent 15px,transparent 30px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.field.light-mode .neutral-zone{background:repeating-linear-gradient(45deg,rgba(0,0,0,.04),rgba(0,0,0,.04) 15px,transparent 15px,transparent 30px);border-color:#0000001a}.player-node{position:absolute;box-sizing:border-box;width:min(44px,4.5%);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-size:min(16px,1.5vw);font-weight:900;color:#fff;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .2s,transform .1s,filter .2s,opacity .2s;z-index:50;touch-action:none;-webkit-user-drag:none;-webkit-touch-callout:none}.player-node.offense{border-radius:50%;border:3px solid transparent;background:var(--bg-deep)}.player-node:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.is-locked .player-node:active{transform:translate(-50%,-50%)}.player-node.defense{border:none;background:transparent;width:min(46.8px,4.95%);font-size:min(14.4px,1.35vw)}.field.has-selection .player-node:not(.selected),.field.has-selection .annotation-node:not(.selected){opacity:.35}.player-node.offense.selected,.annotation-node.selected{box-shadow:0 0 0 2px var(--bg-deep),0 0 10px 2px var(--turf-green);z-index:200}.player-node.defense.selected{filter:drop-shadow(0 0 8px var(--turf-green));z-index:200}.player-label{position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,1);pointer-events:none}.player-node.defense .player-label{top:9px}.field.light-mode .player-label{text-shadow:none}.annotation-node{cursor:grab}.annotation-node:active{cursor:grabbing}.annotation-actions{position:absolute;top:-28px;right:-28px;display:none;gap:4px;z-index:210}.annotation-node:hover .annotation-actions,.annotation-node.selected .annotation-actions{display:flex}.action-btn-mini{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:4px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn-mini:hover{background:var(--border);color:var(--text-main);transform:scale(1.1)}.analysis-alert-node{width:28px;height:28px;background:var(--error-red);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 12px #ef444499;animation:analysisPulse 2s infinite ease-in-out;position:absolute;z-index:200;transform:translate(-50%,-50%)}.analysis-alert-node.active{z-index:5000;animation:none}.analysis-alert-node.severity-info{background:#3b82f6;box-shadow:0 0 12px #3b82f699}@keyframes analysisPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}.analysis-tooltip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:12px;width:220px;max-width:80vw;color:#fff;font-size:.8rem;font-weight:500;line-height:1.4;box-shadow:0 8px 32px #000c;pointer-events:none;z-index:6000;animation:tooltipFadeIn .2s ease;overflow-wrap:break-word}.analysis-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--bg-panel)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.analysis-tooltip.tooltip-below{bottom:auto;top:calc(100% + 14px)}.analysis-tooltip.tooltip-below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--bg-panel)}.analysis-tooltip.tooltip-nudge-right{left:0;transform:translate(0)}.analysis-tooltip.tooltip-nudge-right:after{left:14px;transform:none}.analysis-tooltip.tooltip-nudge-left{left:auto;right:0;transform:translate(0)}.analysis-tooltip.tooltip-nudge-left:after{left:auto;right:14px;transform:none}.analysis-tooltip.analysis-tooltip-floating{position:absolute;bottom:auto;transform:translate(-50%);pointer-events:auto}.analysis-tooltip.analysis-tooltip-floating.tooltip-below{top:auto}.analysis-tooltip.analysis-tooltip-floating.tooltip-below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--bg-panel)}.analysis-tooltip.analysis-tooltip-floating.tooltip-nudge-right{transform:translate(0)}.analysis-tooltip.analysis-tooltip-floating.tooltip-nudge-left{left:auto;transform:translate(-100%)}.annotation-node{cursor:grab;position:absolute;z-index:100;transform:translate(-50%,-50%);transition:opacity .2s;-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:none}.player-action-bar{position:absolute;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;box-shadow:0 10px 40px #000c;pointer-events:auto;animation:barPop .2s cubic-bezier(.175,.885,.32,1.275);min-width:300px;-webkit-user-select:none;user-select:none;overflow:hidden;transition:min-height .3s cubic-bezier(.4,0,.2,1);max-width:90%;width:100%}.mleft-5{margin-left:5px}.player-action-bar.docked{position:fixed;bottom:0;right:0;top:auto;transform:none;border-radius:12px 12px 0 0;width:auto;max-width:none;min-width:0;overflow:visible;z-index:1100;animation:dockSlideUp .25s cubic-bezier(.4,0,.2,1)}@keyframes dockSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dockSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.player-action-bar.docked-top{top:0;bottom:auto;border-radius:0 0 12px 12px;z-index:2100;animation:dockSlideDown .25s cubic-bezier(.4,0,.2,1)}.dock-menu-wrapper{position:relative}.dock-menu{position:absolute;bottom:calc(100% + 6px);right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0009;padding:4px;z-index:1200;min-width:140px;animation:barPop .15s ease-out}.docked-top .dock-menu{bottom:auto;top:calc(100% + 6px)}.dock-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-main);font-size:.8rem;cursor:pointer;border-radius:6px;white-space:nowrap}.dock-menu-item:hover{background:#ffffff14}.dock-menu-item.active{color:var(--turf-green)}@media(max-width:600px)and (orientation:portrait){.dock-toggle-btn{display:none!important}}.is-locked .player-action-bar{opacity:.9}@keyframes barPop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.action-bar-drag-handle{height:18px;background:#ffffff08;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:move;touch-action:none}.drag-dots{width:24px;height:4px;background-image:radial-gradient(circle,var(--text-dim) 1px,transparent 1px);background-size:6px 100%;opacity:.5}.action-bar-top-row{padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.top-row-actions{display:flex;gap:8px;width:100%}.top-row-actions .tool-button{flex:1;justify-content:center}.action-bar-expanded-area{border-top:1px solid var(--border);background:#ffffff03;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.action-bar-tabs{display:flex;border-bottom:1px solid var(--border)}.action-tab{flex:1;padding:10px;font-size:.75rem;font-weight:600;text-align:center;color:var(--text-dim);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.action-tab:hover{color:var(--text-main);background:#ffffff08}.action-tab.active{color:var(--turf-green);border-bottom-color:var(--turf-green);background:#22c55e0d}.action-bar-tab-content{padding:16px;max-height:350px;overflow-y:auto}.player-settings-grid{display:flex;flex-direction:row;gap:20px}.action-bar-section{display:flex;flex-direction:column;gap:6px}.action-bar-section.player-label-section{width:60px}.action-bar-section.player-color-section,.action-bar-section.route-color-section{flex:1}.section-label{font-size:.65rem;text-transform:uppercase;color:var(--text-dim);font-weight:700;letter-spacing:.05em}.role-input{background:var(--bg-deep);border:1px solid var(--border);border-radius:4px;width:100%;padding:8px;color:#fff;text-align:center;font-weight:700;font-size:1rem}.role-input:focus{border-color:var(--turf-green);outline:none}.color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-swatch{width:100%;aspect-ratio:1;border-radius:4px;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:transform .1s;max-width:35px;max-height:35px}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border:1px solid var(--turf-green);box-shadow:0 0 8px var(--turf-green)}.segment-list{display:flex;flex-direction:column;gap:12px;max-height:180px;overflow-y:auto;padding-right:4px}.segment-row{display:flex;align-items:center;justify-content:space-between;padding:8px;background:var(--bg-deep);border:1px solid var(--border);border-radius:8px}.segment-number{font-weight:800;color:var(--turf-green);width:24px;font-size:.9rem}.segment-style-btns{display:flex;gap:4px}.style-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.style-btn:hover{border-color:var(--text-main);color:var(--text-main)}.style-btn.active{background:#22c55e33;border-color:var(--turf-green);color:var(--turf-green)}.empty-route-msg{color:var(--text-dim);text-align:center;padding:20px 0;font-size:.8rem;font-style:italic}.route-actions-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px}.preset-routes-content{padding:12px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 2px 5px;cursor:pointer;transition:all .2s ease;color:#ffffffb3}.preset-item:hover{background:#22c55e1f;border-color:#22c55e4d;color:#fff}.preset-item:hover .route-preview-svg path,.preset-item:hover .route-preview-svg circle{stroke:#22c55e;fill:none}.preset-item:hover .route-preview-svg circle{fill:#22c55e}.preset-item:active{transform:scale(.95)}.preset-item-label{font-size:.65rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;text-align:center}.route-preview-svg{display:block}.route-layer path{stroke-linecap:round;stroke-linejoin:round}.route-handle{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 0 8px #0009;cursor:grab;pointer-events:auto;opacity:.3;transition:opacity .2s ease,transform .1s;touch-action:none;transform:translate(-50%,-50%)!important;z-index:130}.route-handle:hover{opacity:1;transform:translate(-50%,-50%) scale(1.15)!important}.route-handle:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%}.bottom-controls{width:100%;height:80px;background:var(--bg-panel);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-start;padding:0 24px;gap:15px;z-index:1000;gap:16px}.ai-status{position:absolute;right:50px;display:flex;align-items:center;gap:8px;color:var(--turf-green);font-size:.8rem;font-weight:600;text-shadow:0 0 8px var(--turf-green);margin-left:8px;white-space:nowrap}.ai-analyze-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0009;display:flex;align-items:center;justify-content:center}.ai-analyze-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:32px 48px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 12px 40px #00000080}.ai-analyze-modal svg{width:40px;height:40px;color:var(--turf-green);filter:drop-shadow(0 0 10px var(--turf-green));animation:ai-analyze-pulse 1.2s ease-in-out infinite}.ai-analyze-modal-text{font-size:1.1rem;font-weight:700;color:var(--turf-green);text-shadow:0 0 10px var(--turf-green);animation:ai-analyze-pulse 1.2s ease-in-out infinite;letter-spacing:.5px}@keyframes ai-analyze-pulse{0%,to{opacity:1}50%{opacity:.3}}.ai-upgrade-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:340px;box-shadow:0 12px 40px #00000080}.ai-upgrade-modal svg{width:40px;height:40px;color:var(--turf-green);filter:drop-shadow(0 0 10px var(--turf-green))}.grid-dropdown-container{position:relative}.grid-dropdown-menu{position:absolute;bottom:100%;left:0;margin-bottom:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:8px;width:200px;box-shadow:0 10px 25px #00000080;z-index:1001}.dropdown-item{padding:10px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:.85rem}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.checkbox{width:16px;height:16px;border:2px solid var(--text-dim);border-radius:4px;position:relative}.checkbox.checked{background:var(--turf-green);border-color:var(--turf-green)}.input-container{flex:none;width:450px;position:relative;display:flex;align-items:center}.input-container input{width:100%;background:var(--bg-deep);border:1px solid var(--border);border-radius:99px;padding:12px 24px;color:#fff;font-size:.9rem}.tool-button{background:var(--bg-deep);border:1px solid var(--border);color:var(--text-main);padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.8rem;transition:all .2s;white-space:nowrap}.tool-button.active{background:#22c55e1a;color:var(--turf-green);border-color:var(--turf-green)}.action-btn-row{display:flex;align-items:center;gap:8px}.route-handle{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 0 8px #0009;cursor:grab;pointer-events:auto;opacity:.3;transition:opacity .2s;touch-action:none;z-index:130}.route-handle:hover{opacity:1;transform:translate(-50%,-50%) scale(1.15)}@media(max-width:600px)and (orientation:portrait){.sidebar,.mobile-only-btn,.mobile-drawer-overlay{display:none!important}.player-action-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;min-width:0;max-width:100%;width:100%;border-radius:16px 16px 0 0;z-index:1100!important;animation:slideUpSheet .25s ease-out;max-height:55vh;overflow-y:auto}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-action-bar .action-bar-drag-handle{height:14px}.player-action-bar .drag-dots{width:40px;height:4px}.player-action-bar .action-bar-top-row{padding:6px 10px}.player-action-bar .top-row-actions{flex-wrap:wrap;gap:6px}.player-action-bar .top-row-actions .tool-button{flex:0 0 auto;min-width:40px;min-height:40px;padding:8px;justify-content:center}.player-action-bar .top-row-actions .tool-button:nth-child(-n+4){flex:1 1 0}.player-action-bar .top-row-actions .tool-button:nth-child(n+5){flex:1 1 0}.player-action-bar .action-bar-expanded-area{max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.player-action-bar .preset-grid{max-height:30vh;overflow-y:auto}.field{aspect-ratio:9 / 12;max-width:100%}.canvas-area{padding:0}.ai-coach-input,.ai-execute-btn{display:none!important}.bottom-controls{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.grid-dropdown-container{width:100%}.grid-dropdown-container>.tool-button{width:100%;justify-content:center}.action-btn-row{flex-direction:row;gap:8px}.player-node.offense{border-width:2px}.player-node.defense svg polygon{stroke-width:4}}@media(max-width:600px){.player-label{font-size:9px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.bottom-controls{flex-direction:column;height:auto;padding:12px;gap:12px;align-items:stretch}.input-container{width:100%}.action-btn-row{justify-content:center;flex-wrap:wrap}.action-btn-row .tool-button{flex:1;justify-content:center}.header-play-name{font-size:.85rem}.field-header{padding:4px 10px}.nav-icons{gap:6px}.nav-icon-btn{width:40px;height:40px}.nav-icon-btn svg{width:24px;height:24px}.top-nav-dropdown{width:calc(100vw - 32px);left:50%;padding:16px}.player-action-bar{min-width:280px;max-width:95%}.action-bar-drag-handle{height:28px}.drag-dots{width:32px;height:6px;background-size:8px 100%}.canvas-area{padding:10px}}@media(max-width:600px)and (orientation:landscape){.player-action-bar .top-row-actions{flex-wrap:wrap;gap:4px}.player-action-bar .top-row-actions .tool-button{padding:6px 10px}}.import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.import-overlay-thumbnail{max-width:150px;max-height:150px;border-radius:12px;border:2px solid rgba(255,255,255,.2);object-fit:cover}.sidebar.collapsed{display:none}.import-overlay .spinner{width:28px;height:28px;color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.import-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.import-modal{position:relative;background:var(--bg-card, #1a1a2e);border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:16px;padding:24px;max-width:400px;width:100%;text-align:center;color:var(--text-main, #fff)}.import-modal-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim, rgba(255, 255, 255, .5));font-size:1.4rem;cursor:pointer;line-height:1;padding:4px 8px}.import-modal-close:hover{color:var(--text-main, #fff)}.import-modal-preview{max-width:200px;max-height:150px;border-radius:10px;border:1px solid rgba(255,255,255,.1);object-fit:cover;margin:0 auto;display:block}.import-modal-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.import-modal-btn{padding:10px 18px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.import-modal-btn:hover{opacity:.85}.import-modal-btn.primary{background:var(--turf-green, #22c55e);color:#fff}.import-modal-btn.secondary{background:var(--offense-color, #3b82f6);color:#fff}.import-modal-btn.outline{background:transparent;border:1px solid var(--border, rgba(255, 255, 255, .15));color:var(--text-dim, rgba(255, 255, 255, .6))}.nav-icon-btn.saving{animation:pulse 1.5s infinite;background-color:#22c55e33}.save-error-tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background-color:#dc2626e6;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:100;box-shadow:0 2px 10px #0003}.save-error-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-style:solid;border-color:transparent transparent rgba(220,38,38,.9) transparent}.formation-color-swatches{display:flex;flex-wrap:wrap;gap:6px}.formation-color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;outline:none;transition:transform .15s,border-color .15s}.formation-color-swatch:hover:not(:disabled){transform:scale(1.15)}.formation-color-swatch.active{border-color:#fff;transform:scale(1.15)}.formation-color-swatch:disabled{opacity:.4;cursor:not-allowed}.top-nav-dropdown.settings-two-col{width:680px;flex-direction:row;gap:0}.settings-col-left{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0}.top-nav-dropdown.settings-two-col .settings-col-left{flex:1;padding-right:20px;border-right:1px solid var(--border)}.settings-col-right{flex:1;padding-left:20px;display:flex;flex-direction:column;gap:20px;min-width:0}.position-notes-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.position-note-row{display:flex;align-items:center;gap:10px}.position-note-icon{width:32px;height:32px;min-width:32px;border-radius:50%;border:2.5px solid;background:var(--bg-deep);display:flex;align-items:center;justify-content:center}.position-note-icon span{font-size:.65rem;font-weight:700;letter-spacing:.02em;line-height:1}.position-note-input{flex:1;min-width:0;background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:#fff;font-family:inherit;font-size:.85rem;transition:all .2s}.position-note-input:focus{border-color:var(--turf-green);outline:none;box-shadow:0 0 0 2px #22c55e33}.position-note-input:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.top-nav-dropdown.settings-two-col{width:90vw;flex-direction:column;gap:20px}.top-nav-dropdown.settings-two-col .settings-col-left{padding-right:0;border-right:none;border-bottom:1px solid var(--border);padding-bottom:20px}.settings-col-right{padding-left:0}}@keyframes pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.pam-overlay{top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d9;display:flex;flex-direction:column;overflow:hidden}.pam-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#0006}.pam-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.pam-header-actions{display:flex;align-items:center;gap:10px}.pam-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;font-size:1.2rem;transition:all .15s}.pam-close-btn:hover{background:#ffffff1f;color:#fff}.pam-toolbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:#0003;flex-wrap:wrap}.pam-auto-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:6px 14px;font-size:.8rem;color:#60a5fa;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.pam-auto-btn:hover{background:#3b82f640}.pam-show-names-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffffb3;margin-left:auto}.pam-show-names-toggle input[type=checkbox]{accent-color:var(--turf-green, #22c55e)}.pam-body{flex:1;overflow-y:auto;padding:16px 20px}.pam-section{margin-bottom:20px}.pam-section-header{font-size:.85rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}.pam-position-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:2px}.pam-position-row:hover{background:#ffffff0a}.pam-position-row.expanded{background:#ffffff0f;border-radius:8px 8px 0 0}.pam-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pam-role-label{font-size:.85rem;font-weight:600;color:#ffffffe6;min-width:36px}.pam-assigned-names{font-size:.8rem;color:#ffffff80;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pam-assigned-names.has-assignment{color:#fffc}.pam-expand-icon{color:#ffffff4d;font-size:.7rem;transition:transform .15s}.pam-expand-icon.open{transform:rotate(90deg)}.pam-expand-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 8px 8px;padding:10px 14px;margin-bottom:6px}.pam-member-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.pam-member-option{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:.8rem;color:#ffffffb3;transition:background .1s}.pam-member-option:hover{background:#ffffff0f}.pam-member-option input[type=checkbox]{accent-color:var(--turf-green, #22c55e)}.pam-member-option .pam-pos-tag{font-size:.65rem;background:#ffffff14;padding:1px 5px;border-radius:4px;color:#fff6}.pam-member-option .pam-pos-tag.match{background:#22c55e26;color:#22c55e}.pam-show-all-btn{background:none;border:none;color:#3b82f6cc;font-size:.75rem;cursor:pointer;padding:4px 0;margin-top:4px}.pam-show-all-btn:hover{color:#60a5fa}.pam-note-section{margin-top:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.pam-note-label{font-size:.7rem;color:#fff6;margin-bottom:4px}.pam-note-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;font-size:.8rem;color:#ffffffd9;resize:vertical;min-height:50px;font-family:inherit}.pam-note-textarea:focus{outline:none;border-color:#3b82f680}.pam-no-team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;text-align:center}.pam-no-team p{color:#ffffff80;font-size:.9rem}.pam-no-team-btn{background:var(--turf-green, #22c55e);border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;color:#fff;font-weight:600;cursor:pointer;transition:opacity .15s}.pam-no-team-btn:hover{opacity:.9}.pam-auto-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;z-index:1001;min-width:300px;text-align:center}.pam-auto-dialog h3{margin:0 0 16px;font-size:1rem;color:#fff}.pam-auto-dialog-actions{display:flex;gap:10px;justify-content:center}.pam-auto-dialog-actions button{padding:8px 20px;border-radius:8px;font-size:.8rem;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .15s}.pam-auto-dialog-actions .pam-btn-replace{background:#ef444426;color:#f87171;border-color:#ef44444d}.pam-auto-dialog-actions .pam-btn-fill{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.pam-auto-dialog-actions .pam-btn-cancel{background:#ffffff0f;color:#ffffffb3}.auth-container{height:100vh;width:100vw;display:flex;align-items:flex-start;justify-content:center;background-color:#0d1212;position:fixed;top:0;left:0;z-index:9999;font-family:Inter,sans-serif;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.auth-field-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.auth-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 48px;-webkit-mask-image:linear-gradient(to right,black,transparent);mask-image:linear-gradient(to right,black,transparent)}.auth-yard-line-50{position:absolute;left:8%;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:26rem;font-weight:900;color:#ffffff06;-webkit-user-select:none;user-select:none;line-height:.8;letter-spacing:-.05em}.auth-card{position:relative;z-index:10;width:100%;max-width:440px;background:#111818;border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:16px 48px;box-shadow:0 40px 80px -15px #000000e6;display:flex;flex-direction:column;animation:authCardEntrance .8s cubic-bezier(.16,1,.3,1);margin:auto 0;flex-shrink:0}.auth-back-btn{position:absolute;top:16px;left:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffb3;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1}.auth-back-btn:hover{background:#ffffff24;color:#fff}@keyframes authCardEntrance{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:36px}.auth-logo-wrapper{margin-bottom:7px;display:flex;justify-content:center}.auth-logo{width:140px;height:auto;filter:drop-shadow(0 0 15px rgba(34,197,94,.25))}.auth-title{font-size:1.85rem;font-weight:700;color:#fff;margin:0 0 10px;letter-spacing:-.02em}.auth-subtitle{font-size:.95rem;color:#94a3b8;margin:0;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:26px}.auth-input-group{display:flex;flex-direction:column;gap:10px}.auth-label{font-size:.7rem;font-weight:800;color:#64748b;letter-spacing:.1em}.auth-input{background:#182222;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 20px;color:#fff;font-family:inherit;font-size:1rem;transition:all .25s ease}.auth-input:focus{outline:none;border-color:#22c55e;background:#1c2828;box-shadow:0 0 0 4px #22c55e1a}.auth-submit-btn{background:#22c55e;color:#fff;border:none;border-radius:14px;padding:18px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px}.auth-submit-btn:hover{background:#1fb354;transform:translateY(-2px);box-shadow:0 12px 24px -6px #22c55e73}.auth-submit-btn:active{transform:translateY(0)}.auth-footer-links{margin-top:20px;text-align:center;display:flex;flex-direction:column;gap:14px}.auth-link{text-decoration:none;font-size:.9rem;font-weight:600;color:#22c55e;transition:color .2s}.auth-link:hover{color:#4ade80}.auth-link-alt{text-decoration:none;color:#22c55e;font-weight:700}.auth-signup-text{font-size:.9rem;color:#64748b;margin:0}.auth-legal-footer{position:fixed;bottom:28px;font-size:.75rem;color:#94a3b84d;font-weight:500;letter-spacing:.02em;z-index:10;text-align:center;width:100%;left:0}.auth-legal-links{margin-top:8px}.auth-legal-links a{color:#94a3b880;text-decoration:none;transition:color .2s}.auth-legal-links a:hover{color:#94a3b8cc;text-decoration:underline}.auth-legal-separator{margin:0 8px;color:#94a3b84d}@media(max-width:500px){.auth-card{padding:48px 32px;margin:16px;border-radius:24px}.auth-yard-line-50{font-size:18rem}}.auth-password-wrapper{position:relative;display:flex;align-items:center}.auth-input-password{width:100%;padding-right:52px;box-sizing:border-box}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .2s,background .2s}.auth-password-toggle:hover{color:#fff;background:#ffffff0f}.auth-error-message{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:12px;border-radius:6px;font-size:14px}.auth-social-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:12px;background-color:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.auth-social-btn:hover{background-color:#ffffff1a}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-google-btn{background-color:#ffffff14}.auth-apple-btn{background-color:#00000080}.auth-reset-sent{text-align:center;padding:20px 0}.auth-reset-sent p{color:#22c55e;margin-bottom:20px}.auth-oauth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0d1212d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-oauth-modal{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 48px;background:#111818;border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 24px 48px #0009}.auth-oauth-modal p{margin:0;color:#94a3b8;font-size:1rem;font-weight:500}.auth-oauth-spinner{width:32px;height:32px;stroke:#22c55e;animation:authOauthSpin 1s linear infinite}@keyframes authOauthSpin{to{transform:rotate(360deg)}}.auth-offline-notice{display:flex;align-items:center;gap:8px;background-color:#eab3081a;border:1px solid rgba(234,179,8,.3);color:#eab308;padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.auth-verify-icon{margin-bottom:20px;display:flex;justify-content:center}.auth-verify-email{font-size:1.05rem;font-weight:700;color:#22c55e;margin:8px 0 12px;word-break:break-all}.auth-verify-steps{display:flex;flex-direction:column;gap:14px;margin:24px 0;padding:20px;background:#22c55e0f;border:1px solid rgba(34,197,94,.12);border-radius:14px}.auth-verify-step{display:flex;align-items:center;gap:14px;font-size:.95rem;color:#94a3b8}.auth-verify-step-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#22c55e26;color:#22c55e;border-radius:50%;font-size:.8rem;font-weight:700;flex-shrink:0}.auth-verify-resend-btn{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25);margin-top:8px}.auth-verify-resend-btn:hover{background:#22c55e33;box-shadow:none;transform:none}.auth-verify-resend-success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px;border-radius:6px;font-size:14px;text-align:center;margin-top:16px}.fm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9500;display:flex;align-items:center;justify-content:center;padding:20px;animation:fm-fade-in .15s ease}@keyframes fm-fade-in{0%{opacity:0}to{opacity:1}}.fm-modal{background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:580px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:fm-slide-up .2s cubic-bezier(.16,1,.3,1);box-shadow:0 32px 80px #000000b3}@keyframes fm-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0;flex-shrink:0}.fm-header-text{display:flex;flex-direction:column;gap:4px}.fm-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.fm-subtitle{font-size:.825rem;color:#ffffff73;margin:0}.fm-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px;cursor:pointer;color:#ffffff80;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.fm-close:hover{background:#ffffff1a;color:#fff}.fm-close svg{width:16px;height:16px}.fm-body{display:flex;flex-direction:column;gap:18px;padding:20px 24px 24px;overflow-y:auto;flex:1}.fm-field{display:flex;flex-direction:column;gap:8px}.fm-label{font-size:.8rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.fm-label-badge{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500;color:#ffffff4d;text-transform:none;letter-spacing:0}.fm-field-hint{font-size:.78rem;color:#ffffff4d;margin:0;line-height:1.4}.fm-textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical;line-height:1.6;outline:none;transition:border-color .2s;min-height:80px}.fm-textarea:focus{border-color:var(--fm-accent, #22c55e);background:#ffffff0f}.fm-textarea::placeholder{color:#fff3}.fm-textarea:disabled{opacity:.6}.fm-file-list{display:flex;flex-direction:column;gap:6px}.fm-file-item{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:10px 12px}.fm-file-icon{font-size:1.1rem;flex-shrink:0}.fm-file-name{flex:1;font-size:.825rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fm-file-size{font-size:.75rem;color:#ffffff4d;white-space:nowrap;flex-shrink:0}.fm-file-remove{background:none;border:none;color:#ffffff40;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;transition:all .15s}.fm-file-remove:hover{background:#ef44441f;color:#ef4444}.fm-file-remove svg{width:14px;height:14px}.fm-attach-btn{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:#fff6;font-size:.825rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s;align-self:flex-start}.fm-attach-btn:hover:not(:disabled){background:#ffffff12;border-color:#fff3;color:#ffffffb3}.fm-attach-btn:disabled{opacity:.5;cursor:not-allowed}.fm-attach-btn svg{width:16px;height:16px}.fm-error{margin:0;font-size:.825rem;color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:8px;padding:10px 14px}.fm-footer{display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.fm-btn-primary{display:flex;align-items:center;gap:8px;background:var(--fm-accent, #22c55e);border:none;border-radius:10px;padding:11px 24px;color:#000;font-size:.875rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.fm-btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.fm-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.fm-btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:11px 20px;color:#fff9;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s}.fm-btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#fff}.fm-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.fm-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:fm-spin .7s linear infinite;flex-shrink:0}@keyframes fm-spin{to{transform:rotate(360deg)}}.fm-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px 28px;gap:14px}.fm-success-circle{width:60px;height:60px;border-radius:50%;background:#22c55e1f;border:2px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;color:#22c55e;animation:fm-pop-in .3s cubic-bezier(.16,1,.3,1)}@keyframes fm-pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.fm-success-circle svg{width:28px;height:28px}.fm-success-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.fm-success-message{font-size:.875rem;color:#ffffff80;line-height:1.6;margin:0;max-width:380px}@media(max-width:480px){.fm-overlay{padding:12px;align-items:flex-end}.fm-modal{max-height:92vh;border-radius:20px 20px 0 0;max-width:100%}.fm-footer{flex-direction:column-reverse}.fm-btn-primary,.fm-btn-secondary{width:100%;justify-content:center}}.is-sidebar-toggle{position:fixed;top:calc(20px + var(--sat));left:calc(20px + var(--sal));z-index:9020;width:44px;height:44px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;transition:all .2s ease}.is-sidebar-toggle:hover{background:#ffffff1a}.is-sidebar-toggle-bar{display:block;width:20px;height:2px;background:#ffffffb3;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.is-sidebar-toggle.open .is-sidebar-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.is-sidebar-toggle.open .is-sidebar-toggle-bar:nth-child(2){opacity:0;transform:scaleX(0)}.is-sidebar-toggle.open .is-sidebar-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.is-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9009;animation:isSidebarOverlayIn .3s ease}@keyframes isSidebarOverlayIn{0%{opacity:0}to{opacity:1}}.is-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:#0a0f14;border-right:1px solid rgba(255,255,255,.06);z-index:9010;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none;padding-top:var(--sat);padding-bottom:var(--sab);padding-left:var(--sal);box-sizing:border-box}.is-sidebar.open{transform:translate(0);box-shadow:20px 0 60px #0009}.is-sidebar-header{display:flex;align-items:center;gap:12px;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);margin-left:50px}.is-sidebar-logo{width:32px;height:32px;filter:drop-shadow(0 0 8px rgba(34,197,94,.3))}.is-sidebar-brand{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.02em}.is-sidebar-menu{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.is-sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:none;border-radius:10px;color:#fff9;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;text-align:left}.is-sidebar-item:hover{background:#ffffff0f;color:#fff}.is-sidebar-item svg{width:20px;height:20px;flex-shrink:0}.is-sidebar-item-rate{margin-top:12px;background:#2563eb;color:#fff;font-weight:600;justify-content:center;box-shadow:0 4px 12px -4px #2563eb80}.is-sidebar-item-rate:hover{background:#1d4ed8;color:#fff}.is-sidebar-item-rate svg{color:#fff}.is-sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:2px}.is-sidebar-user-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;transition:background .15s ease;outline:none}.is-sidebar-user-card:hover{background:#ffffff0f}.is-sidebar-avatar{width:40px;height:40px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.is-sidebar-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.is-sidebar-avatar-initial{font-weight:700;font-size:.95rem;color:#fff}.is-sidebar-user-info{display:flex;flex-direction:column;gap:2px;min-width:0}.is-sidebar-user-name{color:#fff;font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-sidebar-user-role{color:#ffffff80;font-size:.75rem}.is-sidebar-signout{width:100%;background:none;border:none;color:#ef4444cc;padding:8px 14px;font-size:.875rem;font-family:inherit;text-align:left;cursor:pointer;border-radius:10px;transition:all .15s ease}.is-sidebar-signout:hover{color:#ef4444;background:#ef444414}.is-sidebar-signout:disabled{opacity:.5;cursor:not-allowed}.initial-screen-root{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d1212;color:#f8fafc;font-family:Inter,sans-serif;z-index:9000;overflow-y:auto;-webkit-overflow-scrolling:touch}.initial-screen-content{position:relative;z-index:10;width:100%;max-width:90%;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;align-items:center;animation:initialScreenFadeIn 1s cubic-bezier(.16,1,.3,1)}@keyframes initialScreenFadeIn{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.initial-screen-header{text-align:center;margin-bottom:64px}.initial-screen-logo{width:200px;height:auto;margin-bottom:40px;filter:drop-shadow(0 0 30px rgba(34,197,94,.35))}.initial-screen-welcome{font-size:3.5rem;font-weight:800;margin:0 0 16px;letter-spacing:-.04em;color:#fff}.initial-screen-tagline{font-size:1.1rem;color:#94a3b8;margin:0;font-weight:500}.initial-screen-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(315px,1fr));gap:24px;width:100%;box-sizing:border-box}.initial-screen-card{background:#42424269;border:1px solid rgba(255,255,255,.04);border-radius:36px;padding:40px 28px;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;cursor:pointer}.initial-screen-card:hover{background:#4caf5021;transform:translateY(-12px);border-color:#ffffff1a;box-shadow:0 40px 80px -20px #000c}.initial-screen-card-active{border-color:#22c55e26;background:linear-gradient(180deg,#0d1111cc,#0a1e1466);box-shadow:inset 0 0 40px #22c55e0d}.initial-screen-card-active:hover{border-color:#22c55e66}.initial-screen-icon-container{width:100px;height:100px;background:#ffffff08;border-radius:28px;display:flex;align-items:center;justify-content:center;margin-bottom:48px;color:#f8fafc;transition:all .3s ease}.initial-screen-card:hover .initial-screen-icon-container{transform:scale(1.1);background:#ffffff0f}.initial-screen-card-active .initial-screen-icon-container{background:#22c55e14}.initial-screen-icon{width:44px;height:44px}.initial-screen-module-title{font-size:1.85rem;font-weight:700;margin:0 0 24px;letter-spacing:-.02em;color:#fff}.initial-screen-module-desc{font-size:.95rem;line-height:1.6;color:#64748b;margin:0 0 48px;min-height:3.2em;max-width:240px}.initial-screen-btn{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;color:#f8fafc;font-weight:700;font-size:1rem;cursor:pointer;transition:all .25s ease}.initial-screen-btn:hover{background:#ffffff1f;transform:translateY(-2px)}.initial-screen-btn-primary{background:#22c55e14;border-color:#22c55e26}.initial-screen-btn-primary:hover{background:#22c55e26;border-color:#22c55e66;box-shadow:0 12px 30px -8px #22c55e4d}.is-team-logo-img{width:100%;height:100%;object-fit:cover;border-radius:20px}.is-team-logo-name{font-size:.85rem;font-weight:800;text-align:center;line-height:1.2;letter-spacing:-.02em;padding:6px;max-width:90px;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:700px){.initial-screen-content{padding:40px 20px;overflow-y:auto}.initial-screen-welcome{font-size:2.5rem}}@media(max-width:501px){.initial-screen-content{padding:24px 0}.initial-screen-header{margin-bottom:32px}.initial-screen-logo{width:140px;margin-bottom:24px}.initial-screen-welcome{font-size:1.75rem}.initial-screen-tagline{font-size:.95rem}.initial-screen-modules{gap:16px;max-width:100%;padding-left:10px;padding-right:10px}.initial-screen-card{padding:32px 24px;border-radius:24px}.initial-screen-icon-container{width:72px;height:72px;border-radius:20px;margin-bottom:24px}.initial-screen-icon{width:32px;height:32px}.initial-screen-module-title{font-size:1.35rem;margin-bottom:12px}.initial-screen-module-desc{font-size:.85rem;margin-bottom:24px;min-height:auto}.initial-screen-btn{padding:14px;font-size:.9rem;border-radius:12px}}.playbooks-root{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d1212;color:#f8fafc;font-family:Inter,sans-serif;z-index:8000;overflow:hidden;display:flex;justify-content:center;padding:calc(80px + var(--sat)) calc(40px + var(--sar)) 80px calc(40px + var(--sal));box-sizing:border-box}.playbooks-container{position:relative;z-index:10;width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;overflow:hidden;animation:playbooksIn .8s cubic-bezier(.16,1,.3,1)}@keyframes playbooksIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.playbooks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px;flex-shrink:0}.playbooks-title-area{display:flex;align-items:center;gap:24px}.playbooks-home-btn{width:48px;height:48px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.playbooks-home-btn:hover{background:#ffffff14;color:#fff;transform:scale(1.05)}.playbooks-home-btn svg{width:22px;height:22px}.playbooks-main-title{font-size:2.5rem;font-weight:800;margin:0;letter-spacing:-.03em;color:#fff}.playbooks-new-btn{background:#22c55e;color:#fff;border:none;border-radius:14px;padding:14px 28px;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -5px #22c55e66}.playbooks-new-btn:hover{background:#1fb354;transform:translateY(-2px);box-shadow:0 15px 35px -5px #22c55e80}.playbooks-new-btn svg{width:18px;height:18px}.playbooks-tabs{display:flex;gap:40px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:0;flex-shrink:0}.playbooks-scroll-area{flex:1;min-height:0;overflow-y:auto;padding-top:32px;padding-bottom:40px}.playbooks-tab-btn{background:none;border:none;color:#64748b;padding:16px 4px;font-size:1.1rem;font-weight:700;cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;gap:10px}.playbooks-tab-btn:hover{color:#94a3b8}.playbooks-tab-btn.active{color:#22c55e}.playbooks-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:4px;background:#22c55e;border-radius:4px}.playbooks-tab-count{background:#ffffff0d;color:#64748b;font-size:.8rem;padding:3px 10px;border-radius:12px;font-weight:600}.playbooks-tab-btn.active .playbooks-tab-count{background:#22c55e26;color:#22c55e}.playbooks-table-card{background:#0d111199;border:1px solid rgba(255,255,255,.04);border-radius:28px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.playbooks-table{width:100%;border-collapse:collapse}.playbooks-table th{text-align:left;padding:24px 32px;font-size:.8rem;font-weight:800;color:#64748b;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.06)}.playbooks-row{border-bottom:1px solid rgba(255,255,255,.03);transition:all .2s ease}.playbooks-row:hover{background:#ffffff05}.playbooks-row:last-child{border-bottom:none}.playbooks-td-num{padding:32px;color:#475569;font-weight:700;width:60px}.playbooks-td-name{padding:32px;cursor:pointer}.playbooks-name-wrapper{display:flex;align-items:center;gap:20px}.playbooks-icon-bg{width:52px;height:52px;background:#ffffff08;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#64748b}.playbooks-row:hover .playbooks-icon-bg{background:#ffffff0f;color:#f8fafc}.playbooks-item-icon{width:24px;height:24px}.playbooks-name-text{font-weight:700;font-size:1.25rem;color:#f1f5f9}.playbooks-td-plays,.playbooks-td-players{padding:32px}.playbooks-badge{background:#ffffff0d;color:#94a3b8;padding:6px 14px;border-radius:10px;font-size:.9rem;font-weight:700;font-family:JetBrains Mono,monospace}.playbooks-td-actions{padding:32px;text-align:right}.playbooks-action-list{display:flex;justify-content:flex-end;align-items:center;gap:20px}.playbooks-icon-action{background:none;border:none;color:#475569;cursor:pointer;padding:10px;border-radius:10px;transition:all .2s;display:flex;align-items:center;justify-content:center}.playbooks-icon-action:hover{background:#ffffff0f;color:#f8fafc;transform:scale(1.1)}.playbooks-icon-action svg{width:22px;height:22px}.playbooks-icon-action--delete:hover{background:#ef44441f;color:#ef4444}.playbooks-drag-trigger{background:none;border:none;color:#334155;cursor:grab;padding:10px}.playbooks-drag-trigger:active{cursor:grabbing}.playbooks-drag-trigger svg{width:22px;height:22px}.playbooks-row--dragging{opacity:.4}.playbooks-row--drop-before{box-shadow:0 -2px #22c55e}.playbooks-row--drop-after{box-shadow:0 2px #22c55e}@media(max-width:900px){.playbooks-th-plays,.playbooks-td-plays,.playbooks-th-players,.playbooks-td-players{display:none}.playbooks-main-title{font-size:1.8rem}}.playbooks-shared-section{margin-top:32px}.playbooks-shared-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#fff9;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.5px}@media(max-width:600px)and (orientation:portrait){.playbooks-root{padding:calc(40px + var(--sat)) calc(12px + var(--sar)) 40px calc(12px + var(--sal))}.playbooks-header{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px}.playbooks-title-area{width:100%;justify-content:center}.playbooks-home-btn{display:none}.playbooks-new-btn{width:100%;justify-content:center}.playbooks-main-title{font-size:1.5rem}.playbooks-table th{padding:12px 14px;font-size:.7rem}.playbooks-td-num{padding:12px 10px;width:36px}.playbooks-td-name,.playbooks-td-actions{padding:12px 10px}.playbooks-name-wrapper{gap:10px}.playbooks-icon-bg{display:none}.playbooks-name-text{font-size:.95rem}.playbooks-action-list{gap:4px}.playbooks-icon-action{padding:6px}.playbooks-icon-action svg{width:18px;height:18px}.playbooks-drag-trigger{padding:6px}.playbooks-drag-trigger svg{width:18px;height:18px}.playbooks-table-card{border-radius:16px}}.create-playbook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:createPlaybookFadeIn .3s ease}@keyframes createPlaybookFadeIn{0%{opacity:0}to{opacity:1}}.create-playbook-modal{background:#111;width:100%;max-width:480px;border-radius:28px;border:1px solid rgba(255,255,255,.08);padding:40px;box-shadow:0 40px 100px #000c;position:relative;animation:createPlaybookScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes createPlaybookScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.create-playbook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.create-playbook-title{font-size:1.5rem;font-weight:800;margin:0;color:#fff;letter-spacing:-.02em}.create-playbook-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.create-playbook-close-btn:hover{background:#ffffff0d;color:#fff}.create-playbook-form{display:flex;flex-direction:column;gap:32px}.create-playbook-field{display:flex;flex-direction:column;gap:12px}.create-playbook-label{font-size:.7rem;font-weight:800;color:#64748b;letter-spacing:.1em}.create-playbook-input{background:#000;border:2px solid #1e293b;border-radius:14px;padding:16px 20px;color:#fff;font-family:inherit;font-size:1rem;transition:all .2s}.create-playbook-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.create-playbook-player-btn{background:#0d1111;border:1px solid #1e293b;border-radius:10px;height:48px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.create-playbook-player-btn:hover{border-color:#475569;color:#fff}.create-playbook-player-btn.active{background:#22c55e;border-color:#22c55e;color:#000;box-shadow:0 0 15px #22c55e66}.create-playbook-actions{display:flex;gap:12px;margin-top:10px}.create-playbook-btn-cancel{flex:1;background:#181e1e;border:1px solid #2a3535;color:#94a3b8;border-radius:12px;padding:14px;font-weight:700;cursor:pointer;transition:all .2s}.create-playbook-btn-cancel:hover{background:#212828;color:#fff}.create-playbook-btn-submit{flex:2;background:#22c55e;border:none;color:#fff;border-radius:12px;padding:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-playbook-btn-submit:hover:not(:disabled){background:#1fb354;transform:translateY(-2px);box-shadow:0 12px 24px -6px #22c55e66}.create-playbook-btn-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:500px){.create-playbook-modal{padding:30px 20px;margin:16px;border-radius:20px}.create-playbook-player-grid{grid-template-columns:repeat(4,1fr)}}.create-playbook-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-playbook-modal{background-color:#121826;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(255,255,255,.1);overflow:hidden}.create-playbook-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.create-playbook-title{font-size:20px;font-weight:600;color:#fff;margin:0}.create-playbook-close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.create-playbook-close-btn:hover{background-color:#ffffff1a;color:#fff}.create-playbook-close-btn:disabled{opacity:.5;cursor:not-allowed}.create-playbook-close-btn svg{width:20px;height:20px}.create-playbook-form{padding:24px;display:flex;flex-direction:column;gap:24px}.create-playbook-field{display:flex;flex-direction:column;gap:8px}.create-playbook-label{font-size:12px;font-weight:600;color:#fff9;letter-spacing:.5px}.create-playbook-input{background-color:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px 16px;font-size:16px;color:#fff;transition:all .2s}.create-playbook-input:focus{outline:none;border-color:#22c55e;background-color:#ffffff14;box-shadow:0 0 0 2px #22c55e33}.create-playbook-input::placeholder{color:#ffffff4d}.create-playbook-input:disabled{opacity:.6;cursor:not-allowed}.create-playbook-player-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.create-playbook-player-btn{background-color:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 0;font-size:16px;color:#fff;cursor:pointer;transition:all .2s}.create-playbook-player-btn:hover:not(:disabled){background-color:#ffffff1a}.create-playbook-player-btn.active{background-color:#22c55e33;border-color:#22c55e;color:#22c55e}.create-playbook-player-btn:disabled{opacity:.6;cursor:not-allowed}.create-playbook-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.create-playbook-btn-cancel{background-color:transparent;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.create-playbook-btn-cancel:hover:not(:disabled){background-color:#ffffff0f;color:#fff}.create-playbook-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.create-playbook-btn-submit{background-color:#22c55e;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.create-playbook-btn-submit:hover:not(:disabled){background-color:#16a34a}.create-playbook-btn-submit:disabled{background-color:#22c55e80;cursor:not-allowed}.create-playbook-error{background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:12px;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:8px}.create-playbook-offline-notice{background-color:#eab3081a;border:1px solid rgba(234,179,8,.3);color:#eab308;padding:12px;border-radius:6px;font-size:14px;margin:24px 24px 0;display:flex;align-items:center;gap:8px}.create-playbook-spinner{animation:spin 1s linear infinite;width:16px;height:16px}.share-playbook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:sharePlaybookFadeIn .3s ease}@keyframes sharePlaybookFadeIn{0%{opacity:0}to{opacity:1}}.share-playbook-modal{background:#121826;width:100%;max-width:560px;max-height:85vh;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px #000c;overflow:hidden;display:flex;flex-direction:column;animation:sharePlaybookScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes sharePlaybookScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.share-playbook-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.share-playbook-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.share-playbook-close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.share-playbook-close-btn:hover{background:#ffffff1a;color:#fff}.share-playbook-close-btn svg{width:20px;height:20px}.share-playbook-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.share-playbook-no-team{text-align:center;padding:24px;color:#fff9;font-size:.9rem}.share-playbook-no-team-icon{width:48px;height:48px;color:#ffffff4d;margin:0 auto 12px}.share-playbook-section{display:flex;flex-direction:column;gap:10px}.share-playbook-section-label{font-size:.75rem;font-weight:600;color:#fff9;letter-spacing:.5px;text-transform:uppercase}.share-playbook-member-list{display:flex;flex-direction:column;gap:6px}.share-playbook-member-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0a;border-radius:8px;cursor:pointer;transition:background .15s}.share-playbook-member-item:hover{background:#ffffff14}.share-playbook-member-item.selected{background:#22c55e1a;outline:1px solid rgba(34,197,94,.3)}.share-playbook-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.share-playbook-checkbox.checked{background:#22c55e;border-color:#22c55e}.share-playbook-checkbox.checked svg{color:#fff;width:12px;height:12px}.share-playbook-member-info{flex:1;min-width:0}.share-playbook-member-email{font-size:.875rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-playbook-member-role{font-size:.75rem;color:#ffffff80;text-transform:capitalize}.share-playbook-access-group{display:flex;gap:8px}.share-playbook-access-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:#ffffffb3;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.share-playbook-access-btn:hover{background:#ffffff1a}.share-playbook-access-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.share-playbook-play-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:4px}.share-playbook-play-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border-radius:6px;cursor:pointer;transition:background .15s;font-size:.85rem;color:#fffc}.share-playbook-play-item:hover{background:#ffffff0f}.share-playbook-play-category{font-size:.7rem;color:#fff6;margin-left:auto}.share-playbook-edit-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0a;border-radius:8px}.share-playbook-edit-label{font-size:.875rem;color:#fff}.share-playbook-edit-desc{font-size:.75rem;color:#ffffff80;margin-top:2px}.share-playbook-toggle{position:relative;width:44px;height:24px;background:#ffffff26;border-radius:12px;cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0}.share-playbook-toggle.active{background:#22c55e}.share-playbook-toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.share-playbook-toggle.active .share-playbook-toggle-knob{transform:translate(20px)}.share-playbook-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:10px 12px;border-radius:6px;font-size:.85rem}.share-playbook-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.share-playbook-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:6px;padding:10px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.share-playbook-btn-cancel:hover:not(:disabled){background:#ffffff0f}.share-playbook-btn-submit{background:#22c55e;border:none;color:#fff;border-radius:6px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.share-playbook-btn-submit:hover:not(:disabled){background:#16a34a}.share-playbook-btn-submit:disabled{background:#22c55e80;cursor:not-allowed}.share-playbook-existing{border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.share-playbook-existing-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border-radius:8px;margin-top:6px}.share-playbook-existing-info{flex:1;min-width:0}.share-playbook-existing-email{font-size:.85rem;color:#fff}.share-playbook-existing-meta{font-size:.7rem;color:#ffffff80;margin-top:2px}.share-playbook-existing-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600}.share-playbook-existing-badge.full{background:#22c55e26;color:#22c55e}.share-playbook-existing-badge.partial{background:#eab30826;color:#eab308}.share-playbook-existing-badge.edit{background:#3b82f626;color:#3b82f6;margin-left:4px}.share-playbook-existing-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.share-playbook-edit-btn{background:none;border:none;color:#6366f1cc;cursor:pointer;padding:4px 8px;font-size:.75rem;font-weight:600;border-radius:4px;transition:all .2s}.share-playbook-edit-btn:hover{background:#6366f11f;color:#818cf8}.share-playbook-revoke-btn{background:none;border:none;color:#ef4444b3;cursor:pointer;padding:4px 8px;font-size:.75rem;font-weight:600;border-radius:4px;transition:all .2s}.share-playbook-revoke-btn:hover{background:#ef44441a;color:#ef4444}.share-playbook-edit-form{background:#ffffff08;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:14px;margin-top:6px;display:flex;flex-direction:column;gap:12px}.share-playbook-edit-form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.share-playbook-spinner{animation:sharePlaybookSpin 1s linear infinite;width:16px;height:16px}@keyframes sharePlaybookSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-playbook-empty-members{text-align:center;padding:16px;color:#fff6;font-size:.85rem}.printmodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:9500;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:printmodalFadeIn .2s ease}@keyframes printmodalFadeIn{0%{opacity:0}to{opacity:1}}.printmodal-panel{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:980px;min-height:85vh;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px #000c;animation:printmodalSlideIn .25s cubic-bezier(.34,1.2,.64,1)}@keyframes printmodalSlideIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.printmodal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 20px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.printmodal-header-left{display:flex;align-items:center;gap:14px}.printmodal-header-icon{width:42px;height:42px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#22c55e;flex-shrink:0}.printmodal-title{font-size:20px;font-weight:800;color:#f1f5f9;margin:0;line-height:1.2}.printmodal-subtitle{font-size:13px;color:#ffffff73;margin:3px 0 0;font-weight:500}.printmodal-close{width:36px;height:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.printmodal-close:hover{background:#ffffff1a;color:#fff}.printmodal-body{flex:1;overflow-y:auto;padding:28px 28px 36px;display:flex;flex-direction:column;gap:24px}.printmodal-intro{font-size:14px;color:#fff6;margin:0;font-weight:500}.printmodal-grid{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:18px}.printmodal-card{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:14px;min-height:170px;max-height:250px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .15s}.printmodal-card:hover{border-color:#22c55e73;box-shadow:0 0 0 1px #22c55e26,0 12px 32px #00000080;transform:translateY(-2px)}.printmodal-card:active{transform:translateY(0)}.printmodal-card-image{flex:1;display:flex;align-items:center;justify-content:center;padding:14px 12px 8px;background:#ffffff05;overflow:hidden;min-height:0}.printmodal-card-image svg{width:100%;height:100%;object-fit:contain}.printmodal-card-body{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.printmodal-card-badge{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:2px 7px;border-radius:5px;border:1px solid transparent;width:fit-content;margin-bottom:2px}.printmodal-card-title{font-size:13px;font-weight:700;color:#f1f5f9;line-height:1.3}.printmodal-card-desc{font-size:11px;color:#ffffff61;font-weight:500;line-height:1.4}@media(max-width:640px){.printmodal-panel{min-height:85vh;border-radius:16px}.printmodal-header{padding:16px 18px 14px}.printmodal-body{padding:18px 16px 28px}.printmodal-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.wblm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9600;display:flex;align-items:center;justify-content:center;padding:16px}.wblm-panel{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0009}.wblm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.wblm-header-left{display:flex;align-items:center;gap:12px}.wblm-header-icon{width:36px;height:36px;border-radius:8px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.wblm-header-titles{display:flex;flex-direction:column}.wblm-title{font-size:16px;font-weight:700;color:#fff;margin:0}.wblm-subtitle{font-size:12px;color:#ffffff73;margin-top:2px}.wblm-close{background:none;border:1px solid rgba(255,255,255,.12);color:#fff9;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.wblm-close:hover{background:#ffffff14;color:#fff}.wblm-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.wblm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center}.wblm-empty-icon{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff4d;margin-bottom:4px}.wblm-empty-title{font-size:15px;font-weight:600;color:#ffffffb3;margin:0}.wblm-empty-desc{font-size:13px;color:#fff6;margin:0;max-width:280px;line-height:1.5}.wblm-list-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px}.wblm-list-info{flex:1;min-width:0}.wblm-list-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wblm-list-meta{font-size:12px;color:#ffffff73;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wblm-list-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.wblm-copies-wrapper{display:flex;align-items:center;gap:5px;font-size:12px;color:#ffffff80}.wblm-copies-input{width:44px;padding:4px 6px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;text-align:center}.wblm-copies-input:focus{outline:none;border-color:#3b82f680}.wblm-icon-btn{background:none;border:1px solid rgba(255,255,255,.12);color:#fff9;width:30px;height:30px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.wblm-icon-btn:hover{background:#ffffff14;color:#fff}.wblm-icon-btn.print{background:#22c55e1a;border-color:#22c55e40;color:#22c55e}.wblm-icon-btn.print:hover{background:#22c55e33;border-color:#22c55e66}.wblm-icon-btn.print:disabled{opacity:.5;cursor:not-allowed}.wblm-menu-wrapper{position:relative}.wblm-menu-btn{background:none;border:1px solid rgba(255,255,255,.12);color:#fff9;width:30px;height:30px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;font-size:16px;line-height:1}.wblm-menu-btn:hover{background:#ffffff14;color:#fff}.wblm-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#1e2535;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px;z-index:100;min-width:130px;box-shadow:0 8px 24px #0006}.wblm-menu-item{width:100%;background:none;border:none;color:#fffc;font-size:13px;padding:7px 10px;text-align:left;cursor:pointer;border-radius:5px;display:block;transition:background .12s,color .12s}.wblm-menu-item:hover{background:#ffffff12;color:#fff}.wblm-menu-item.danger{color:#f87171}.wblm-menu-item.danger:hover{background:#f871711a;color:#fca5a5}.wblm-rename-row{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.wblm-rename-input{flex:1;min-width:0;background:#ffffff12;border:1px solid rgba(59,130,246,.5);border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:4px 8px}.wblm-rename-input:focus{outline:none}.wblm-rename-confirm{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:6px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wblm-rename-cancel{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff80;border-radius:6px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wblm-delete-confirm{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.wblm-delete-confirm-text{font-size:13px;color:#fff9;flex:1}.wblm-delete-yes{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.wblm-delete-no{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff80;border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;flex-shrink:0}.dlm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9600}.dlm-panel{background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:12px;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.dlm-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border, #1e293b)}.dlm-header-icon{width:22px;height:22px;color:#22c55e}.dlm-header-title{font-size:16px;font-weight:600;color:#f1f5f9;flex:1}.dlm-header-close{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px}.dlm-header-close:hover{background:#ffffff0f}.dlm-body{flex:1;overflow-y:auto;padding:16px 20px}.wblm-create-btn{width:100%;padding:11px 16px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s;flex-shrink:0}.wblm-create-btn:hover{background:#22c55e33;border-color:#22c55e80}.dlm-create-btn{width:100%;padding:11px 16px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s;flex-shrink:0}.dlm-create-btn:hover{background:#22c55e33;border-color:#22c55e80}.dlm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center}.dlm-empty-icon{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff4d;margin-bottom:4px}.dlm-empty-title{font-size:15px;font-weight:600;color:#ffffffb3;margin:0}.dlm-empty-desc{font-size:13px;color:#fff6;margin:0;max-width:280px;line-height:1.5}.dlm-card{background:var(--bg-deep, #0a0f1e);border:1px solid var(--border, #1e293b);border-radius:8px;padding:12px;margin-bottom:8px}.dlm-card-row{display:flex;align-items:center;gap:10px}.dlm-card-info{flex:1;min-width:0}.dlm-card-name{font-size:14px;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlm-card-meta{font-size:11px;color:#64748b;margin-top:2px}.dlm-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.dlm-card-copies{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8}.dlm-card-copies input{width:32px;text-align:center;padding:3px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-card, #111827);color:#e0e0e0;font-size:12px}.dlm-card-btn{padding:5px 10px;border-radius:6px;border:none;font-size:12px;cursor:pointer}.dlm-card-print{background:#3b82f6;color:#fff}.dlm-card-print:hover{background:#2563eb}.dlm-card-print:disabled{opacity:.5;cursor:not-allowed}.dlm-card-edit{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.dlm-card-edit:hover{background:#ffffff0f}.dlm-card-menu-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px 6px;font-size:16px;position:relative}.dlm-card-menu{position:absolute;right:0;top:100%;background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:8px;padding:4px;z-index:10;min-width:120px;box-shadow:0 4px 12px #0000004d}.dlm-card-menu-item{display:block;width:100%;padding:6px 10px;border:none;background:none;color:#cbd5e1;font-size:12px;text-align:left;cursor:pointer;border-radius:4px}.dlm-card-menu-item:hover{background:#ffffff0f}.dlm-card-menu-item.danger{color:#ef4444}.dlm-rename-row{display:flex;gap:6px;align-items:center;margin-top:8px}.dlm-rename-row input{flex:1;padding:5px 8px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-card, #111827);color:#e0e0e0;font-size:12px}.dlm-rename-confirm{padding:5px 10px;border-radius:4px;border:none;background:#3b82f6;color:#fff;font-size:12px;cursor:pointer}.dlm-rename-cancel{padding:5px 10px;border-radius:4px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer}.dlm-delete-confirm{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#ef4444}.dlm-delete-confirm button{padding:4px 10px;border-radius:4px;border:none;font-size:12px;cursor:pointer}.dlm-delete-yes{background:#ef4444;color:#fff}.dlm-delete-no{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.cslm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9600}.cslm-panel{background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:12px;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.cslm-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border, #1e293b)}.cslm-header-icon{width:22px;height:22px;color:#22c55e}.cslm-header-title{font-size:16px;font-weight:600;color:#f1f5f9;flex:1}.cslm-header-close{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px}.cslm-header-close:hover{background:#ffffff0f}.cslm-body{flex:1;overflow-y:auto;padding:16px 20px}.cslm-create-btn{width:100%;padding:11px 16px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s;flex-shrink:0;margin-bottom:12px}.cslm-create-btn:hover{background:#22c55e33;border-color:#22c55e80}.cslm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center}.cslm-empty-icon{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff4d;margin-bottom:4px}.cslm-empty-title{font-size:15px;font-weight:600;color:#ffffffb3;margin:0}.cslm-empty-desc{font-size:13px;color:#fff6;margin:0;max-width:280px;line-height:1.5}.cslm-card{background:var(--bg-deep, #0a0f1e);border:1px solid var(--border, #1e293b);border-radius:8px;padding:12px;margin-bottom:8px}.cslm-card-row{display:flex;align-items:center;gap:10px}.cslm-card-info{flex:1;min-width:0}.cslm-card-name{font-size:14px;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cslm-card-meta{font-size:11px;color:#64748b;margin-top:2px}.cslm-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cslm-card-copies{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8}.cslm-card-copies input{width:32px;text-align:center;padding:3px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-card, #111827);color:#e0e0e0;font-size:12px}.cslm-card-btn{padding:5px 10px;border-radius:6px;border:none;font-size:12px;cursor:pointer}.cslm-card-print{background:#22c55e;color:#fff}.cslm-card-print:hover{background:#dc2626}.cslm-card-print:disabled{opacity:.5;cursor:not-allowed}.cslm-card-edit{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.cslm-card-edit:hover{background:#ffffff0f}.cslm-card-menu-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px 6px;font-size:16px;position:relative}.cslm-card-menu{position:absolute;right:0;top:100%;background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:8px;padding:4px;z-index:10;min-width:120px;box-shadow:0 4px 12px #0000004d}.cslm-card-menu-item{display:block;width:100%;padding:6px 10px;border:none;background:none;color:#cbd5e1;font-size:12px;text-align:left;cursor:pointer;border-radius:4px}.cslm-card-menu-item:hover{background:#ffffff0f}.cslm-card-menu-item.danger{color:#22c55e}.cslm-rename-row{display:flex;gap:6px;align-items:center;margin-top:8px}.cslm-rename-row input{flex:1;padding:5px 8px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-card, #111827);color:#e0e0e0;font-size:12px}.cslm-rename-confirm{padding:5px 10px;border-radius:4px;border:none;background:#3b82f6;color:#fff;font-size:12px;cursor:pointer}.cslm-rename-cancel{padding:5px 10px;border-radius:4px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer}.cslm-delete-confirm{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#22c55e}.cslm-delete-confirm button{padding:4px 10px;border-radius:4px;border:none;font-size:12px;cursor:pointer}.cslm-delete-yes{background:#22c55e;color:#fff}.cslm-delete-no{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.pbpm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9600}.pbpm-panel{background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:12px;width:90%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.pbpm-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border, #1e293b)}.pbpm-header-icon{width:22px;height:22px;color:#a855f7}.pbpm-header-title{font-size:16px;font-weight:600;color:#f1f5f9;flex:1}.pbpm-header-close{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px}.pbpm-header-close:hover{background:#ffffff0f}.pbpm-body{flex:1;overflow-y:auto;padding:16px 20px}.pbpm-create-btn{width:100%;padding:11px 16px;background:#a855f71f;border:1px solid rgba(168,85,247,.3);border-radius:10px;color:#a855f7;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s;flex-shrink:0;margin-bottom:12px}.pbpm-create-btn:hover{background:#a855f733;border-color:#a855f780}.pbpm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 20px;text-align:center}.pbpm-empty-icon{width:48px;height:48px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#ffffff4d;margin-bottom:4px}.pbpm-empty-title{font-size:15px;font-weight:600;color:#ffffffb3;margin:0}.pbpm-empty-desc{font-size:13px;color:#fff6;margin:0;max-width:280px;line-height:1.5}.pbpm-card{background:var(--bg-deep, #0a0f1e);border:1px solid var(--border, #1e293b);border-radius:8px;padding:12px;margin-bottom:8px}.pbpm-card-row{display:flex;align-items:center;gap:10px}.pbpm-card-info{flex:1;min-width:0}.pbpm-card-name{font-size:14px;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbpm-card-meta{font-size:11px;color:#64748b;margin-top:2px}.pbpm-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pbpm-card-btn{padding:5px 10px;border-radius:6px;border:none;font-size:12px;cursor:pointer}.pbpm-card-print{background:#a855f7;color:#fff}.pbpm-card-print:hover{background:#9333ea}.pbpm-card-print:disabled{opacity:.5;cursor:not-allowed}.pbpm-card-edit{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.pbpm-card-edit:hover{background:#ffffff0f}.pbpm-card-menu-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px 6px;font-size:16px;position:relative}.pbpm-card-menu{position:absolute;right:0;top:100%;background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:8px;padding:4px;z-index:10;min-width:120px;box-shadow:0 4px 12px #0000004d}.pbpm-card-menu-item{display:block;width:100%;padding:6px 10px;border:none;background:none;color:#cbd5e1;font-size:12px;text-align:left;cursor:pointer;border-radius:4px}.pbpm-card-menu-item:hover{background:#ffffff0f}.pbpm-card-menu-item.danger{color:#ef4444}.pbpm-rename-row{display:flex;gap:6px;align-items:center;margin-top:8px}.pbpm-rename-row input{flex:1;padding:5px 8px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-card, #111827);color:#e0e0e0;font-size:12px}.pbpm-rename-confirm{padding:5px 10px;border-radius:4px;border:none;background:#3b82f6;color:#fff;font-size:12px;cursor:pointer}.pbpm-rename-cancel{padding:5px 10px;border-radius:4px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer}.pbpm-delete-confirm{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#ef4444}.pbpm-delete-confirm button{padding:4px 10px;border-radius:4px;border:none;font-size:12px;cursor:pointer}.pbpm-delete-yes{background:#ef4444;color:#fff}.pbpm-delete-no{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.pdf-import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:24px}.pdf-import-modal{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:560px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.pdf-import-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.pdf-import-header h2{margin:0;font-size:18px;font-weight:600;color:#fff}.pdf-import-close-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s,background .15s}.pdf-import-close-btn:hover{color:#fff;background:#ffffff14}.pdf-import-body{flex:1;overflow-y:auto;padding:20px 24px}.pdf-import-dropzone{border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.pdf-import-dropzone:hover,.pdf-import-dropzone.dragover{border-color:#3b82f6;background:#3b82f60d}.pdf-import-dropzone-icon{font-size:36px;margin-bottom:12px;opacity:.5}.pdf-import-dropzone-text{color:#ffffffb3;font-size:14px;margin:0}.pdf-import-dropzone-text strong{color:#3b82f6}.pdf-import-dropzone-hint{color:#ffffff59;font-size:12px;margin-top:8px}.pdf-import-file-info{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0a;border-radius:10px;margin-bottom:16px}.pdf-import-file-icon{width:40px;height:40px;border-radius:8px;background:#ef444426;color:#ef4444;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:11px}.pdf-import-file-details{flex:1;min-width:0}.pdf-import-file-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-import-file-meta{font-size:12px;color:#ffffff73;margin-top:2px}.pdf-import-file-remove{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s}.pdf-import-file-remove:hover{color:#ef4444}.pdf-import-progress{margin-top:16px}.pdf-import-progress-bar-track{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:12px}.pdf-import-progress-bar-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.pdf-import-progress-text{font-size:13px;color:#fff9;margin-bottom:16px}.pdf-import-page-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.pdf-import-page-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border-radius:8px;font-size:13px}.pdf-import-page-status{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pdf-import-page-status.pending{color:#fff3}.pdf-import-page-status.processing{color:#3b82f6}.pdf-import-page-status.success{color:#22c55e}.pdf-import-page-status.error{color:#ef4444}@keyframes pdf-import-spin{to{transform:rotate(360deg)}}.pdf-import-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:pdf-import-spin .8s linear infinite}.pdf-import-page-label{flex:1;color:#ffffffb3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-import-page-detail{color:#ffffff59;font-size:12px;flex-shrink:0}.pdf-import-summary{margin-top:16px;padding:16px;border-radius:10px;font-size:14px;font-weight:500}.pdf-import-summary.success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.pdf-import-summary.partial{background:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.2)}.pdf-import-summary.failed{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.pdf-import-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08)}.pdf-import-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s}.pdf-import-btn:disabled{opacity:.4;cursor:not-allowed}.pdf-import-btn-primary{background:#3b82f6;color:#fff}.pdf-import-btn-primary:hover:not(:disabled){background:#2563eb}.pdf-import-btn-secondary{background:#ffffff14;color:#ffffffb3}.pdf-import-btn-secondary:hover:not(:disabled){background:#ffffff1f;color:#fff}.pdf-import-btn-cancel{background:#ef444426;color:#ef4444}.pdf-import-btn-cancel:hover:not(:disabled){background:#ef444440}.pdf-import-loading{display:flex;align-items:center;gap:10px;padding:24px;justify-content:center;color:#fff9;font-size:14px}.playbooks_detail-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0a0e17;color:#fff;overflow:hidden}.playbooks_detail-header{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:56px}.playbooks_detail-back{background:none;border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s}.playbooks_detail-back:hover{background:#ffffff14}.playbooks_detail-header-info{flex:1;min-width:0}.playbooks_detail-header-info h1{font-size:18px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbooks_detail-header-meta{display:flex;gap:12px;font-size:12px;color:#ffffff80;margin-top:2px}.playbooks_detail-header-print-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.playbooks_detail-header-print-btn:hover{background:#ffffff14;color:#fff}.playbooks_detail-layout{display:flex;flex:1;min-height:0;overflow:hidden}.playbooks_detail-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:#111827;border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.playbooks_detail-category-bar{display:flex;gap:4px;padding:10px 10px 6px;flex-shrink:0}.playbooks_detail-category-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:8px;border:1px solid transparent;background:#ffffff0a;cursor:pointer;transition:all .15s;flex:1;color:#ffffff73}.playbooks_detail-category-btn:hover{background:#ffffff14;color:#fffc}.playbooks_detail-category-btn.active{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e;box-shadow:0 0 10px #22c55e14}.playbooks_detail-category-icon{font-size:16px;font-weight:800;line-height:1}.playbooks_detail-category-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;line-height:1}.playbooks_detail-sidebar-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 16px;color:#fff6;font-size:13px}.playbooks_detail-sidebar-empty-hint{font-size:11px;color:#ffffff40}.playbooks_detail-sidebar-footer{padding:8px 12px;margin-top:auto}.playbooks_detail-sidebar-edit-btn{width:100%;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff6;font-size:12px;cursor:pointer;transition:all .15s}.playbooks_detail-sidebar-edit-btn:hover:not(:disabled){background:#ffffff14;color:#ffffffb3}.playbooks_detail-sidebar-edit-btn:disabled{opacity:.4;cursor:not-allowed}.playbooks_detail-sidebar-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.playbooks_detail-sidebar-tab{flex:1;padding:10px 0;text-align:center;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffffff73;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.playbooks_detail-sidebar-tab.active{color:#22c55e;border-bottom-color:#22c55e}.playbooks_detail-sidebar-list{flex:1;overflow-y:auto;padding:8px 0}.playbooks_detail-sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;font-size:14px;color:#ffffffbf;border-left:3px solid transparent;transition:all .12s}.playbooks_detail-sidebar-item:hover{background:#ffffff0a}.playbooks_detail-sidebar-item.active{color:#fff;border-left-color:#22c55e;background:#22c55e0f}.playbooks_detail-sidebar-color-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.playbooks_detail-sidebar-item-count{font-size:12px;color:#ffffff59;min-width:20px;text-align:right}.playbooks_detail-sidebar-group{padding:8px 16px 4px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffffff4d}.playbooks_detail-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.playbooks_detail-content-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 0;flex-shrink:0;gap:12px}.playbooks_detail-content-header h2{font-size:22px;font-weight:700;margin:0;white-space:nowrap}.playbooks_detail-content-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.playbooks_detail-search-wrap{position:relative;display:flex;align-items:center}.playbooks_detail-search-icon{position:absolute;left:9px;width:14px;height:14px;color:#ffffff59;pointer-events:none}.playbooks_detail-search{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.8rem;padding:6px 28px 6px 30px;width:180px;outline:none;transition:border-color .2s,background .2s}.playbooks_detail-search::placeholder{color:#ffffff4d}.playbooks_detail-search:focus{border-color:#22c55e80;background:#ffffff17}.playbooks_detail-search-clear{position:absolute;right:7px;background:none;border:none;color:#fff6;cursor:pointer;font-size:1rem;line-height:1;padding:0 2px;display:flex;align-items:center}.playbooks_detail-search-clear:hover{color:#fffc}.playbooks_detail-grid-wrap{flex:1;overflow-y:auto;padding:20px 28px 40px}.playbooks_detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.playbooks_detail-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;border:2px dashed rgba(255,255,255,.15);border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s;background:transparent;color:#ffffff80}.playbooks_detail-new-card:hover{border-color:#22c55e;background:#22c55e0a;color:#fffc}.playbooks_detail-new-card-icon{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:24px}.playbooks_detail-new-card-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.playbooks_detail-card{position:relative;background:#1a2236;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s}.playbooks_detail-card:hover{border-color:#fff3}.playbooks_detail-card.dragging{opacity:.4}.playbooks_detail-card.drop-before{box-shadow:-3px 0 #ffffffd9}.playbooks_detail-card.drop-after{box-shadow:3px 0 #ffffffd9}.playbooks_detail-card-top{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;position:absolute;top:0;left:0;right:0;z-index:2}.playbooks_detail-card-number{background:#22c55e;color:#000;font-size:11px;font-weight:800;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center}.playbooks_detail-card-call-badge{background:#fbbf242e;color:#fbbf24;font-size:12px;font-weight:700;padding:1px 5px;border-radius:4px;border:1px solid rgba(251,191,36,.35);white-space:nowrap;max-width:52px;overflow:hidden;text-overflow:ellipsis;line-height:20px}.playbooks_detail-card.inactive{opacity:.45}.playbooks_detail-card-inactive-badge{background:#ef44442e;color:#ef4444;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;border:1px solid rgba(239,68,68,.35);white-space:nowrap;line-height:18px;text-transform:uppercase;letter-spacing:.3px}.playbooks_detail-card-drag{cursor:grab;padding:2px 4px;color:#ffffff59;display:flex;flex-direction:column;gap:2px;-webkit-user-select:none;user-select:none}.playbooks_detail-card-drag:active{cursor:grabbing}.playbooks_detail-card-drag-dot-row{display:flex;gap:3px}.playbooks_detail-card-drag-dot{width:3px;height:3px;border-radius:50%;background:currentColor}.playbooks_detail-card-info-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffff80;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;font-style:italic;font-family:Georgia,serif;transition:background .12s,color .12s}.playbooks_detail-card-info-btn:hover{background:#ffffff1a;color:#fff}.playbooks_detail-card-thumbnail{padding:15px 0 0}.playbooks_detail-card-thumbnail svg{width:100%;height:auto}.playbooks_detail-card-meta{padding:8px 12px 12px}.playbooks_detail-card-formation{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#3b82f6;margin-bottom:2px}.playbooks_detail-card-name{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playbooks_newplay-container{background:#1e2a3a;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:780px;max-width:calc(100vw - 32px);max-height:125vh;overflow:hidden;display:flex;flex-direction:column;height:75%}.playbooks_newplay-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.playbooks_newplay-title{font-size:15px;font-weight:800;letter-spacing:1px;margin:0;color:#fff}.playbooks_newplay-header-btn{background:none;border:none;color:#ffffff73;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .12s}.playbooks_newplay-header-btn:hover{color:#fffc}.playbooks_newplay-confirm{color:#22c55e}.playbooks_newplay-confirm:hover:not(:disabled){color:#16a34a}.playbooks_newplay-confirm:disabled{color:#ffffff26;cursor:not-allowed}.playbooks_newplay-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;height:100%}.playbooks_newplay-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.playbooks_newplay-input{width:100%;box-sizing:border-box;background:#151f2e;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;padding:12px 14px;font-size:14px;outline:none}.playbooks_newplay-input::placeholder{color:#ffffff4d}.playbooks_newplay-input:focus{border-color:#ffffff40}.playbooks_newplay-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%}.playbooks_newplay-column{background:#151f2e;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.playbooks_newplay-column-header{padding:12px 16px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.playbooks_newplay-column-list{max-height:320px;overflow-y:auto}.playbooks_newplay-list-item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:14px;color:#ffffffa6;cursor:pointer;transition:background .1s;border-left:3px solid transparent}.playbooks_newplay-list-item:hover{background:#ffffff0a}.playbooks_newplay-list-item.active{background:#648cb426;color:#fff;border-left-color:#3b82f6}.playbooks_newplay-check{flex-shrink:0;color:#fff}@media(max-width:600px){.playbooks_newplay-container{width:calc(100vw - 16px)}.playbooks_newplay-fields,.playbooks_newplay-columns{grid-template-columns:1fr}}.playbooks_detail-loading{display:flex;align-items:center;justify-content:center;flex:1}.playbooks_toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#22c55e;color:#000;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;z-index:9999;animation:playbooks_toast-in .25s ease-out;box-shadow:0 4px 20px #0000004d}@keyframes playbooks_toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.playbooks_modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.playbooks_modal-container{background:#1a2236;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:420px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.playbooks_modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.playbooks_modal-header h3{margin:0;font-size:16px;font-weight:700}.playbooks_modal-close{background:none;border:none;color:#ffffff80;font-size:22px;cursor:pointer;padding:0;line-height:1}.playbooks_modal-close:hover{color:#fff}.playbooks_modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.playbooks_modal-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffffff80;margin-bottom:-4px}.playbooks_modal-input{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;padding:10px 12px;font-size:14px;outline:none;width:100%;box-sizing:border-box}.playbooks_modal-input:focus{border-color:#22c55e}.pim-status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pim-toggle-switch{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.pim-toggle-track{position:relative;width:40px;height:22px;border-radius:11px;background:#ef444459;transition:background .25s}.pim-toggle-switch.on .pim-toggle-track{background:#22c55e66}.pim-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#ef4444;transition:transform .25s,background .25s}.pim-toggle-switch.on .pim-toggle-thumb{transform:translate(18px);background:#22c55e}.pim-toggle-label{font-size:13px;font-weight:600;color:#ef4444;transition:color .25s;min-width:52px}.pim-toggle-switch.on .pim-toggle-label{color:#22c55e}.playbooks_modal-search{background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;padding:8px 12px;font-size:13px;outline:none;width:100%;box-sizing:border-box}.playbooks_modal-search:focus{border-color:#22c55e}.playbooks_modal-section-title{font-size:14px;font-weight:600;margin:0}.playbooks_modal-formation-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px}.playbooks_modal-formation-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:13px;text-align:left;transition:background .12s}.playbooks_modal-formation-item:hover{background:#ffffff0d}.playbooks_modal-formation-item.active{background:#22c55e1f;color:#22c55e}.playbooks_modal-formation-icon{width:24px;height:24px;border-radius:4px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.playbooks_modal-formation-cat{margin-left:auto;font-size:10px;color:#ffffff4d}.playbooks_modal-category-list{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px}.playbooks_modal-category-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:13px;text-align:left;transition:background .12s}.playbooks_modal-category-item:hover{background:#ffffff0d}.playbooks_modal-category-item.active{background:#22c55e1f;color:#22c55e}.playbooks_modal-category-icon{width:24px;height:24px;border-radius:4px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.playbooks_modal-category-cat{margin-left:auto;font-size:10px;color:#ffffff4d}.playbooks_modal-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px}.playbooks_modal-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;font-size:14px;color:#fffc;border-radius:6px;transition:background .12s}.playbooks_modal-list-item:hover{background:#ffffff0d}.playbooks_modal-list-item input[type=checkbox]{accent-color:#22c55e}.playbooks_modal-empty{text-align:center;color:#ffffff59;font-size:13px;padding:16px}.playbooks_modal-actions{display:flex;gap:8px;padding-top:8px}.playbooks_modal-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.playbooks_modal-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background .12s,opacity .12s}.playbooks_modal-btn:disabled{opacity:.5;cursor:not-allowed}.playbooks_modal-btn-primary{background:#22c55e;color:#000}.playbooks_modal-btn-primary:hover:not(:disabled){background:#16a34a}.playbooks_modal-btn-secondary{background:#ffffff14;color:#fffc}.playbooks_modal-btn-secondary:hover{background:#ffffff1f}.playbooks_modal-btn-danger{background:#ef4444;color:#fff}.playbooks_modal-btn-danger:hover{background:#dc2626}.playbooks_modal-confirm{text-align:center;padding:20px 0}.playbooks_modal-confirm p{font-size:15px;margin-bottom:20px}.playbooks_modal-confirm-actions{display:flex;gap:12px;justify-content:center}@media(max-width:768px){.playbooks_detail-sidebar{display:none}.playbooks_detail-mobile-category-bar{display:flex;gap:6px;padding:10px 16px 0;flex-shrink:0}.playbooks_detail-mobile-category-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:#ffffff0f;cursor:pointer;transition:all .15s;flex:1;color:#ffffff73}.playbooks_detail-mobile-category-btn.active{background:#22c55e1f;border-color:#22c55e;color:#22c55e}.playbooks_detail-mobile-filter{padding:8px 16px;flex-shrink:0}.playbooks_detail-mobile-filter-select{width:100%;padding:10px 32px 10px 14px;border-radius:10px;font-size:13px;font-weight:600;background:#ffffff0f;color:#ffffffd9;border:1px solid rgba(255,255,255,.12);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.playbooks_detail-mobile-filter-select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.playbooks_detail-mobile-filter-select option{background:#1a1a2e;color:#ffffffd9}.playbooks_detail-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.playbooks_detail-grid-wrap{padding:12px 16px 40px}.playbooks_detail-content-header{padding:12px 16px 0}.playbooks_detail-header{padding:10px 16px}.playbooks_modal-container{width:calc(100vw - 32px);max-width:420px}}@media(min-width:769px){.playbooks_detail-mobile-filter,.playbooks_detail-mobile-category-bar{display:none}}.playbooks_detail-sync-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.playbooks_detail-sync-dialog{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 50px #0009}.playbooks_detail-sync-dialog h3{margin:0;font-size:16px;font-weight:700;color:#f1f5f9}.playbooks_detail-sync-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.playbooks_detail-sync-dialog-cancel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.playbooks_detail-sync-dialog-cancel:hover{background:#ffffff14;color:#fffc}.playbooks_detail-sync-dialog-confirm{background:#22c55e;border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.playbooks_detail-sync-dialog-confirm:hover{background:#1fb354}.playbooks_detail-select-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.playbooks_detail-select-btn:hover{background:#ffffff14;color:#ffffffe6}.playbooks_detail-select-btn.active{background:#22c55e1f;border-color:#22c55e66;color:#22c55e}.playbooks_detail-card.selected{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e,0 0 16px #22c55e26;background:#1a2a30}.playbooks_detail-card-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.25);background:#ffffff0a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;cursor:pointer}.playbooks_detail-card-checkbox.checked{background:#22c55e;border-color:#22c55e}.playbooks_detail-card-checkbox svg{width:14px;height:14px;color:#fff}.playbooks_detail-selection-bar{display:flex;align-items:center;gap:12px;padding:10px 28px;background:#22c55e14;border-bottom:1px solid rgba(34,197,94,.2);flex-shrink:0}.playbooks_detail-selection-count{font-size:13px;font-weight:600;color:#22c55e;margin-right:auto}.playbooks_detail-selection-action{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fffc;padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;white-space:nowrap}.playbooks_detail-selection-action:hover{background:#ffffff1a;color:#fff}.playbooks_detail-selection-action.danger{color:#ef4444;border-color:#ef444440}.playbooks_detail-selection-action.danger:hover{background:#ef44441f}.playbooks_detail-select-all-btn{background:none;border:none;color:#ffffff80;font-size:12px;cursor:pointer;padding:4px 8px;transition:color .15s}.playbooks_detail-select-all-btn:hover{color:#ffffffe6}.playbooks_detail-copy-modal-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.playbooks_detail-copy-modal-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .12s;color:#ffffffbf;font-size:14px}.playbooks_detail-copy-modal-item:hover{background:#ffffff0f}.playbooks_detail-copy-modal-item.selected{background:#22c55e1a;color:#fff}.playbooks_detail-copy-modal-check{width:20px;height:20px;border-radius:5px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.playbooks_detail-copy-modal-item.selected .playbooks_detail-copy-modal-check{background:#22c55e;border-color:#22c55e}.playbooks_detail-copy-modal-check svg{width:12px;height:12px;color:#fff}.playbooks_detail-copy-formation-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff9;padding:3px 10px;border-radius:6px;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:all .15s;flex-shrink:0}.playbooks_detail-copy-formation-toggle:hover{background:#ffffff1a;color:#ffffffe6}.playbooks_detail-copy-formation-list{margin:0 0 4px 42px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0003;max-height:160px;overflow-y:auto}.playbooks_detail-copy-formation-item{padding:7px 12px;font-size:12px;color:#fff9;cursor:pointer;transition:background .1s,color .1s}.playbooks_detail-copy-formation-item:hover{background:#ffffff0d}.playbooks_detail-copy-formation-item.active{background:#22c55e1a;color:#22c55e;font-weight:600}.playbooks_detail-copy-modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.playbooks_detail-delete-dialog-warning{display:flex;align-items:flex-start;gap:12px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:14px;margin-top:8px}.playbooks_detail-delete-dialog-warning svg{flex-shrink:0;color:#ef4444}.playbooks_detail-delete-dialog-warning p{margin:0;color:#ffffffb3;font-size:13px;line-height:1.5}.playbooks_detail-delete-dialog-confirm{background:#ef4444;border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.playbooks_detail-delete-dialog-confirm:hover{background:#dc2626}.invite-member-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:inviteMemberFadeIn .3s ease}@keyframes inviteMemberFadeIn{0%{opacity:0}to{opacity:1}}.invite-member-modal{background:#121826;width:100%;max-width:520px;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px #000c;overflow:hidden;animation:inviteMemberScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes inviteMemberScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.invite-member-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.invite-member-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.invite-member-close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.invite-member-close-btn:hover{background:#ffffff1a;color:#fff}.invite-member-close-btn svg{width:20px;height:20px}.invite-member-form{padding:24px;display:flex;flex-direction:column;gap:24px}.invite-member-field{display:flex;flex-direction:column;gap:8px}.invite-member-label{font-size:.75rem;font-weight:600;color:#fff9;letter-spacing:.5px;text-transform:uppercase}.invite-member-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px 16px;font-size:1rem;color:#fff;transition:all .2s}.invite-member-input:focus{outline:none;border-color:#22c55e;background:#ffffff14;box-shadow:0 0 0 2px #22c55e33}.invite-member-input::placeholder{color:#ffffff4d}.invite-member-name-row{display:flex;gap:12px}.invite-member-name-row .invite-member-field{flex:1}.invite-member-role-group{display:flex;gap:8px}.invite-member-role-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#ffffffb3;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.invite-member-role-btn:hover{background:#ffffff1a;color:#fff}.invite-member-role-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.invite-member-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:12px;border-radius:6px;font-size:.875rem;display:flex;align-items:center;gap:8px}.invite-member-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.invite-member-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:6px;padding:10px 16px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.invite-member-btn-cancel:hover:not(:disabled){background:#ffffff0f}.invite-member-btn-submit{background:#22c55e;border:none;color:#fff;border-radius:6px;padding:10px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.invite-member-btn-submit:hover:not(:disabled){background:#16a34a}.invite-member-btn-submit:disabled{background:#22c55e80;cursor:not-allowed}.invite-member-spinner{animation:inviteMemberSpin 1s linear infinite;width:16px;height:16px}@keyframes inviteMemberSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mem-edit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:memEditFadeIn .3s ease}@keyframes memEditFadeIn{0%{opacity:0}to{opacity:1}}.mem-edit-modal{background:#121826;width:100%;max-width:520px;max-height:85vh;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px #000c;display:flex;flex-direction:column;overflow:hidden;animation:memEditScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes memEditScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.mem-edit-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.mem-edit-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.mem-edit-close-btn{background:none;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.mem-edit-close-btn:hover{background:#ffffff1a;color:#fff}.mem-edit-close-btn svg{width:20px;height:20px}.mem-edit-body{padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1}.mem-edit-email{font-size:.9rem;color:#ffffff80;padding:8px 12px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.06)}.mem-edit-name-row{display:flex;gap:12px}.mem-edit-name-row .mem-edit-field{flex:1}.mem-edit-field{display:flex;flex-direction:column;gap:8px}.mem-edit-label{font-size:.75rem;font-weight:600;color:#fff9;letter-spacing:.5px;text-transform:uppercase}.mem-edit-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 14px;font-size:.95rem;color:#fff;transition:all .2s;font-family:inherit}.mem-edit-input:focus{outline:none;border-color:#22c55e;background:#ffffff14;box-shadow:0 0 0 2px #22c55e33}.mem-edit-input::placeholder{color:#ffffff4d}.mem-edit-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:10px 14px;font-size:.95rem;color:#ffffffd9;cursor:pointer;font-family:inherit;transition:all .2s}.mem-edit-select:focus{outline:none;border-color:#22c55e80}.mem-edit-select option{background:#1a1f2e;color:#fff}.mem-edit-role-group{display:flex;gap:8px}.mem-edit-role-btn{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#ffffffb3;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.mem-edit-role-btn:hover{background:#ffffff1a;color:#fff}.mem-edit-role-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.mem-edit-perms-toggle{background:none;border:none;color:#ffffffb3;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;padding:0;transition:color .2s}.mem-edit-perms-toggle:hover{color:#fff}.mem-edit-chevron{width:16px;height:16px;transition:transform .2s}.mem-edit-chevron.open{transform:rotate(180deg)}.mem-edit-perms-section{margin-top:12px}.mem-edit-perms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px}.mem-edit-perm-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#ffffff08;border-radius:6px;font-size:.8rem}.mem-edit-perm-label{color:#ffffffb3}.mem-edit-perm-toggle{position:relative;width:36px;height:20px;background:#ffffff26;border-radius:10px;cursor:pointer;transition:background .2s;border:none;padding:0;flex-shrink:0}.mem-edit-perm-toggle.active{background:#22c55e}.mem-edit-perm-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.mem-edit-perm-toggle.active .mem-edit-perm-toggle-knob{transform:translate(16px)}.mem-edit-perms-reset{margin-top:10px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff9;border-radius:6px;padding:5px 12px;font-size:.8rem;cursor:pointer;transition:all .2s}.mem-edit-perms-reset:hover{background:#ffffff0f;color:#fffc}.mem-edit-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.mem-edit-footer-right{display:flex;gap:10px;margin-left:auto}.mem-edit-remove-btn{background:transparent;border:1px solid rgba(239,68,68,.3);color:#ef4444cc;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.mem-edit-remove-btn:hover:not(:disabled){background:#ef44441a;color:#ef4444;border-color:#ef444480}.mem-edit-remove-btn:disabled{opacity:.5;cursor:not-allowed}.mem-edit-cancel-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.mem-edit-cancel-btn:hover:not(:disabled){background:#ffffff0f}.mem-edit-save-btn{background:#22c55e;border:none;color:#fff;border-radius:6px;padding:8px 20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.mem-edit-save-btn:hover:not(:disabled){background:#16a34a}.mem-edit-save-btn:disabled{background:#22c55e80;cursor:not-allowed}.team-mgmt-root{width:100%;height:100%;background:#0d1212;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative}.team-mgmt-container{width:86%;max-width:100%;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.team-mgmt-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;flex-shrink:0}.team-mgmt-title-area{display:flex;align-items:center;gap:16px}.team-mgmt-home-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#ffffffb3}.team-mgmt-home-btn:hover{background:#ffffff1a;color:#fff}.team-mgmt-home-btn svg{width:20px;height:20px}.team-mgmt-main-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.team-mgmt-team-name{color:#ffffff80;font-weight:400;font-size:1rem;margin-left:8px}.team-mgmt-content{flex:1;overflow-y:auto;padding-bottom:24px}.team-mgmt-no-team{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.team-mgmt-no-team-icon{width:64px;height:64px;color:#fff3;margin-bottom:20px}.team-mgmt-no-team-text{color:#fff9;font-size:1rem;margin-bottom:24px}.team-mgmt-create-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.team-mgmt-create-field{display:flex;flex-direction:column;gap:6px}.team-mgmt-create-label{font-size:.85rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.team-mgmt-create-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:1rem;color:#fff;transition:all .2s}.team-mgmt-create-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.team-mgmt-create-input::placeholder{color:#ffffff4d}.team-mgmt-create-textarea{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:.9rem;color:#fff;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s}.team-mgmt-create-textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.team-mgmt-create-textarea::placeholder{color:#ffffff4d}.team-mgmt-create-btn{background:#22c55e;border:none;color:#fff;border-radius:8px;padding:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.team-mgmt-create-btn:hover:not(:disabled){background:#16a34a}.team-mgmt-create-btn:disabled{opacity:.5;cursor:not-allowed}.team-mgmt-info{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);margin-bottom:20px}.team-mgmt-info-details{flex:1}.team-mgmt-info-name{font-size:1.2rem;font-weight:600;color:#fff}.team-mgmt-info-desc{font-size:.9rem;color:#ffffff80;margin-top:2px}.team-mgmt-info-count{font-size:.85rem;color:#fff6;margin-top:4px}.team-mgmt-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.team-mgmt-tab-btn{background:none;border:none;color:#ffffff80;font-size:.95rem;font-weight:600;padding:10px 16px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.team-mgmt-tab-btn:hover{color:#fffc}.team-mgmt-tab-btn.active{color:#22c55e;border-bottom-color:#22c55e}.team-mgmt-members-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.team-mgmt-search-wrapper{position:relative;flex:1;min-width:180px}.team-mgmt-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#ffffff4d;pointer-events:none}.team-mgmt-search-input{width:89%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 32px 8px 36px;font-size:.9rem;color:#fff;transition:all .2s;font-family:inherit}.team-mgmt-search-input:focus{outline:none;border-color:#22c55e80;box-shadow:0 0 0 2px #22c55e26}.team-mgmt-search-input::placeholder{color:#ffffff4d}.team-mgmt-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff6;cursor:pointer;padding:2px;display:flex;align-items:center}.team-mgmt-search-clear:hover{color:#fffc}.team-mgmt-search-clear svg{width:14px;height:14px}.team-mgmt-role-filter{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;font-size:.9rem;color:#fffc;cursor:pointer;transition:all .2s;font-family:inherit}.team-mgmt-role-filter:focus{outline:none;border-color:#22c55e80}.team-mgmt-role-filter option{background:#1a1f2e;color:#fff}.team-mgmt-invite-btn{background:#22c55e;border:none;color:#fff;border-radius:8px;padding:8px 16px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.team-mgmt-invite-btn:hover:not(:disabled){background:#16a34a}.team-mgmt-invite-btn:disabled{opacity:.5;cursor:not-allowed}.team-mgmt-invite-btn svg{width:16px;height:16px}.team-mgmt-member-table{width:100%;border-collapse:collapse}.team-mgmt-member-table th{text-align:left;font-size:.8rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.team-mgmt-member-table td{padding:12px;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.04)}.team-mgmt-member-row:hover{background:#ffffff05}.team-mgmt-member-email{color:#fff;font-weight:500}.team-mgmt-member-name{color:#ffffffb3;font-size:.9rem}.team-mgmt-role-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.team-mgmt-role-badge.admin{background:#22c55e26;color:#22c55e}.team-mgmt-role-badge.head_coach{background:#3b82f626;color:#3b82f6}.team-mgmt-role-badge.assistant_coach{background:#64748b26;color:#94a3b8}.team-mgmt-role-badge.player{background:#94a3b81a;color:#64748b}.team-mgmt-status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.team-mgmt-status-badge.pending{background:#eab30826;color:#eab308}.team-mgmt-status-badge.accepted{background:#22c55e26;color:#22c55e}.team-mgmt-status-badge.declined{background:#ef444426;color:#ef4444}.team-mgmt-position-select,.team-mgmt-role-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:.85rem;color:#ffffffd9;cursor:pointer;min-width:60px;font-family:inherit}.team-mgmt-position-select:focus,.team-mgmt-role-select:focus{outline:none;border-color:#22c55e80}.team-mgmt-position-select option,.team-mgmt-role-select option{background:#1a1f2e;color:#fff}.team-mgmt-member-actions{display:flex;gap:6px}.team-mgmt-actions-mobile{display:none}.team-mgmt-action-select{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 24px 6px 8px;font-size:.8rem;color:#ffffffd9;cursor:pointer;font-family:inherit;min-width:80px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.team-mgmt-action-select option{background:#1a1f2e;color:#ffffffd9}.team-mgmt-action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 12px;font-size:.8rem;color:#ffffffb3;cursor:pointer;transition:all .15s}.team-mgmt-action-btn:hover{background:#ffffff1a;color:#fff}.team-mgmt-action-btn.danger:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.team-mgmt-action-btn.resend{display:flex;align-items:center;gap:4px}.team-mgmt-action-btn.resend:hover{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.team-mgmt-perms-row{background:#ffffff05}.team-mgmt-perms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:16px}.team-mgmt-perm-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff08;border-radius:6px;font-size:.85rem}.team-mgmt-perm-label{color:#ffffffb3}.team-mgmt-perm-toggle{position:relative;width:36px;height:20px;background:#ffffff26;border-radius:10px;cursor:pointer;transition:background .2s;border:none;padding:0}.team-mgmt-perm-toggle.active{background:#22c55e}.team-mgmt-perm-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.team-mgmt-perm-toggle.active .team-mgmt-perm-toggle-knob{transform:translate(16px)}.team-mgmt-perms-actions{display:flex;gap:8px;padding:0 16px 16px}.team-mgmt-perms-save-btn{background:#22c55e;border:none;color:#fff;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.team-mgmt-perms-save-btn:hover{background:#16a34a}.team-mgmt-perms-reset-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:6px;padding:6px 14px;font-size:.85rem;cursor:pointer;transition:all .2s}.team-mgmt-perms-reset-btn:hover{background:#ffffff0f}.team-mgmt-perms-cancel-btn{background:transparent;border:none;color:#ffffff80;padding:6px 14px;font-size:.85rem;cursor:pointer}.team-mgmt-role-selector{display:flex;gap:8px;margin-bottom:16px}.team-mgmt-role-select-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;color:#ffffffb3;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.team-mgmt-role-select-btn:hover{background:#ffffff1a}.team-mgmt-role-select-btn.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.team-mgmt-role-defaults-note{font-size:.85rem;color:#fff6;margin-top:12px;font-style:italic}.team-mgmt-role-defaults-save{margin-top:16px}.team-mgmt-share-btn{background:#22c55e;border:none;color:#fff;border-radius:8px;padding:8px 16px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;margin-bottom:16px}.team-mgmt-share-btn:hover:not(:disabled){background:#16a34a}.team-mgmt-shared-list{display:flex;flex-direction:column;gap:8px}.team-mgmt-shared-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.team-mgmt-shared-name{flex:1;font-size:1rem;font-weight:500;color:#fff}.team-mgmt-shared-badges{display:flex;gap:6px;align-items:center}.team-mgmt-shared-badge{padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.team-mgmt-shared-badge.full{background:#22c55e26;color:#22c55e}.team-mgmt-shared-badge.partial{background:#eab30826;color:#eab308}.team-mgmt-shared-badge.edit{background:#3b82f626;color:#3b82f6}.team-mgmt-shared-revoke{background:none;border:none;color:#ef4444b3;cursor:pointer;padding:4px 8px;font-size:.85rem;font-weight:600;border-radius:4px;transition:all .2s}.team-mgmt-shared-revoke:hover{background:#ef44441a;color:#ef4444}.team-mgmt-empty{text-align:center;padding:32px;color:#fff6;font-size:.95rem}.team-mgmt-edit-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.team-mgmt-color-row{display:flex;align-items:center;gap:12px}.team-mgmt-color-input{width:44px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px;background:#ffffff0f;cursor:pointer}.team-mgmt-color-value{font-size:.9rem;color:#fff9;font-family:monospace}.team-mgmt-logo-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.team-mgmt-logo-preview{width:60px;height:60px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.team-mgmt-logo-preview img{width:100%;height:100%;object-fit:cover}.team-mgmt-file-input{font-size:.85rem;color:#fff9}.team-mgmt-remove-notice{font-size:.85rem;color:#ef4444cc;font-style:italic}.team-mgmt-edit-actions{display:flex;gap:8px;align-items:center}.team-mgmt-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#ffffff80}.team-mgmt-spinner{animation:teamMgmtSpin 1s linear infinite;width:20px;height:20px}@keyframes teamMgmtSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-mgmt-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:12px;border-radius:8px;font-size:.95rem;margin-bottom:16px}.team-mgmt-offline-notice{background:#eab3081a;border:1px solid rgba(234,179,8,.3);color:#eab308;padding:10px 16px;border-radius:8px;font-size:.9rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.team-mgmt-offline-notice svg{width:16px;height:16px;flex-shrink:0}@media(max-width:600px)and (orientation:portrait){.team-mgmt-header{margin-top:25px}.team-mgmt-home-btn{display:none}.team-mgmt-title-area{width:100%;justify-content:center;padding:0 60px}.team-mgmt-main-title{text-align:center;font-size:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.team-mgmt-team-name{display:block;margin-left:0;font-size:.85rem}.team-mgmt-col-member,.team-mgmt-actions-desktop{display:none}.team-mgmt-actions-mobile{display:block}.team-mgmt-container{width:96%;padding:0}.team-mgmt-members-toolbar{flex-direction:column;align-items:stretch}.team-mgmt-invite-btn{width:100%;justify-content:center}.team-mgmt-search-wrapper{width:100%;min-width:unset}.team-mgmt-role-filter{width:100%}}.pending-invite-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:pendingInviteFadeIn .3s ease}@keyframes pendingInviteFadeIn{0%{opacity:0}to{opacity:1}}.pending-invite-modal{background:#121826;width:100%;max-width:420px;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:32px;box-shadow:0 40px 100px #000c;text-align:center;animation:pendingInviteScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes pendingInviteScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pending-invite-icon{width:64px;height:64px;border-radius:50%;background:#22c55e26;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.pending-invite-icon svg{width:32px;height:32px;color:#22c55e}.pending-invite-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 8px}.pending-invite-team-name{color:#22c55e}.pending-invite-details{display:flex;flex-direction:column;gap:8px;margin:20px 0 24px}.pending-invite-detail{display:flex;justify-content:center;gap:8px;font-size:.875rem;color:#fff9}.pending-invite-detail-value{color:#fff;font-weight:500}.pending-invite-role-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.pending-invite-role-badge.head_coach{background:#3b82f626;color:#3b82f6}.pending-invite-role-badge.assistant_coach{background:#64748b33;color:#94a3b8}.pending-invite-role-badge.player{background:#94a3b826;color:#94a3b8}.pending-invite-actions{display:flex;gap:12px}.pending-invite-btn-decline{flex:1;background:transparent;border:1px solid rgba(255,255,255,.1);color:#fffc;border-radius:8px;padding:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.pending-invite-btn-decline:hover:not(:disabled){background:#ffffff0f;color:#fff}.pending-invite-btn-accept{flex:2;background:#22c55e;border:none;color:#fff;border-radius:8px;padding:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.pending-invite-btn-accept:hover:not(:disabled){background:#16a34a}.pending-invite-btn-accept:disabled,.pending-invite-btn-decline:disabled{opacity:.5;cursor:not-allowed}.pending-invite-spinner{animation:pendingInviteSpin 1s linear infinite;width:16px;height:16px;display:inline-block}@keyframes pendingInviteSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.setup-account-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:setupFadeIn .3s ease}@keyframes setupFadeIn{0%{opacity:0}to{opacity:1}}.setup-account-modal{background:#121826;width:100%;max-width:420px;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:32px;box-shadow:0 40px 100px #000c;text-align:center;animation:setupScaleIn .4s cubic-bezier(.16,1,.3,1)}@keyframes setupScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.setup-account-icon{width:64px;height:64px;border-radius:50%;background:#22c55e26;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.setup-account-icon svg{width:32px;height:32px;color:#22c55e}.setup-account-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 6px}.setup-account-subtitle{font-size:.875rem;color:#ffffff80;margin:0 0 4px}.setup-account-email{font-size:.8rem;color:#22c55e;font-weight:500;margin:0 0 24px}.setup-account-form{display:flex;flex-direction:column;gap:16px;text-align:left}.setup-account-field{display:flex;flex-direction:column;gap:6px}.setup-account-label{font-size:.75rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.setup-account-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:1rem;color:#fff;transition:all .2s;font-family:inherit}.setup-account-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.setup-account-input::placeholder{color:#ffffff4d}.setup-account-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#ef4444;padding:10px 12px;border-radius:8px;font-size:.8rem}.setup-account-submit{background:#22c55e;border:none;color:#fff;border-radius:8px;padding:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:4px}.setup-account-submit:hover:not(:disabled){background:#16a34a}.setup-account-submit:disabled{opacity:.5;cursor:not-allowed}.setup-account-spinner{animation:setupSpin 1s linear infinite;width:20px;height:20px}@keyframes setupSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.up-root{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#111827,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#fff;position:relative;overflow:hidden}.up-header{position:absolute;top:0;left:0;right:0;padding:1rem 1.5rem;z-index:10}.up-home-btn{display:inline-flex;align-items:center;gap:.5rem;background:#1f2937cc;border:1px solid #374151;border-radius:8px;color:#d1d5db;padding:.5rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.up-home-btn:hover{background:#1f2937;border-color:#6b7280;color:#fff}.up-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(34,197,94,.12) 0%,transparent 60%);pointer-events:none}.up-container{max-width:900px;width:100%;position:relative;z-index:1}.up-hero{text-align:center;margin-bottom:2.5rem}.up-logo-mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#22c55e;border-radius:12px;font-weight:900;font-size:1.25rem;color:#000;margin-bottom:1.25rem;letter-spacing:-.5px}.up-headline{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;margin:0 0 .5rem;letter-spacing:-.5px;line-height:1.15}.up-subheadline{font-size:1.1rem;color:#9ca3af;margin:0}.up-interval-toggle{display:flex;justify-content:center;gap:0;margin-bottom:2rem;background:#1f2937;border-radius:10px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.up-interval-btn{background:transparent;border:none;color:#9ca3af;padding:.5rem 1.25rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:.5rem}.up-interval-btn.active{background:#22c55e;color:#000}.up-interval-badge{background:#0003;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.up-interval-btn:not(.active) .up-interval-badge{background:#22c55e26;color:#22c55e}.up-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}.up-plan-card{background:#1f2937;border:1px solid #374151;border-radius:16px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;transition:border-color .2s,transform .2s}.up-plan-card:hover{border-color:#4b5563;transform:translateY(-2px)}.up-plan-card--featured{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e,0 8px 32px #22c55e26}.up-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#22c55e;color:#000;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:3px 12px;border-radius:99px;white-space:nowrap}.up-plan-name{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.up-plan-price{display:flex;align-items:baseline;gap:4px}.up-plan-price-amount{font-size:2rem;font-weight:800;color:#fff;line-height:1}.up-plan-price-period{color:#6b7280;font-size:.875rem}.up-plan-free-note{color:#6b7280;font-size:.875rem;margin:0;flex:1}.up-plan-features{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:.5rem}.up-plan-features li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:#d1d5db}.up-check{color:#22c55e;font-weight:700;flex-shrink:0}.up-btn-primary{background:#22c55e;color:#000;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:opacity .2s,transform .15s;text-align:center}.up-btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.up-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.up-btn-ghost{background:transparent;color:#9ca3af;border:1px solid #374151;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color .2s}.up-btn-ghost:hover{border-color:#6b7280;color:#d1d5db}.up-plan-cta{width:100%;margin-top:auto}.up-plan-cta--disabled{background:#374151;color:#4b5563;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;font-size:.875rem;cursor:not-allowed}.up-plan-cta--featured{background:#22c55e;color:#000}.up-promo-section{text-align:center;margin-bottom:1rem}.up-promo-toggle{background:none;border:none;color:#22c55e;font-size:.875rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.up-promo-input-row{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.up-promo-input{background:#1f2937;border:1px solid #374151;border-radius:8px;color:#fff;padding:.5rem 1rem;font-size:.875rem;width:220px;outline:none;transition:border-color .2s}.up-promo-input:focus{border-color:#22c55e}.up-native-subscribe-btn{display:block;width:100%;max-width:320px;margin:2rem auto 0;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px}.up-error{text-align:center;color:#ef4444;font-size:.875rem;margin-top:.5rem}.up-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.up-modal{background:#1f2937;border:1px solid #374151;border-radius:16px;padding:2rem;max-width:440px;width:100%;text-align:center}.up-modal-icon{font-size:2.5rem;margin-bottom:1rem}.up-modal h3{font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.up-modal p{color:#9ca3af;font-size:.9rem;line-height:1.6;margin:0 0 1.5rem}.up-modal-actions{display:flex;gap:.75rem;justify-content:center}.up-checkout-wrapper{background:#1f2937;border:1px solid #374151;border-radius:16px;padding:2rem;max-width:480px;width:100%}.up-checkout-form{display:flex;flex-direction:column;gap:1.25rem}.up-checkout-header{text-align:center}.up-checkout-plan-label{font-size:.9rem;color:#9ca3af}.up-checkout-error{color:#ef4444;font-size:.85rem;text-align:center;margin:0}.up-checkout-actions{display:flex;gap:.75rem}.up-checkout-actions .up-btn-ghost,.up-checkout-actions .up-btn-primary{flex:1}.ws-root{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:linear-gradient(135deg,#0a0a0a,#111827,#0a0a0a);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;color:#fff;z-index:9000;display:flex;flex-direction:column}.ws-container{max-width:520px;width:100%;text-align:center;margin:auto;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.ws-visible{opacity:1;transform:translateY(0)}.ws-confetti-row{font-size:3rem;margin-bottom:1.5rem;animation:ws-bounce .6s ease .3s both}@keyframes ws-bounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.ws-headline{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;margin:0 0 .5rem;letter-spacing:-.5px}.ws-plan-name{color:#22c55e}.ws-sub{color:#9ca3af;margin:0 0 2rem;font-size:1rem}.ws-unlocked{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem;text-align:left}.ws-unlocked-item{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#d1d5db;animation:ws-fade-in .4s ease both}.ws-unlocked-item:nth-child(1){animation-delay:.5s}.ws-unlocked-item:nth-child(2){animation-delay:.65s}.ws-unlocked-item:nth-child(3){animation-delay:.8s}.ws-unlocked-item:nth-child(4){animation-delay:.95s}@keyframes ws-fade-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.ws-unlocked-icon{flex-shrink:0}.ws-checklist{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem;text-align:left}.ws-checklist-label{color:#6b7280;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem}.ws-checklist-item{display:flex;align-items:center;gap:.75rem;padding:.4rem 0;cursor:pointer;font-size:.9rem;color:#d1d5db}.ws-checklist-item input[type=checkbox]{accent-color:#22c55e;width:16px;height:16px;cursor:pointer}.ws-cta{background:#22c55e;color:#000;border:none;border-radius:10px;padding:.875rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;animation:ws-fade-in .5s ease 1.1s both}.ws-cta:hover{opacity:.9;transform:translateY(-1px)}.mb-root{height:100vh;background:#0a0a0a;color:#fff;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.mb-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #1f2937;position:sticky;top:0;background:#0a0a0a;z-index:10}.mb-back-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.875rem;transition:color .2s;padding:0}.mb-back-btn:hover{color:#fff}.mb-title{font-size:1.1rem;font-weight:700;margin:0;flex:1;text-align:center}.mb-success-banner{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.75rem 1.5rem;font-size:.875rem;text-align:center}.mb-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1.5rem;font-size:.875rem;text-align:center}.mb-content{max-width:640px;width:100%;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:0}.mb-section{padding:1.75rem 0;border-bottom:1px solid #1f2937}.mb-section:last-child{border-bottom:none}.mb-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 1.25rem}.mb-section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.mb-section-header-row .mb-section-title{margin-bottom:0}.mb-section--inline{display:flex;flex-direction:column;gap:.75rem}.mb-current-plan{display:flex;flex-direction:column;gap:.5rem}.mb-current-plan-info{display:flex;align-items:center;gap:.75rem}.mb-current-plan-name{font-size:1.25rem;font-weight:700}.mb-status-badge{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:99px;text-transform:capitalize}.mb-status-active{background:#22c55e26;color:#22c55e}.mb-status-trialing{background:#6366f126;color:#818cf8}.mb-status-trial{background:#eab30826;color:#fbbf24}.mb-status-paused{background:#f59e0b26;color:#fbbf24}.mb-status-past_due{background:#ef444426;color:#f87171}.mb-status-canceled{background:#6b728026;color:#9ca3af}.mb-status-free{background:#1f2937;color:#6b7280}.mb-status-incomplete{background:#ef444426;color:#f87171}.mb-renewal-date{color:#9ca3af;font-size:.875rem;margin:0}.mb-cancels{color:#fbbf24}.mb-native-info{color:#9ca3af;font-size:.9rem;line-height:1.5;margin:0}.mb-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:580px){.mb-plan-grid{grid-template-columns:1fr}}.mb-plan-card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s}.mb-plan-card:hover{border-color:#374151}.mb-plan-card--current{border-color:#22c55e}.mb-plan-card-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.mb-plan-card-price{font-size:1.15rem;font-weight:700;color:#fff}.mb-plan-card-features{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:.35rem}.mb-plan-card-features li{font-size:.8rem;color:#9ca3af;display:flex;gap:.35rem;align-items:flex-start}.mb-check{color:#22c55e;font-weight:700;flex-shrink:0}.mb-plan-select-btn{margin-top:auto;width:100%;padding:.5rem;font-size:.8rem;font-weight:600;border-radius:7px;cursor:pointer;border:none;transition:opacity .2s}.mb-plan-select-btn:disabled{opacity:.5;cursor:not-allowed}.mb-plan-select-btn--current{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2);cursor:default}.mb-interval-toggle{display:flex;gap:0;background:#1f2937;border-radius:8px;padding:3px}.mb-interval-btn{background:transparent;border:none;color:#9ca3af;padding:.35rem .85rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:.4rem}.mb-interval-btn.active{background:#22c55e;color:#000}.mb-interval-badge{font-size:.65rem;background:#0003;padding:1px 5px;border-radius:4px}.mb-interval-btn:not(.active) .mb-interval-badge{background:#22c55e26;color:#22c55e}.mb-pm-row{display:flex;align-items:center;justify-content:space-between;background:#111827;border:1px solid #1f2937;border-radius:10px;padding:1rem 1.25rem}.mb-pm-info{display:flex;align-items:center;gap:.75rem}.mb-pm-brand{font-size:.75rem;font-weight:700;color:#9ca3af;background:#1f2937;padding:3px 8px;border-radius:4px}.mb-pm-details{font-size:.9rem;color:#d1d5db;font-family:monospace}.mb-pm-expiry{font-size:.8rem;color:#6b7280}.mb-update-pm-wrapper{margin-top:1rem;background:#111827;border:1px solid #1f2937;border-radius:12px;padding:1.25rem}.mb-update-pm-form{display:flex;flex-direction:column;gap:1rem}.mb-update-pm-actions{display:flex;gap:.5rem}.mb-invoices{display:flex;flex-direction:column;gap:0;border:1px solid #1f2937;border-radius:10px;overflow:hidden}.mb-invoice-row{display:flex;align-items:center;gap:1rem;padding:.85rem 1.25rem;border-bottom:1px solid #1f2937;font-size:.875rem}.mb-invoice-row:last-child{border-bottom:none}.mb-invoice-date{color:#9ca3af;flex:1}.mb-invoice-amount{font-weight:600}.mb-invoice-status{font-size:.8rem;color:#6b7280;text-transform:capitalize}.mb-invoice-status--paid{color:#22c55e}.mb-invoice-pdf{color:#22c55e;text-decoration:none;font-size:.8rem;font-weight:600;margin-left:auto}.mb-invoice-pdf:hover{text-decoration:underline}.mb-promo-toggle{background:none;border:none;color:#22c55e;font-size:.875rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;text-align:left}.mb-promo-row{display:flex;gap:.5rem;align-items:center}.mb-promo-input{background:#111827;border:1px solid #374151;border-radius:7px;color:#fff;padding:.5rem .875rem;font-size:.875rem;flex:1;outline:none;transition:border-color .2s}.mb-promo-input:focus{border-color:#22c55e}.mb-danger-zone{border-color:#ef444433}.mb-danger-title{color:#fbbf24}.mb-danger-actions{display:flex;gap:.75rem;flex-wrap:wrap}.mb-btn-primary{background:#22c55e;color:#000;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:opacity .2s}.mb-btn-primary:hover:not(:disabled){opacity:.9}.mb-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mb-btn-ghost{background:transparent;color:#9ca3af;border:1px solid #374151;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:border-color .2s,color .2s}.mb-btn-ghost:hover:not(:disabled){border-color:#6b7280;color:#d1d5db}.mb-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.mb-btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1.25rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:background .2s}.mb-btn-danger:hover:not(:disabled){background:#ef444433}.mb-btn-danger:disabled{opacity:.5;cursor:not-allowed}.mb-btn-sm{padding:.4rem .875rem;font-size:.8rem}.mb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.mb-modal{background:#111827;border:1px solid #374151;border-radius:16px;padding:2rem;max-width:460px;width:100%}.mb-modal h3{font-size:1.15rem;font-weight:700;margin:0 0 .75rem}.mb-modal p{color:#9ca3af;font-size:.9rem;line-height:1.6;margin:0 0 1.25rem}.mb-modal-actions{display:flex;gap:.75rem}.mb-retention-promo{margin:1rem 0}.mb-retention-label{font-size:.85rem;color:#6b7280;margin:0 0 .5rem}.mb-error{color:#ef4444;font-size:.8rem;margin:0}.ab-root{min-height:100vh;max-height:100vh;overflow-y:auto;background:#0a0a0a;color:#fff;display:flex;flex-direction:column}.ab-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #1f2937;position:sticky;top:0;background:#0a0a0a;z-index:10}.ab-back-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.875rem;transition:color .2s;padding:0}.ab-back-btn:hover{color:#fff}.ab-formations-btn{background:#16a34a;color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s}.ab-formations-btn:hover{opacity:.85}.ab-title{font-size:1.1rem;font-weight:700;margin:0;flex:1;text-align:center}.ab-success-banner{background:#22c55e1a;border-bottom:1px solid rgba(34,197,94,.3);color:#22c55e;padding:.75rem 1.5rem;font-size:.875rem;text-align:center}.ab-error-banner{background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1.5rem;font-size:.875rem;text-align:center}.ab-tabs{display:flex;gap:0;border-bottom:1px solid #1f2937;padding:0 1.5rem;overflow-x:auto}.ab-tab{background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap;margin-bottom:-1px}.ab-tab:hover{color:#d1d5db}.ab-tab.active{color:#22c55e;border-bottom-color:#22c55e}.ab-content{max-width:860px;width:100%;margin:0 auto;padding:2rem 1.5rem;flex:1}.ab-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 1.25rem}.ab-loading{color:#6b7280;font-size:.875rem;padding:1.5rem 0}.ab-empty{color:#6b7280;font-size:.875rem}.ab-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem}.ab-stat-card{background:#111827;border:1px solid #1f2937;border-top:3px solid;border-radius:10px;padding:1.25rem;text-align:center}.ab-stat-value{font-size:2rem;font-weight:800;line-height:1;margin-bottom:.4rem}.ab-stat-label{font-size:.8rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ab-users{display:flex;flex-direction:column;gap:1.25rem}.ab-search-row{display:flex;gap:.5rem}.ab-users-table,.ab-coupons-table{border:1px solid #1f2937;border-radius:10px;overflow:hidden}.ab-table-header,.ab-table-row{display:grid;align-items:center;padding:.75rem 1.25rem;gap:1rem}.ab-users-table .ab-table-header,.ab-users-table .ab-table-row{grid-template-columns:1fr 80px 80px 100px}.ab-coupons-table .ab-table-header,.ab-coupons-table .ab-table-row{grid-template-columns:1.5fr 1fr 80px 70px 70px 60px}.ab-table-header{background:#111827;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.ab-table-row{border-top:1px solid #1f2937;cursor:pointer;font-size:.875rem;transition:background .15s}.ab-table-row:hover{background:#ffffff08}.ab-table-row.selected{background:#22c55e0d}.ab-coupons-table .ab-table-row{cursor:default}.ab-user-email{color:#d1d5db;overflow:hidden;text-overflow:ellipsis}.ab-status{color:#9ca3af;font-size:.8rem;text-transform:capitalize}.ab-renewal{color:#6b7280;font-size:.8rem}.ab-plan-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase}.ab-plan-pro{background:#22c55e26;color:#22c55e}.ab-plan-elite{background:#818cf826;color:#818cf8}.ab-plan-free{background:#1f2937;color:#6b7280}.ab-user-detail{background:#111827;border:1px solid #374151;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.ab-user-detail-name{font-size:1rem;font-weight:600;margin:0;color:#d1d5db}.ab-user-sub-info{display:flex;gap:1.5rem;font-size:.875rem;color:#9ca3af;flex-wrap:wrap}.ab-user-sub-info strong{color:#fff}.ab-mono{font-family:monospace;font-size:.75rem}.ab-action-group{display:flex;flex-direction:column;gap:.5rem}.ab-action-row{display:flex;gap:.5rem;align-items:center}.ab-coupons{display:flex;flex-direction:column;gap:1rem}.ab-coupon-name{font-weight:600;font-size:.875rem}.ab-promo-code-chip{display:inline-block;background:#22c55e1a;color:#22c55e;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:4px;margin-top:3px;font-family:monospace}.ab-create-form{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.ab-form-row{display:flex;flex-direction:column;gap:.4rem}.ab-form-row-check{flex-direction:row;align-items:center;justify-content:space-between}.ab-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ab-input{background:#0a0a0a;border:1px solid #374151;border-radius:7px;color:#fff;padding:.6rem .875rem;font-size:.875rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.ab-input:focus{border-color:#22c55e}.ab-input-sm{max-width:160px}.ab-input-mono{font-family:monospace;font-size:.8rem}.ab-select{background:#0a0a0a;border:1px solid #374151;border-radius:7px;color:#fff;padding:.6rem .875rem;font-size:.875rem;outline:none;cursor:pointer;transition:border-color .2s}.ab-select:focus{border-color:#22c55e}.ab-checkbox{accent-color:#22c55e;width:18px;height:18px;cursor:pointer}.ab-toggle-group{display:flex;gap:0;background:#1f2937;border-radius:8px;padding:3px;width:fit-content}.ab-toggle-btn{background:transparent;border:none;color:#6b7280;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.ab-toggle-btn.active{background:#22c55e;color:#000}.ab-settings{display:flex;flex-direction:column;gap:1rem}.ab-settings-hint{color:#9ca3af;font-size:.875rem;margin:0 0 .5rem;line-height:1.5}.ab-settings-field-hint{color:#6b7280;font-size:.78rem;margin:2px 0 0}.ab-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;background:#ffffff14;padding:1px 5px;border-radius:4px;color:#e2e8f0}.ab-settings-form{display:flex;flex-direction:column;gap:1rem}.ab-btn-primary{background:#22c55e;color:#000;border:none;border-radius:8px;padding:.7rem 1.25rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:opacity .2s;white-space:nowrap}.ab-btn-primary:hover:not(:disabled){opacity:.9}.ab-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ab-btn-ghost{background:transparent;color:#9ca3af;border:1px solid #374151;border-radius:8px;padding:.7rem 1.25rem;font-weight:600;font-size:.875rem;cursor:pointer;white-space:nowrap}.ab-btn-ghost:hover:not(:disabled){border-color:#6b7280;color:#d1d5db}.ab-btn-danger{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.7rem 1.25rem;font-weight:700;font-size:.875rem;cursor:pointer;white-space:nowrap}.ab-btn-danger:hover:not(:disabled){background:#ef444433}.ab-btn-danger:disabled{opacity:.5;cursor:not-allowed}.ab-btn-sm{padding:.4rem .875rem;font-size:.8rem}.ab-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;font-size:.8rem;color:#9ca3af;flex-wrap:wrap}.ab-pagination-info{font-size:.78rem;color:#6b7280}.ab-pagination-controls{display:flex;align-items:center;gap:.5rem}.ab-pagination-btn{background:#1f2937;color:#d1d5db;border:1px solid #374151;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.ab-pagination-btn:hover:not(:disabled){background:#374151;border-color:#4b5563}.ab-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ab-pagination-page{font-size:.78rem;color:#9ca3af;min-width:90px;text-align:center}.ab-pagination-per-page{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#6b7280}.ab-select-sm{padding:.3rem .5rem;font-size:.78rem;min-width:unset;width:auto}@media(max-width:600px){.ab-users-table .ab-table-header,.ab-users-table .ab-table-row{grid-template-columns:1fr 70px}.ab-users-table .ab-table-row span:nth-child(3),.ab-users-table .ab-table-row span:nth-child(4){display:none}.ab-users-table .ab-table-header span:nth-child(3),.ab-users-table .ab-table-header span:nth-child(4){display:none}}.af-root{min-height:100vh;background:var(--bg-deep);color:var(--text-main);padding:24px;display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.af-header{display:flex;align-items:center;gap:16px}.af-back-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--border);border-radius:10px;color:var(--text-dim);padding:8px 14px;font-size:.875rem;cursor:pointer;transition:background .15s,color .15s}.af-back-btn:hover{background:var(--bg-panel);color:var(--text-main)}.af-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-main)}.af-success-banner{background:var(--turf-green);color:#fff;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:600}.af-error-banner{background:var(--error-red, #ef4444);color:#fff;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:600}.af-category-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px}.af-category-tab{background:none;border:1px solid var(--border);border-radius:8px;color:var(--text-dim);padding:7px 16px;font-size:.875rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.af-category-tab.active{background:var(--turf-green);border-color:var(--turf-green);color:#fff;font-weight:600}.af-category-tab:not(.active):hover{background:var(--bg-panel);color:var(--text-main)}.af-toolbar{display:flex;gap:12px}.af-create-btn{background:var(--turf-green);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .15s}.af-create-btn:hover{opacity:.85}.af-loading,.af-empty{text-align:center;color:var(--text-dim);font-size:.95rem;padding:40px 0}.af-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.af-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.af-card--inactive{opacity:.55}.af-card-thumb{background:var(--bg-deep);display:flex;align-items:center;justify-content:center;padding:4px;min-height:150px;position:relative}.af-card-number{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;line-height:1;box-shadow:0 2px 6px #0006}.af-inactive-badge{position:absolute;top:4px;right:4px;background:#0009;color:#fbbf24;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.af-card-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-top:1px solid var(--border);gap:4px}.af-card-name{font-size:.75rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.af-card-menu-wrap{position:relative}.af-card-menu-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1rem;padding:2px 6px;border-radius:6px;line-height:1;transition:background .15s}.af-card-menu-btn:hover{background:var(--bg-deep);color:var(--text-main)}.af-dropdown{position:absolute;right:0;bottom:calc(100% + 4px);background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0006;z-index:10;min-width:130px;overflow:hidden}.af-dropdown button{display:block;width:100%;text-align:left;padding:10px 14px;background:none;border:none;color:var(--text-main);font-size:.875rem;cursor:pointer;transition:background .12s}.af-dropdown button:hover{background:var(--bg-deep)}.af-dropdown-danger{color:var(--error-red, #ef4444)!important}.af-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.af-dialog{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:24px;width:360px;max-width:90%;display:flex;flex-direction:column;gap:14px}.af-dialog h3{margin:0;font-size:1rem;color:var(--text-main)}.af-dialog p{margin:0;color:var(--text-dim);font-size:.875rem;line-height:1.5}.af-dialog-actions{display:flex;gap:10px;justify-content:flex-end}.af-dialog-cancel{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);padding:8px 16px;font-size:.875rem;cursor:pointer}.af-dialog-danger{background:var(--error-red, #ef4444);border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:.875rem;font-weight:600;cursor:pointer}.rtp-card{background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;padding:0;flex:1;min-width:0}.rtp-card:hover{border-color:#fff3;transform:scale(1.02)}.rtp-card--empty{cursor:default;padding:24px 12px;align-items:center;justify-content:center}.rtp-card--empty:hover{transform:none;border-color:#ffffff14}.rtp-empty-text{color:#ffffff4d;font-size:12px;margin-top:8px}.rtp-card-svg-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px}.rtp-card-label{font-size:12px;font-weight:700;color:#ffffff8c;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 8px;text-align:center}.rtp-svg{display:block}.rtp-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9500;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rtp-fullscreen-content{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.rtp-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.rtp-fullscreen-title{margin:0;font-size:16px;font-weight:700;color:#f1f5f9}.rtp-fullscreen-close{background:none;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:6px;transition:all .15s}.rtp-fullscreen-close:hover{background:#ffffff14;color:#fff}.rtp-fullscreen-body{display:flex;align-items:center;justify-content:center;padding:20px}.rtp-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.06)}.rtp-legend-item{display:flex;align-items:center;gap:6px}.rtp-legend-number{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.rtp-legend-name{font-size:12px;font-weight:600;color:#ffffffa6}.ar-root{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0a0e17;color:#fff;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000}.ar-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.ar-back-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.ar-back-btn:hover{background:#ffffff0f;color:#fff}.ar-title{font-size:18px;font-weight:700;margin:0}.ar-success-banner{background:#22c55e1f;color:#22c55e;padding:10px 24px;font-size:13px;font-weight:600}.ar-error-banner{background:#ef44441f;color:#f87171;padding:10px 24px;font-size:13px;font-weight:600}.ar-toolbar{padding:16px 24px;flex-shrink:0}.ar-create-btn{background:#22c55e;color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.ar-create-btn:hover{background:#1fb354}.ar-tree-row{display:flex;gap:20px;padding:0 24px 16px;justify-content:center}.ar-loading,.ar-empty{text-align:center;padding:3rem;color:#fff6;font-size:.95rem}.ar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:0 24px 40px}.ar-card{position:relative;background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;transition:border-color .15s}.ar-card:hover{border-color:#fff3}.ar-card--inactive{opacity:.5}.ar-card--dragging{opacity:.35;border-color:#22c55e66!important}.ar-card--drop-before{box-shadow:-3px 0 #22c55e}.ar-card--drop-after{box-shadow:3px 0 #22c55e}.ar-card-topheader{position:absolute;top:6px;left:6px;right:6px;display:flex;align-items:center;justify-content:space-between;z-index:2}.ar-drag-handle{cursor:grab;color:#ffffff40;padding:2px;border-radius:4px;transition:color .15s}.ar-drag-handle:hover{color:#fff9}.ar-card--dragging .ar-drag-handle{color:#22c55e;cursor:grabbing}.ar-card-thumb{display:flex;align-items:center;justify-content:center;background:#05080c99;padding:10px;position:relative}.ar-card-number{background:#14b8a6;color:#fff;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.ar-inactive-badge{position:absolute;top:8px;right:8px;background:#ef444433;color:#f87171;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.ar-card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 10px}.ar-card-name{font-size:13px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-card-menu-wrap{position:relative}.ar-card-menu-btn{background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px 6px;border-radius:6px;font-size:16px;transition:all .15s}.ar-card-menu-btn:hover{background:#ffffff14;color:#fff}.ar-dropdown{position:absolute;right:0;bottom:calc(100% + 4px);background:#1a2236;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 32px #0009;z-index:30;min-width:140px;overflow:hidden}.ar-dropdown button{display:block;width:100%;text-align:left;padding:10px 14px;background:none;border:none;color:#ffffffbf;font-size:13px;font-weight:600;cursor:pointer;transition:background .1s}.ar-dropdown button:hover{background:#ffffff0f;color:#fff}.ar-dropdown-danger{color:#f87171!important}.ar-dropdown-danger:hover{background:#ef444414!important}.ar-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ar-dialog{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;width:340px;max-width:90%;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px #0009}.ar-dialog h3{margin:0;font-size:16px;font-weight:700;color:#f1f5f9}.ar-dialog p{color:#94a3b8;font-size:.9rem;margin:0}.ar-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.ar-dialog-cancel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff80;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}.ar-dialog-cancel:hover{background:#ffffff14;color:#fffc}.ar-dialog-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer}.ar-dialog-danger:hover{background:#ef444433}.fmgr-root{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0a0e17;color:#fff;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000}.fmgr-header{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:56px}.fmgr-back-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.fmgr-back-btn:hover{background:#ffffff14}.fmgr-back-btn svg{width:18px;height:18px}.fmgr-header-info{flex:1;min-width:0}.fmgr-header-info h1{font-size:18px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmgr-header-meta{font-size:12px;color:#ffffff80;margin-top:2px}.fmgr-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#111827;flex-shrink:0;padding:0 24px}.fmgr-tab{background:none;border:none;border-bottom:2px solid transparent;color:#ffffff73;padding:10px 16px 10px 0;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;margin-right:20px}.fmgr-tab:hover{color:#ffffffbf}.fmgr-tab.active{color:#22c55e;border-bottom-color:#22c55e}.fmgr-tab-count{background:#ffffff14;color:#fff6;font-size:10px;padding:1px 7px;border-radius:10px;font-weight:700}.fmgr-tab.active .fmgr-tab-count{background:#22c55e26;color:#22c55e}.fmgr-body{flex:1;overflow-y:auto;padding:20px 28px 40px}.fmgr-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.fmgr-content-title{font-size:22px;font-weight:700;margin:0;white-space:nowrap}.fmgr-tree-row{display:flex;gap:20px;justify-content:center;margin-bottom:20px;max-width:900px;min-height:340px;margin-left:auto;margin-right:auto}.fmgr-loading{display:flex;align-items:center;gap:12px;color:#fff6;font-size:.95rem;padding:2rem 0}.fmgr-spinner{width:20px;height:20px;animation:fmgrSpin 1s linear infinite}@keyframes fmgrSpin{to{transform:rotate(360deg)}}.fmgr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.fmgr-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;border:2px dashed rgba(255,255,255,.15);border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s;background:transparent;color:#ffffff80}.fmgr-new-card:hover{border-color:#22c55e;background:#22c55e0a;color:#fffc}.fmgr-new-card-icon{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:24px;transition:border-color .2s}.fmgr-new-card:hover .fmgr-new-card-icon{border-color:#22c55e}.fmgr-new-card-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.fmgr-card{position:relative;background:#5e5e5f;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.fmgr-card:hover{border-color:#fff3}.fmgr-card--preset{border-color:#ffffff0d}.fmgr-card--dragging{opacity:.4;border-style:dashed;border-color:#fff3}.fmgr-card--drop-before{box-shadow:-3px 0 #ffffffd9}.fmgr-card--drop-after{box-shadow:3px 0 #ffffffd9}.fmgr-card-thumb{display:flex;align-items:center;justify-content:center;background:#05080c99;padding:14px 0 0}.fmgr-card-thumb svg{width:100%;height:auto}.fmgr-card-thumb--route{padding:10px;height:154px;box-sizing:border-box}.fmgr-card-thumb--route svg{width:100%;height:100%}.fmgr-card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;gap:6px}.fmgr-card-topheader{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;position:absolute;top:0;left:0;right:0;z-index:2}.fmgr-card-number{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.4);line-height:1}.fmgr-card-info-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#ffffff73;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,color .15s}.fmgr-card-info-btn:hover{background:#ffffff24;color:#fff}.fmgr-drag-handle{color:#fff3;cursor:grab;flex-shrink:0;display:flex;align-items:center;padding:2px 4px 2px 0;transition:color .15s;width:22px}.fmgr-drag-handle:hover{color:#ffffff8c}.fmgr-card--dragging .fmgr-drag-handle{cursor:grabbing}.fmgr-card-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.fmgr-preset-badge{font-size:9px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px}.fmgr-card-name{font-size:14px;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmgr-card-menu-wrap{position:relative;flex-shrink:0}.fmgr-card-menu-btn{background:none;border:none;color:#ffffff59;cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.fmgr-card-menu-btn:hover{background:#ffffff14;color:#fff}.fmgr-dropdown{position:absolute;right:0;bottom:calc(100% + 4px);background:#1a2236;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 32px #0009;z-index:30;min-width:140px;overflow:hidden}.fmgr-dropdown button{display:block;width:100%;text-align:left;padding:10px 14px;background:none;border:none;color:#ffffffbf;font-size:13px;font-weight:600;cursor:pointer;transition:background .1s}.fmgr-dropdown button:hover{background:#ffffff0f;color:#fff}.fmgr-dropdown-danger{color:#f87171!important}.fmgr-dropdown-danger:hover{background:#ef444414!important}.fmgr-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fmgr-dialog{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;width:340px;max-width:90%;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px #0009}.fmgr-dialog h3{margin:0;font-size:16px;font-weight:700;color:#f1f5f9}.fmgr-dialog label{font-size:11px;color:#ffffff73;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.fmgr-dialog-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;color:#f1f5f9;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.fmgr-dialog-input:focus{border-color:#22c55e80}.fmgr-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.fmgr-dialog-cancel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff80;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.fmgr-dialog-cancel:hover{background:#ffffff14;color:#fffc}.fmgr-dialog-confirm{background:#22c55e;border:none;border-radius:8px;color:#000;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.fmgr-dialog-confirm:hover:not(:disabled){background:#1fb354}.fmgr-dialog-confirm:disabled{opacity:.4;cursor:not-allowed}.fmgr-dialog-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.fmgr-dialog-danger:hover{background:#ef444433}.fmgr-color-swatches{display:flex;flex-wrap:wrap;gap:6px}.fmgr-color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0;outline:none;transition:transform .15s,border-color .15s}.fmgr-color-swatch:hover{transform:scale(1.15)}.fmgr-color-swatch.active{border-color:#fff;transform:scale(1.15)}.fmgr-pb-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.fmgr-pb-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#ffffffbf;cursor:pointer;padding:4px 0}.fmgr-pb-row input[type=checkbox]{cursor:pointer;accent-color:#22c55e;width:15px;height:15px}.fmgr-route-reset-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s;flex-shrink:0;white-space:nowrap}.fmgr-route-reset-btn:hover{background:#ef444433}.fmgr-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;color:#ffffffd9;z-index:10000;pointer-events:none;white-space:nowrap;box-shadow:0 8px 24px #00000080}@media(max-width:600px){.fmgr-body{padding:16px 16px 40px}.fmgr-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.fmgr-new-card{min-height:160px}}.fmgr-new-presets-banner{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#22c55e1a;border-bottom:1px solid rgba(34,197,94,.25);font-size:.85rem;color:#4ade80;flex-shrink:0}.fmgr-new-presets-banner>span{flex:1}.fmgr-new-presets-btn{padding:5px 14px;border-radius:6px;border:none;background:var(--turf-green, #22c55e);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.fmgr-new-presets-btn:hover{opacity:.85}.fmgr-new-presets-btn:disabled{opacity:.5;cursor:not-allowed}.fmgr-new-presets-dismiss{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px}.fmgr-new-presets-dismiss:hover{color:#94a3b8;background:#ffffff0d}.rte-root{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0a0e17;color:#fff;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000}.rte-header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.rte-back-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.rte-back-btn:hover{background:#ffffff14}.rte-name-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;color:#f1f5f9;font-size:15px;font-weight:600;outline:none;transition:border-color .2s}.rte-name-input:focus{border-color:#22c55e80}.rte-save-btn{background:#22c55e;border:none;border-radius:8px;color:#000;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;flex-shrink:0}.rte-save-btn:hover:not(:disabled){background:#1fb354}.rte-save-btn:disabled{opacity:.5;cursor:not-allowed}.rte-toolbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#111827;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap}.rte-toolbar-group{display:flex;align-items:center;gap:4px}.rte-toolbar-label{font-size:10px;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}.rte-tool-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9;width:34px;height:34px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s}.rte-tool-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.rte-tool-btn.active{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.rte-tool-btn:disabled{opacity:.3;cursor:not-allowed}.rte-tool-danger{color:#f87171}.rte-tool-danger:hover:not(:disabled){background:#ef44441a;color:#f87171}.rte-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.rte-canvas{width:100%;max-width:500px;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08);cursor:crosshair;touch-action:none}.rte-handle{cursor:grab;transition:r .15s}.rte-handle:hover{r:8}.rte-info-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#111827;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#ffffff59;flex-shrink:0}.rte-unsaved{color:#facc15;font-weight:600}@media(max-width:500px){.rte-toolbar{padding:8px 12px;gap:8px}.rte-canvas-wrap{padding:8px}}.cm-root{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0a0e17;color:#fff;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000}.cm-header{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#111827;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;min-height:56px}.cm-back-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.cm-back-btn:hover{background:#ffffff14}.cm-back-btn svg{width:18px;height:18px}.cm-header-info{flex:1;min-width:0}.cm-header-info h1{font-size:18px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-header-meta{font-size:12px;color:#ffffff80;margin-top:2px}.cm-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#111827;flex-shrink:0;padding:0 24px}.cm-tab{background:none;border:none;border-bottom:2px solid transparent;color:#ffffff73;padding:10px 16px 10px 0;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;margin-right:20px}.cm-tab:hover{color:#ffffffbf}.cm-tab.active{color:#22c55e;border-bottom-color:#22c55e}.cm-tab-count{background:#ffffff14;color:#fff6;font-size:10px;padding:1px 7px;border-radius:10px;font-weight:700}.cm-tab.active .cm-tab-count{background:#22c55e26;color:#22c55e}.cm-body{flex:1;overflow-y:auto;padding:20px 28px 40px}.cm-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.cm-content-title{font-size:22px;font-weight:700;margin:0}.cm-new-btn{background:#22c55e;color:#000;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.cm-new-btn:hover{background:#1fb354}.cm-loading{display:flex;align-items:center;gap:12px;color:#fff6;font-size:.95rem;padding:2rem 0}.cm-spinner{width:20px;height:20px;animation:cmSpin 1s linear infinite}@keyframes cmSpin{to{transform:rotate(360deg)}}.cm-list{display:flex;flex-direction:column;gap:8px}.cm-item{background:#1a2236;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:border-color .15s;cursor:default}.cm-item.drop-before{box-shadow:0 -3px #ffffffd9}.cm-item.drop-after{box-shadow:0 3px #ffffffd9}.cm-drag-handle{color:#ffffff40;cursor:grab;display:flex;align-items:center;flex-shrink:0;padding:2px;transition:color .15s}.cm-drag-handle:hover{color:#ffffff8c}.cm-drag-handle svg{width:16px;height:16px}.cm-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.cm-item-info{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.cm-item-name{font-weight:700;color:#f1f5f9;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-item-notes{font-size:12px;color:#fff6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cm-item-count{background:#ffffff14;color:#fff6;font-size:10px;padding:1px 8px;border-radius:10px;font-weight:700;white-space:nowrap;flex-shrink:0}.cm-item-actions{display:flex;gap:4px;flex-shrink:0}.cm-item-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:4px 6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.cm-item-btn:hover{background:#ffffff14;color:#fffc}.cm-item-btn-delete:hover{background:#ef44441a;color:#f87171}.cm-item-btn svg{width:15px;height:15px}.cm-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 16px;color:#ffffff59;font-size:14px}.cm-empty-hint{font-size:12px;color:#fff3}.cm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cm-dialog{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px;width:360px;max-width:90%;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px #0009}.cm-dialog h3{margin:0;font-size:16px;font-weight:700;color:#f1f5f9}.cm-dialog label{font-size:11px;color:#ffffff73;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.cm-dialog-field{display:flex;flex-direction:column}.cm-dialog-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 12px;color:#f1f5f9;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .2s}.cm-dialog-input:focus{border-color:#22c55e80}.cm-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.cm-color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .12s,border-color .12s;display:block}.cm-color-swatch:hover{transform:scale(1.1)}.cm-color-swatch.active{border-color:#fff;transform:scale(1.15)}.cm-dialog-warn{font-size:12px;color:#ffc864cc}.cm-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.cm-dialog-cancel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff80;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.cm-dialog-cancel:hover{background:#ffffff14;color:#fffc}.cm-dialog-save{background:#22c55e;border:none;border-radius:8px;color:#000;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.cm-dialog-save:hover:not(:disabled){background:#1fb354}.cm-dialog-save:disabled{opacity:.4;cursor:not-allowed}.cm-dialog-delete{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.cm-dialog-delete:hover{background:#ef444433}.cm-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;color:#ffffffd9;z-index:10000;pointer-events:none;white-space:nowrap;box-shadow:0 8px 24px #00000080}@media(max-width:600px){.cm-body{padding:16px 16px 40px}.cm-header{padding:10px 16px}}.profile-screen-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1212;color:#fff;display:flex;flex-direction:column;overflow:hidden;z-index:9000;font-family:Inter,sans-serif}.profile-screen-container{width:100%;max-width:640px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.profile-screen-header{display:flex;align-items:center;padding:20px 0;flex-shrink:0}.profile-screen-title-area{display:flex;align-items:center;gap:16px}.profile-screen-back-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#ffffffb3}.profile-screen-back-btn:hover{background:#ffffff1a;color:#fff}.profile-screen-back-btn svg{width:20px;height:20px}.profile-screen-title{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.profile-screen-content{flex:1;overflow-y:auto;padding-bottom:40px;display:flex;flex-direction:column;gap:16px}.profile-screen-section{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.profile-screen-section-title{font-size:.875rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;margin:0}.profile-screen-avatar-row{display:flex;align-items:center;gap:20px}.profile-screen-avatar-circle{width:100px;height:100px;border-radius:50%;background:#22c55e;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.profile-screen-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-screen-avatar-initial{font-size:2.5rem;font-weight:700;color:#fff}.profile-screen-avatar-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.profile-screen-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-screen-field{display:flex;flex-direction:column;gap:6px}.profile-screen-label{font-size:.8rem;font-weight:500;color:#ffffff80}.profile-screen-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 14px;color:#fff;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s}.profile-screen-input:focus{border-color:#22c55e66}.profile-screen-input::placeholder{color:#ffffff40}.profile-screen-referred-row{display:flex;align-items:center;gap:0}.profile-screen-referred-prefix{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-right:none;border-radius:10px 0 0 10px;padding:10px 14px;color:#22c55e;font-size:.9rem;font-weight:600;white-space:nowrap;flex-shrink:0}.profile-screen-input-referred{border-radius:0 10px 10px 0;flex:1}.profile-screen-field-hint{margin:4px 0 0;font-size:.775rem;color:#ffffff4d}.profile-screen-current-email{display:inline-block;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 12px;font-size:.875rem;color:#fff9;align-self:flex-start}.profile-screen-btn-primary{align-self:flex-start;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:10px 20px;color:#22c55e;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.profile-screen-btn-primary:hover:not(:disabled){background:#22c55e33;border-color:#22c55e80}.profile-screen-btn-primary:disabled{opacity:.5;cursor:not-allowed}.profile-screen-btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 20px;color:#fff;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.profile-screen-btn-secondary:hover:not(:disabled){background:#ffffff1a}.profile-screen-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.profile-screen-link-danger{background:none;border:none;color:#ef4444b3;font-size:.825rem;font-family:inherit;cursor:pointer;padding:0;transition:color .2s}.profile-screen-link-danger:hover:not(:disabled){color:#ef4444}.profile-screen-link-danger:disabled{opacity:.5;cursor:not-allowed}.profile-screen-error{margin:0;font-size:.825rem;color:#ef4444}.profile-screen-success{margin:0;font-size:.825rem;color:#22c55e}.profile-screen-info{margin:0;font-size:.825rem;color:#60a5fa;line-height:1.5}.profile-screen-legal-links{display:flex;flex-direction:column;gap:12px}.profile-screen-legal-link{color:#94a3b8;text-decoration:none;font-size:.95rem;transition:color .2s}.profile-screen-legal-link:hover{color:#e2e8f0;text-decoration:underline}.profile-screen-danger-section{border-color:#ef444433;margin-top:16px}.profile-screen-danger-title{color:#ef4444!important}.profile-screen-danger-description{margin:0;font-size:.875rem;color:#ffffff80;line-height:1.5}.profile-screen-danger-warning{margin:0;font-size:.875rem;color:#ef4444d9;line-height:1.5}.profile-screen-danger-warning strong{color:#ef4444}.profile-screen-danger-store-note{margin:0;font-size:.825rem;color:#fbbf24d9;background:#fbbf2414;border:1px solid rgba(251,191,36,.15);border-radius:8px;padding:10px 14px;line-height:1.5}.profile-screen-danger-actions{display:flex;gap:12px;align-items:center}.profile-screen-btn-danger{align-self:flex-start;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 20px;color:#ef4444;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.profile-screen-btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.profile-screen-btn-danger:disabled{opacity:.5;cursor:not-allowed}.profile-screen-danger-input{border-color:#ef444433}.profile-screen-danger-input:focus{border-color:#ef444466}.profile-screen-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.profile-screen-modal{background:#141a22;border:1px solid rgba(239,68,68,.2);border-radius:16px;width:100%;max-width:460px;overflow:hidden}.profile-screen-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.07)}.profile-screen-modal-title{font-size:1.125rem;font-weight:700;color:#ef4444;margin:0}.profile-screen-modal-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffff80;transition:all .2s}.profile-screen-modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.profile-screen-modal-close:disabled{opacity:.5;cursor:not-allowed}.profile-screen-modal-close svg{width:18px;height:18px}.profile-screen-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}@media(max-width:600px){.profile-screen-field-row{grid-template-columns:1fr}.profile-screen-avatar-row{flex-direction:column;align-items:flex-start}}.fu-root{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#111827,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;color:#fff;position:relative;overflow:hidden}.fu-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(34,197,94,.12) 0%,transparent 60%);pointer-events:none}.fu-card{position:relative;background:#111827e6;border:1px solid #1f2937;border-radius:20px;padding:2.5rem 2rem;max-width:420px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #0009}.fu-icon{width:72px;height:72px;margin:0 auto 1.5rem;background:#22c55e1f;border-radius:50%;display:flex;align-items:center;justify-content:center}.fu-icon svg{width:36px;height:36px;color:#22c55e}.fu-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#fff}.fu-desc{font-size:.95rem;color:#9ca3af;line-height:1.6;margin:0 0 1.75rem}.fu-version-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.75rem;font-size:.85rem}.fu-version-label{color:#6b7280}.fu-version-value{color:#d1d5db;font-weight:600;font-family:monospace}.fu-version-current .fu-version-value{color:#ef4444}.fu-version-required .fu-version-value{color:#22c55e}.fu-update-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #22c55e4d}.fu-update-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #22c55e66}.fu-update-btn:active{transform:translateY(0)}.fu-update-btn svg{width:20px;height:20px}.wbcp-card{position:absolute;top:0;left:0;background:#fff;box-sizing:border-box;overflow:hidden}.wbcp-card-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #919599;pointer-events:none;box-sizing:border-box}.wbcp-card.bw .wbcp-card-border{border-color:#6e6e6e}.wbcp-col-hdr{position:absolute;display:flex;align-items:center;box-sizing:border-box;overflow:hidden}.wbcp-col-hdr-num{font-weight:700;color:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.wbcp-col-hdr-divider{position:absolute;top:12%;bottom:12%;width:1px;background:#fff}.wbcp-col-hdr-play{font-weight:700;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wbcp-formation{position:absolute;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;font-weight:700;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.wbcp-play-row{position:absolute;display:flex;align-items:center;box-sizing:border-box;overflow:hidden}.wbcp-play-num{font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wbcp-play-num-divider{position:absolute;top:6%;bottom:6%;width:1px;background:#dadee2}.wbcp-play-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#161616;font-weight:400}.wbcp-play-row-separator{position:absolute;bottom:0;height:1px;background:#dadee2}.wbcp-col-separator{position:absolute;width:1px;background:#c8cdd2}.wbcp-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;font-style:italic;background:#fff}.wbb-root{display:flex;flex-direction:column;width:100vw;height:100vh;background:#0f1623;color:#fff;overflow:hidden}.wbb-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:12px}.wbb-topbar-left{display:flex;align-items:center;gap:10px}.wbb-back-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:6px 12px;border-radius:7px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,color .15s;white-space:nowrap}.wbb-back-btn:hover{background:#ffffff12;color:#fff}.wbb-topbar-title{font-size:14px;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbb-topbar-center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.wbb-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.wbb-save-list-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,border-color .15s;white-space:nowrap}.wbb-save-list-btn:hover{background:#22c55e40;border-color:#22c55e80}.wbb-print-btn{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,border-color .15s;white-space:nowrap}.wbb-print-btn:hover{background:#3b82f638;border-color:#3b82f680}.wbb-print-btn:disabled{opacity:.6;cursor:not-allowed}.wbb-copies-wrapper{display:flex;align-items:center;gap:5px;font-size:13px;color:#ffffff73}.wbb-copies-input{width:44px;padding:5px 6px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;text-align:center}.wbb-copies-input:focus{outline:none;border-color:#3b82f680}.wbb-main{display:flex;flex:1;min-height:0;overflow:hidden}.wbb-sidebar{width:220px;flex-shrink:0;background:#ffffff05;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden}.wbb-sidebar-cats{display:flex;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.wbb-cat-btn{flex:1;background:none;border:none;color:#ffffff73;font-size:12px;font-weight:700;padding:10px 4px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.5px}.wbb-cat-btn.active{color:#22c55e;border-bottom-color:#22c55e}.wbb-cat-btn:hover:not(.active){color:#ffffffb3}.wbb-sidebar-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.wbb-tab-btn{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#fff6;font-size:12px;font-weight:600;padding:8px 4px;cursor:pointer;transition:color .15s,border-color .15s}.wbb-tab-btn.active{color:#fff;border-bottom-color:#ffffff80}.wbb-tab-btn:hover:not(.active){color:#fff9}.wbb-sidebar-list{flex:1;overflow-y:auto;padding:8px 0}.wbb-sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;font-size:13px;color:#ffffffb3;border-radius:0;transition:background .12s,color .12s}.wbb-sidebar-item:hover{background:#ffffff0d;color:#fff}.wbb-sidebar-item.selected{background:#22c55e14;color:#fff}.wbb-sidebar-checkbox{width:16px;height:16px;accent-color:#22c55e;flex-shrink:0;cursor:pointer}.wbb-sidebar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wbb-sidebar-count{margin-left:auto;font-size:11px;color:#ffffff4d;flex-shrink:0}.wbb-sidebar-item.selected .wbb-sidebar-count{color:#fff6}.wbb-sidebar-unassigned{font-style:italic;color:#ffffff80}.wbb-sidebar-item.selected .wbb-sidebar-unassigned{color:#ffffffb3}.wbb-sidebar-empty{padding:16px 14px;font-size:12px;color:#ffffff4d;text-align:center}.wbb-content{flex:1;display:flex;min-width:0;overflow:hidden}.wbb-col{flex:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.wbb-col:last-child{border-right:none}.wbb-col-header{padding:12px 16px 10px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.wbb-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff59;margin:0}.wbb-col-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.wbb-col-designs{flex:1.1}.wbb-design-cta{width:100%;padding:20px 16px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;font-size:13px;cursor:default;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.wbb-design-cta-title{color:#ffffffb3;font-weight:600;font-size:14px}.wbb-design-cta-badge{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#3b82f6;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px}.wbb-design-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .12s,border-color .12s;display:flex;align-items:flex-start;gap:8px}.wbb-design-card:hover{background:#ffffff12}.wbb-design-card.selected{background:#22c55e14;border-color:#22c55e59}.wbb-design-card-info{flex:1;min-width:0}.wbb-design-card-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbb-design-card-meta{font-size:11px;color:#fff6;margin-top:2px}.wbb-design-menu-wrapper{position:relative;flex-shrink:0}.wbb-design-menu-btn{background:none;border:none;color:#fff6;width:24px;height:24px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .12s,color .12s}.wbb-design-menu-btn:hover{background:#ffffff14;color:#fff}.wbb-design-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#1e2535;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px;z-index:100;min-width:160px;box-shadow:0 8px 24px #0006}.wbb-design-menu-item{width:100%;background:none;border:none;color:#fffc;font-size:13px;padding:7px 10px;text-align:left;cursor:pointer;border-radius:5px;display:block;transition:background .12s}.wbb-design-menu-item:hover{background:#ffffff12;color:#fff}.wbb-design-menu-item.danger{color:#f87171}.wbb-design-menu-item.danger:hover{background:#f871711a}.wbb-save-design-btn{width:100%;padding:9px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff9;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s;flex-shrink:0;margin-top:auto}.wbb-save-design-btn:hover{background:#ffffff14;color:#fff}.wbb-name-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.wbb-name-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#fff;font-size:13px;padding:7px 10px}.wbb-name-input:focus{outline:none;border-color:#22c55e80}.wbb-name-confirm{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.wbb-name-cancel{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff80;border-radius:7px;padding:7px 10px;font-size:13px;cursor:pointer}.wbb-col-layout{width:220px;flex-shrink:0}.wbb-layout-cards{display:flex;flex-direction:column;gap:8px;padding:12px;flex:1;overflow-y:auto;min-height:0}.wbb-layout-card{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;cursor:pointer;transition:background .12s,border-color .12s;display:flex;align-items:center;gap:10px;background:#ffffff08}.wbb-layout-card:hover{background:#ffffff0f}.wbb-layout-card.selected{border-color:#22c55e66;background:#22c55e14}.wbb-layout-mockup{width:52px;height:48px;flex-shrink:0}.wbb-layout-label{font-size:13px;font-weight:600;color:#fffc}.wbb-col-options{width:240px;flex-shrink:0}.wbb-options-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:0}.wbb-options-section{margin-bottom:16px}.wbb-options-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.wbb-option-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.wbb-option-label{font-size:12px;color:#fff9;flex:1;min-width:0}.wbb-option-value{display:flex;align-items:center;gap:4px;flex-shrink:0}.wbb-num-input{width:60px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;padding:4px 8px;text-align:center}.wbb-num-input:focus{outline:none;border-color:#22c55e80}.wbb-position-select{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;padding:4px 8px;min-width:80px;cursor:pointer}.wbb-position-select:focus{outline:none;border-color:#22c55e80}.wbb-position-select option{background:#1e1e2e;color:#fff}.wbb-unit-toggle{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.wbb-unit-btn{background:none;border:none;color:#ffffff73;font-size:11px;font-weight:600;padding:4px 7px;cursor:pointer;transition:background .12s,color .12s}.wbb-unit-btn.active{background:#ffffff1f;color:#fff}.wbb-select{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:12px;padding:4px 8px;cursor:pointer;max-width:100px}.wbb-select:focus{outline:none;border-color:#22c55e80}.wbb-select option{background:#1e2535}.wbb-pill-toggle{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.wbb-pill-btn{background:none;border:none;color:#ffffff73;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.wbb-pill-btn.active{background:#22c55e2e;color:#22c55e}.wbb-save-list-inline{padding:8px 0}.wbb-save-list-inline .wbb-name-row{padding:0;border-top:none}.wbb-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9700;display:flex;align-items:center;justify-content:center;padding:16px}.wbb-confirm-dialog{background:#1a1f2e;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:24px;max-width:360px;width:100%;box-shadow:0 16px 48px #00000080}.wbb-confirm-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}.wbb-confirm-body{font-size:13px;color:#ffffff8c;margin:0 0 20px;line-height:1.5}.wbb-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.wbb-confirm-cancel{background:none;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer}.wbb-confirm-discard{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.wbb-design-block-note{font-size:11px;color:#ffc107cc;padding:4px 8px;background:#ffc10714;border-radius:4px;border:1px solid rgba(255,193,7,.2);text-align:center}.wbb-row-limit-warning{font-size:11px;color:#f87171;padding:5px 8px;background:#f8717114;border-radius:6px;border:1px solid rgba(248,113,113,.2);margin-top:4px;line-height:1.4}.wbb-auto-reset-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff9;font-size:10px;padding:2px 6px;border-radius:4px;cursor:pointer;white-space:nowrap}.wbb-auto-reset-btn:hover{background:#ffffff24;color:#ffffffd9}.wbb-preview-panel{height:180px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;align-items:stretch;overflow:hidden}.wbb-preview-label{width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-lr;transform:rotate(180deg);font-size:10px;font-weight:700;letter-spacing:2px;color:#fff3;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.wbb-preview-card-wrapper{flex:1;min-width:0;padding:12px 16px;display:flex;align-items:center;justify-content:center}.wbb-preview-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px}.wbb-preview-modal{background:var(--bg-card, #1a2236);border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:900px;height:90vh;display:flex;flex-direction:column;overflow:hidden}.wbb-preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;font-weight:600;color:#fff;flex-shrink:0}.wbb-preview-modal-close{background:none;border:none;color:#ffffff80;font-size:24px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.wbb-preview-modal-close:hover{color:#fff}.wbb-preview-modal-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px}@keyframes wbb-spin{to{transform:rotate(360deg)}}.wbb-spin,.wblm-spin{animation:wbb-spin .8s linear infinite}@keyframes wbb-toast-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.wbb-mobile-tabs{display:none;flex-shrink:0}@media(max-width:768px){.wbb-mobile-tabs{display:flex;gap:6px;padding:8px 10px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;-webkit-overflow-scrolling:touch}.wbb-mobile-tab{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-size:12px;font-weight:700;padding:8px 6px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;text-align:center}.wbb-mobile-tab.active{background:#22c55e26;border-color:#22c55e59;color:#22c55e}.wbb-mobile-tab:hover:not(.active){background:#ffffff1a;color:#ffffffb3}.wbb-sidebar-cats{gap:4px;padding:6px 10px;background:#ffffff05;border-bottom-color:#ffffff0f;justify-content:center}.wbb-cat-btn{flex:0 0 auto;min-width:44px;padding:6px 14px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;transition:background .15s,color .15s,border-color .15s}.wbb-cat-btn.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e;border-bottom-color:#22c55e4d}.wbb-sidebar-tabs{background:#ffffff08;border-bottom-color:#ffffff14}.wbb-tab-btn{padding:7px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.wbb-main{flex-direction:column}.wbb-sidebar,.wbb-content{display:none}.wbb-sidebar.wbb-mobile-active{display:flex;width:100%;flex:1;border-right:none}.wbb-col.wbb-mobile-active{display:flex;flex:1;width:100%;border-right:none}.wbb-content.wbb-mobile-content-active{display:flex;flex:1}.wbb-content .wbb-col:not(.wbb-mobile-active){display:none}.wbb-col-designs.wbb-mobile-active{flex:1}.wbb-col-layout.wbb-mobile-active,.wbb-col-options.wbb-mobile-active{width:100%;flex:1}.wbb-preview-panel{height:140px}.wbb-topbar{padding:0 10px;height:46px;gap:8px}.wbb-topbar-title{font-size:12px;max-width:120px}.wbb-back-btn{padding:5px 8px;font-size:12px}.wbb-print-btn,.wbb-save-list-btn{padding:5px 10px;font-size:12px}}.dcp-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.dcp-card{position:relative;background:#fff;overflow:hidden}.dcp-card-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #ccc;pointer-events:none;border-radius:2px}.dcp-cell{position:absolute;display:flex;flex-direction:column;overflow:hidden}.dcp-cell-border{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #e0e0e0;pointer-events:none}.dcp-cell-label{display:flex;align-items:center;padding:0 2px;overflow:hidden;flex-shrink:0}.dcp-cell-label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:500}.dcp-cell-content{display:flex;flex:1;overflow:hidden}.dcp-cell-num-strip{display:flex;align-items:center;justify-content:center;background:#000;font-weight:700;color:#fff;flex-shrink:0}.dcp-cell-img{flex:1;overflow:hidden}.dcp-cell-img img{width:100%;height:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.dcp-empty{color:#888;font-size:14px;text-align:center;padding:24px}.dcp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9800;display:flex;align-items:center;justify-content:center;padding:24px}.dcp-modal-panel{background:#1a1f2e;border:1px solid rgba(255,255,255,.12);border-radius:12px;display:flex;flex-direction:column;max-width:90vw;max-height:90vh;box-shadow:0 16px 48px #00000080;overflow:hidden}.dcp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.dcp-modal-title{font-size:13px;font-weight:600;color:#ffffffb3}.dcp-modal-close{background:none;border:none;color:#ffffff80;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s}.dcp-modal-close:hover{background:#ffffff14;color:#fff}.dcp-modal-scroll{flex:1;overflow:auto;padding:24px}.dcp-modal-card-area{display:inline-flex;align-items:center;justify-content:center;min-width:100%;min-height:100%}.dbb-root{display:flex;flex-direction:column;width:100vw;height:100vh;background:#0f1623;color:#fff;overflow:hidden}.dbb-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;gap:12px}.dbb-topbar-left{display:flex;align-items:center;gap:10px}.dbb-back-btn{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:6px 12px;border-radius:7px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,color .15s;white-space:nowrap}.dbb-back-btn:hover{background:#ffffff12;color:#fff}.dbb-topbar-title{font-size:14px;font-weight:600;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbb-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.dbb-copies-wrapper{display:flex;align-items:center;gap:5px;font-size:13px;color:#ffffff73}.dbb-copies-input{width:44px;padding:5px 6px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;text-align:center}.dbb-copies-input:focus{outline:none;border-color:#3b82f680}.dbb-print-btn{background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,border-color .15s;white-space:nowrap}.dbb-print-btn:hover{background:#3b82f638;border-color:#3b82f680}.dbb-print-btn:disabled{opacity:.6;cursor:not-allowed}.dbb-save-list-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,border-color .15s;white-space:nowrap}.dbb-save-list-btn:hover{background:#22c55e40;border-color:#22c55e80}.dbb-main{display:flex;flex:1;min-height:0;overflow:hidden}.dbb-sidebar{width:220px;flex-shrink:0;background:#ffffff05;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;overflow:hidden}.dbb-sidebar-cats{display:flex;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.dbb-cat-btn{flex:1;background:none;border:none;color:#ffffff73;font-size:12px;font-weight:700;padding:10px 4px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.5px}.dbb-cat-btn.active{color:#22c55e;border-bottom-color:#22c55e}.dbb-cat-btn:hover:not(.active){color:#ffffffb3}.dbb-sidebar-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.dbb-tab-btn{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:#fff6;font-size:12px;font-weight:600;padding:8px 4px;cursor:pointer;transition:color .15s,border-color .15s}.dbb-tab-btn.active{color:#fff;border-bottom-color:#ffffff80}.dbb-tab-btn:hover:not(.active){color:#fff9}.dbb-sidebar-list{flex:1;overflow-y:auto;padding:8px 0}.dbb-sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 14px;cursor:pointer;font-size:13px;color:#ffffffb3;border-radius:0;transition:background .12s,color .12s}.dbb-sidebar-item:hover{background:#ffffff0d;color:#fff}.dbb-sidebar-item.selected{background:#22c55e14;color:#fff}.dbb-sidebar-checkbox{width:16px;height:16px;accent-color:#22c55e;flex-shrink:0;cursor:pointer}.dbb-sidebar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dbb-sidebar-count{margin-left:auto;font-size:11px;color:#ffffff4d;flex-shrink:0}.dbb-sidebar-item.selected .dbb-sidebar-count{color:#fff6}.dbb-sidebar-unassigned{font-style:italic;color:#ffffff80}.dbb-sidebar-item.selected .dbb-sidebar-unassigned{color:#ffffffb3}.dbb-sidebar-empty{padding:16px 14px;font-size:12px;color:#ffffff4d;text-align:center}.dbb-content{flex:1;display:flex;min-width:0;overflow:hidden}.dbb-col{flex:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.dbb-col:last-child{border-right:none}.dbb-col-header{padding:12px 16px 10px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.dbb-col-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff59;margin:0}.dbb-col-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.dbb-col-designs{flex:1.1;min-width:200px;max-width:400px}.dbb-col-gridlayout{flex:0 0 auto;max-width:400px;min-width:175px;width:100%}.dbb-design-cta{padding:20px 16px;background:#ffffff08;border:1px dashed rgba(255,255,255,.15);border-radius:10px;color:#ffffff80;font-size:13px;cursor:default;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.dbb-design-cta-title{color:#ffffffb3;font-weight:600;font-size:14px}.dbb-design-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .12s,border-color .12s;display:flex;align-items:flex-start;gap:8px}.dbb-design-card:hover{background:#ffffff12}.dbb-design-card.selected{background:#22c55e14;border-color:#22c55e59}.dbb-design-card-info{flex:1;min-width:0}.dbb-design-card-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dbb-design-card-meta{font-size:11px;color:#fff6;margin-top:2px}.dbb-design-menu-wrapper{position:relative;flex-shrink:0}.dbb-design-menu-btn{background:none;border:none;color:#fff6;width:24px;height:24px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .12s,color .12s}.dbb-design-menu-btn:hover{background:#ffffff14;color:#fff}.dbb-design-menu-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:#1e2535;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px;z-index:100;min-width:160px;box-shadow:0 8px 24px #0006}.dbb-design-menu-item{width:100%;background:none;border:none;color:#fffc;font-size:13px;padding:7px 10px;text-align:left;cursor:pointer;border-radius:5px;display:block;transition:background .12s}.dbb-design-menu-item:hover{background:#ffffff12;color:#fff}.dbb-design-menu-item.danger{color:#f87171}.dbb-design-menu-item.danger:hover,.dbb-save-design-btn:hover{background:#22c55e40;border-color:#22c55e80}.dbb-save-design-btn{width:100%;padding:9px 12px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s;flex-shrink:0;margin-top:auto}.dbb-name-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.dbb-name-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.2);border-radius:7px;color:#fff;font-size:13px;padding:7px 10px}.dbb-name-input:focus{outline:none;border-color:#22c55e80}.dbb-name-confirm{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.dbb-name-cancel{background:none;border:1px solid rgba(255,255,255,.12);color:#ffffff80;border-radius:7px;padding:7px 10px;font-size:13px;cursor:pointer}.dbb-col-options{flex-shrink:0;min-width:300px;max-width:400px}.dbb-options-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:0}.dbb-options-section{margin-bottom:16px}.dbb-options-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.dbb-option-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.dbb-option-label{font-size:12px;color:#fff9;flex:1;min-width:0}.dbb-option-value{display:flex;align-items:center;gap:4px;flex-shrink:0}.dbb-num-input{width:60px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;padding:4px 8px;text-align:center}.dbb-num-input:focus{outline:none;border-color:#22c55e80}.dbb-unit-toggle{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.dbb-unit-btn{background:none;border:none;color:#ffffff73;font-size:11px;font-weight:600;padding:4px 7px;cursor:pointer;transition:background .12s,color .12s}.dbb-unit-btn.active{background:#ffffff1f;color:#fff}.dbb-select{background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:12px;padding:4px 8px;cursor:pointer;max-width:100px}.dbb-select:focus{outline:none;border-color:#22c55e80}.dbb-select option{background:#1e2535}.dbb-pill-toggle{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.dbb-pill-btn{background:none;border:none;color:#ffffff73;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.dbb-pill-btn.active{background:#22c55e2e;color:#22c55e}.dbb-grid-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}.dbb-grid-label{font-size:12px;color:#fff9}.dbb-grid-pills{display:flex;border:1px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden}.dbb-grid-pill{background:none;border:none;color:#ffffff73;font-size:11px;font-weight:600;padding:4px 8px;cursor:pointer;transition:background .12s,color .12s;min-width:26px;text-align:center}.dbb-grid-pill.active{background:#22c55e2e;color:#22c55e}.dbb-save-list-inline{padding:8px 0}.dbb-save-list-inline .dbb-name-row{padding:0;border-top:none}.dbb-preview-panel{height:180px;flex-shrink:0;border-top:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;align-items:stretch;overflow:hidden}.dbb-preview-label{width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-lr;transform:rotate(180deg);font-size:10px;font-weight:700;letter-spacing:2px;color:#fff3;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.dbb-preview-card-wrapper{flex:1;min-width:0;padding:12px 16px;display:flex;align-items:center;justify-content:center}.dbb-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9700;display:flex;align-items:center;justify-content:center;padding:16px}.dbb-confirm-dialog{background:#1a1f2e;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:24px;max-width:360px;width:100%;box-shadow:0 16px 48px #00000080}.dbb-confirm-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}.dbb-confirm-body{font-size:13px;color:#ffffff8c;margin:0 0 20px;line-height:1.5}.dbb-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.dbb-confirm-cancel{background:none;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer}.dbb-confirm-discard{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}@keyframes dbb-spin{to{transform:rotate(360deg)}}.dbb-spin{animation:dbb-spin .8s linear infinite}@keyframes dbb-toast-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.dbb-mobile-tabs{display:none;flex-shrink:0}@media(max-width:768px){.dbb-mobile-tabs{display:flex;gap:6px;padding:8px 10px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;-webkit-overflow-scrolling:touch}.dbb-mobile-tab{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-size:12px;font-weight:700;padding:8px 6px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;text-align:center}.dbb-mobile-tab.active{background:#22c55e26;border-color:#22c55e59;color:#22c55e}.dbb-mobile-tab:hover:not(.active){background:#ffffff1a;color:#ffffffb3}.dbb-sidebar-cats{gap:4px;padding:6px 10px;background:#ffffff05;border-bottom-color:#ffffff0f;justify-content:center}.dbb-cat-btn{flex:0 0 auto;min-width:44px;padding:6px 14px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;transition:background .15s,color .15s,border-color .15s}.dbb-cat-btn.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e;border-bottom-color:#22c55e4d}.dbb-sidebar-tabs{background:#ffffff08;border-bottom-color:#ffffff14}.dbb-tab-btn{padding:7px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.dbb-main{flex-direction:column}.dbb-sidebar,.dbb-content{display:none}.dbb-sidebar.dbb-mobile-active{display:flex;width:100%;flex:1;border-right:none}.dbb-col.dbb-mobile-active{display:flex;flex:1;width:100%;border-right:none}.dbb-content.dbb-mobile-content-active{display:flex;flex:1}.dbb-content .dbb-col:not(.dbb-mobile-active){display:none}.dbb-col-designs.dbb-mobile-active{flex:1}.dbb-col-gridlayout.dbb-mobile-active,.dbb-col-options.dbb-mobile-active{width:100%;flex:1}.dbb-preview-panel{height:140px}.dbb-topbar{padding:0 10px;height:46px;gap:8px}.dbb-topbar-title{font-size:12px;max-width:120px}.dbb-back-btn{padding:5px 8px;font-size:12px}.dbb-print-btn,.dbb-save-list-btn{padding:5px 10px;font-size:12px}}.csp-wrapper{width:100%;overflow-x:hidden;overflow-y:auto;padding:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:16px}.csp-page{position:relative;background:#fff;box-shadow:0 2px 12px #0000004d;border-radius:4px;flex-shrink:0}.csp-page-header{position:absolute;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #ccc;box-sizing:border-box;padding-bottom:4px}.csp-page-header-left{display:flex;flex-direction:row;align-items:center;gap:6px}.csp-page-header-name{font-size:13px;font-weight:700;color:#1a1a1a;line-height:1.2}.csp-page-header-cat{font-size:10px;color:#555;margin-top:1px}.csp-page-header-logo{height:32px;width:auto;object-fit:contain;flex-shrink:0}.csp-page-header-center{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center;flex:1;min-width:0}.csp-subcat-pill{font-size:7px;font-weight:700;color:#fff;padding:2px 6px;border-radius:3px;white-space:nowrap;line-height:1.2}.csp-page-header-right{font-size:8px;color:#888;flex-shrink:0}.csp-cell{position:absolute;border:.5px solid #ccc;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.csp-empty-cell{background:#fafafa}.csp-formation-cell{display:flex;align-items:center;justify-content:center}.csp-formation-label{font-size:11px;font-weight:700;color:#fff;text-align:center;padding:2px 4px;text-transform:uppercase;letter-spacing:.5px}.csp-subcat-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.csp-subcat-box-text{font-size:6px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.csp-number-bar{display:flex;align-items:center;justify-content:center;flex-shrink:0}.csp-number-bar span{font-size:11px;font-weight:700;color:#fff}.csp-play-label{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.csp-play-label span{color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}.csp-play-img{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.csp-play-img img{max-width:100%;max-height:100%;object-fit:contain}.csp-empty{padding:40px 20px;text-align:center;color:#64748b;font-size:13px}.csp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:9700;display:flex;flex-direction:column}.csp-modal-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.csp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-card, #111827);border-bottom:1px solid var(--border, #1e293b);color:#f1f5f9;font-size:14px;font-weight:600;flex-shrink:0}.csp-modal-header button{background:none;border:none;color:#64748b;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px}.csp-modal-header button:hover{background:#ffffff0f}.csp-modal-scroll{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.cslp-wrapper{width:100%;overflow-x:auto;display:flex;justify-content:center}.cslp-pages-container{display:flex;flex-direction:column;gap:12px;align-items:center}.cslp-page{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 1px 4px #00000014;overflow:hidden;flex-shrink:0}.cslp-page-header{position:absolute;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;box-sizing:border-box}.cslp-header-left{display:flex;align-items:center;gap:6px}.cslp-header-logo{width:28px;height:28px;border-radius:4px;object-fit:contain}.cslp-header-name{font-size:10px;font-weight:700;color:#1e1e1e;line-height:1.2}.cslp-header-category{font-size:8px;color:#666;line-height:1.2}.cslp-header-pills{display:flex;gap:3px;align-items:center}.cslp-header-pill{font-size:6px;font-weight:700;color:#fff;padding:2px 5px;border-radius:3px;white-space:nowrap}.cslp-header-date{font-size:7px;color:#999}.cslp-column{position:absolute;overflow:hidden}.cslp-formation-hdr{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cslp-play-row{position:absolute;left:0;right:0;display:flex;align-items:stretch;border-bottom:1px solid #e8e8e8;box-sizing:border-box}.cslp-num-col{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.cslp-play-name{display:flex;align-items:center;padding-left:4px;color:#1e1e1e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.csb-root{display:flex;flex-direction:column;height:100vh;background:var(--bg-deep, #0a0f1e);color:#e2e8f0;overflow:hidden}.csb-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-card, #111827);border-bottom:1px solid var(--border, #1e293b);gap:10px;flex-shrink:0}.csb-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.csb-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.csb-topbar-title{font-size:14px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csb-back-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer;flex-shrink:0}.csb-back-btn:hover{background:#ffffff0f}.csb-copies-wrapper{display:flex;align-items:center;gap:3px;font-size:12px;color:#94a3b8}.csb-copies-input{width:32px;text-align:center;padding:4px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-deep, #0a0f1e);color:#e0e0e0;font-size:12px}.csb-print-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:none;background:#22c55e;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.csb-print-btn:hover{background:#16a34a}.csb-print-btn:disabled{opacity:.5;cursor:not-allowed}.csb-save-list-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:1px solid rgba(34,197,94,.3);background:#22c55e1f;color:#22c55e;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.csb-save-list-btn:hover{background:#22c55e33;border-color:#22c55e80}@keyframes csb-spinner{to{transform:rotate(360deg)}}.csb-spin{animation:csb-spinner 1s linear infinite}@keyframes csb-toast-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.csb-main{flex:1;display:flex;overflow:hidden;min-height:0}.csb-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-card, #111827);border-right:1px solid var(--border, #1e293b)}.csb-sidebar-cats{display:flex;gap:4px;padding:10px 10px 4px}.csb-cat-btn{flex:1;padding:6px;border-radius:6px;border:1px solid transparent;background:transparent;color:#64748b;font-size:14px;font-weight:700;cursor:pointer;text-align:center}.csb-cat-btn:hover{background:#ffffff0f}.csb-cat-btn.active{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.csb-sidebar-tabs{display:flex;gap:2px;padding:6px 10px}.csb-tab-btn{flex:1;padding:5px 8px;border-radius:5px;border:none;background:transparent;color:#64748b;font-size:11px;cursor:pointer}.csb-tab-btn:hover{background:#ffffff0f}.csb-tab-btn.active{background:#ffffff14;color:#f1f5f9}.csb-sidebar-list{flex:1;overflow-y:auto;padding:4px 8px 8px}.csb-sidebar-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;cursor:pointer;font-size:12px;color:#94a3b8}.csb-sidebar-item:hover{background:#ffffff0a}.csb-sidebar-item.selected{color:#f1f5f9}.csb-sidebar-checkbox{width:14px;height:14px;accent-color:#22c55e;pointer-events:none;flex-shrink:0}.csb-sidebar-count{margin-left:auto;font-size:10px;color:#475569}.csb-sidebar-unassigned{font-style:italic;opacity:.7}.csb-sidebar-empty{padding:12px 8px;font-size:11px;color:#475569;text-align:center}.csb-sidebar-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.csb-content{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;gap:0;min-width:0}.csb-col{display:flex;flex-direction:column;border-right:1px solid var(--border, #1e293b);min-width:180px}.csb-col-designs{flex:1;min-width:200px;max-width:260px}.csb-col-options{flex:1;min-width:240px}.csb-col-header{padding:10px 14px 6px;border-bottom:1px solid var(--border, #1e293b)}.csb-col-title{margin:0;font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.csb-col-body,.csb-options-body{flex:1;overflow-y:auto;padding:10px 12px}.csb-design-cta{padding:14px 12px;border-radius:8px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);margin-bottom:8px;color:#64748b;font-size:12px;text-align:center}.csb-design-cta-title{font-weight:600;color:#94a3b8;margin-bottom:4px}.csb-design-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;border:1px solid var(--border, #1e293b);background:var(--bg-deep, #0a0f1e);cursor:pointer;margin-bottom:4px;transition:border-color .15s}.csb-design-card:hover{border-color:#22c55e4d}.csb-design-card.selected{border-color:#22c55e;background:#22c55e14}.csb-design-card-info{flex:1;min-width:0}.csb-design-card-name{font-size:12px;font-weight:500;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csb-design-card-meta{font-size:10px;color:#64748b;margin-top:1px}.csb-design-menu-wrapper{position:relative}.csb-design-menu-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px 4px;font-size:14px;border-radius:4px}.csb-design-menu-btn:hover{background:#ffffff14}.csb-design-menu-dropdown{position:absolute;right:0;top:100%;background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:6px;padding:4px;z-index:20;min-width:100px;box-shadow:0 4px 12px #0000004d}.csb-design-menu-item{display:block;width:100%;padding:5px 8px;border:none;background:none;color:#cbd5e1;font-size:11px;text-align:left;cursor:pointer;border-radius:4px}.csb-design-menu-item:hover{background:#ffffff0f}.csb-design-menu-item.danger{color:#ef4444}.csb-name-row{display:flex;gap:4px;padding:8px 12px;border-top:1px solid var(--border, #1e293b)}.csb-name-input{flex:1;padding:5px 8px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-deep, #0a0f1e);color:#e0e0e0;font-size:12px}.csb-name-confirm{padding:5px 10px;border-radius:4px;border:none;background:#22c55e;color:#fff;font-size:12px;cursor:pointer}.csb-name-cancel{padding:5px 8px;border-radius:4px;border:1px solid var(--border, #1e293b);background:transparent;color:#64748b;font-size:12px;cursor:pointer}.csb-save-design-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px dashed rgba(34,197,94,.3);border-radius:6px;background:#22c55e0f;color:#22c55e;font-size:11px;font-weight:500;cursor:pointer;margin:8px 12px}.csb-save-design-btn:hover{background:#22c55e1f;border-color:#22c55e80}.csb-options-section{margin-bottom:14px}.csb-options-section-title{font-size:10px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.csb-option-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.csb-option-label{font-size:11px;color:#94a3b8;white-space:nowrap}.csb-option-value{display:flex;align-items:center;gap:4px}.csb-num-input{width:54px;padding:4px 6px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-deep, #0a0f1e);color:#e0e0e0;font-size:12px;text-align:center}.csb-select{padding:4px 6px;border-radius:4px;border:1px solid var(--border, #1e293b);background:var(--bg-deep, #0a0f1e);color:#e0e0e0;font-size:11px}.csb-color-input{width:28px;height:28px;border:1px solid var(--border, #1e293b);border-radius:4px;padding:0;cursor:pointer;background:none}.csb-pill-toggle{display:flex;gap:2px;background:#ffffff0a;border-radius:5px;padding:2px}.csb-pill-btn{padding:3px 7px;border-radius:4px;border:none;background:transparent;color:#64748b;font-size:10px;cursor:pointer;white-space:nowrap}.csb-pill-btn:hover{color:#94a3b8}.csb-pill-btn.active{background:#22c55e33;color:#22c55e}.csb-grid-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.csb-grid-label{font-size:11px;color:#94a3b8;white-space:nowrap}.csb-grid-pills{display:flex;gap:3px;flex-wrap:wrap}.csb-grid-pill{padding:4px 8px;border-radius:5px;border:1px solid var(--border, #1e293b);background:transparent;color:#64748b;font-size:11px;cursor:pointer;min-width:28px;text-align:center}.csb-grid-pill:hover{border-color:#22c55e4d;color:#94a3b8}.csb-grid-pill.active{background:#22c55e26;border-color:#22c55e;color:#22c55e}.csb-preview-panel{border-top:1px solid var(--border, #1e293b);background:var(--bg-card, #111827);display:flex;flex-direction:column;max-height:50vh;min-height:200px}.csb-preview-label{font-size:10px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;padding:8px 14px 4px}.csb-preview-wrapper{flex:1;overflow:auto;padding:0 14px 14px}.csb-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9500;display:flex;align-items:center;justify-content:center}.csb-confirm-dialog{background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:12px;padding:20px 24px;max-width:360px;width:90%}.csb-confirm-title{font-size:15px;font-weight:600;color:#f1f5f9;margin:0 0 6px}.csb-confirm-body{font-size:13px;color:#94a3b8;margin:0 0 16px}.csb-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.csb-confirm-cancel{padding:7px 14px;border-radius:6px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer}.csb-confirm-discard{padding:7px 14px;border-radius:6px;border:none;background:#22c55e;color:#fff;font-size:12px;cursor:pointer}.csb-mobile-tabs{display:none;flex-shrink:0}@media(max-width:768px){.csb-mobile-tabs{display:flex;gap:6px;padding:8px 10px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;-webkit-overflow-scrolling:touch}.csb-mobile-tab{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-size:12px;font-weight:700;padding:8px 6px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;text-align:center}.csb-mobile-tab.active{background:#22c55e26;border-color:#22c55e59;color:#22c55e}.csb-mobile-tab:hover:not(.active){background:#ffffff1a;color:#ffffffb3}.csb-sidebar-cats{gap:4px;padding:6px 10px;background:#ffffff05;border-bottom-color:#ffffff0f;justify-content:center}.csb-cat-btn{flex:0 0 auto;min-width:44px;padding:6px 14px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;transition:background .15s,color .15s,border-color .15s}.csb-cat-btn.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e;border-bottom-color:#22c55e4d}.csb-sidebar-tabs{background:#ffffff08;border-bottom-color:#ffffff14}.csb-tab-btn{padding:7px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.csb-main{flex-direction:column}.csb-sidebar,.csb-content{display:none}.csb-sidebar.csb-mobile-active{display:flex;width:100%;flex:1;border-right:none}.csb-col.csb-mobile-active{display:flex;flex:1;width:100%;border-right:none}.csb-content.csb-mobile-content-active{display:flex;flex:1}.csb-content .csb-col:not(.csb-mobile-active){display:none}.csb-col-designs.csb-mobile-active{flex:1;max-width:none}.csb-col.csb-mobile-active:not(.csb-col-designs):not(.csb-col-options){width:100%;flex:1}.csb-col-options.csb-mobile-active{width:100%;flex:1}.csb-preview-panel{min-height:120px;max-height:140px}.csb-topbar{padding:0 10px;height:46px;gap:8px}.csb-topbar-title{font-size:12px;max-width:120px}.csb-back-btn{padding:5px 8px;font-size:12px}.csb-print-btn,.csb-save-list-btn{padding:5px 10px;font-size:12px}}.pbpb-root{display:flex;flex-direction:column;height:100vh;background:var(--bg-deep, #0a0f1e);color:#e2e8f0;overflow:hidden}.pbpb-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-card, #111827);border-bottom:1px solid var(--border, #1e293b);gap:10px;flex-shrink:0}.pbpb-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}.pbpb-topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.pbpb-topbar-title{font-size:14px;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbpb-back-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer;flex-shrink:0}.pbpb-back-btn:hover{background:#ffffff0f}.pbpb-print-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:none;background:#22c55e;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pbpb-print-btn:hover{background:#16a34a}.pbpb-print-btn:disabled{opacity:.5;cursor:not-allowed}.pbpb-save-list-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:1px solid rgba(34,197,94,.3);background:#22c55e1a;color:#22c55e;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pbpb-save-list-btn:hover{background:#22c55e2e}.pbpb-save-design-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer;white-space:nowrap}.pbpb-save-design-btn:hover{background:#ffffff0f}.pbpb-body{display:flex;flex:1;overflow:hidden}.pbpb-sidebar{width:220px;background:var(--bg-card, #111827);border-right:1px solid var(--border, #1e293b);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.pbpb-cat-pills{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border, #1e293b)}.pbpb-cat-pill{flex:1;padding:6px 0;border-radius:6px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:11px;font-weight:700;cursor:pointer;text-align:center}.pbpb-cat-pill.active{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.pbpb-sidebar-tabs{display:flex;border-bottom:1px solid var(--border, #1e293b)}.pbpb-sidebar-tab{flex:1;padding:8px 0;border:none;background:transparent;color:#64748b;font-size:11px;font-weight:600;cursor:pointer;text-align:center}.pbpb-sidebar-tab.active{color:#22c55e;border-bottom:2px solid #22c55e}.pbpb-sidebar-list{flex:1;overflow-y:auto;padding:6px 10px}.pbpb-filter-row{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:4px;cursor:pointer;font-size:12px;color:#cbd5e1}.pbpb-filter-row:hover{background:#ffffff0a}.pbpb-filter-row input[type=checkbox]{accent-color:#22c55e}.pbpb-filter-count{font-size:10px;color:#64748b;margin-left:auto}.pbpb-filter-all{font-weight:600;border-bottom:1px solid var(--border, #1e293b);margin-bottom:4px;padding-bottom:6px}.pbpb-sidebar-footer{padding:8px 12px;border-top:1px solid var(--border, #1e293b);font-size:11px;color:#64748b;text-align:center}.pbpb-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.pbpb-settings{flex:1;overflow-y:auto;padding:16px 20px}.pbpb-section{margin-bottom:20px}.pbpb-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:10px}.pbpb-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pbpb-row-label{font-size:12px;color:#94a3b8;min-width:100px;flex-shrink:0}.pbpb-pills{display:flex;gap:2px;border-radius:6px;overflow:hidden;border:1px solid var(--border, #1e293b)}.pbpb-pill{padding:5px 12px;border:none;background:transparent;color:#94a3b8;font-size:11px;font-weight:600;cursor:pointer}.pbpb-pill.active{background:#22c55e2e;color:#22c55e}.pbpb-pill:hover:not(.active){background:#ffffff0a}.pbpb-toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.pbpb-toggle-label{font-size:12px;color:#94a3b8;flex:1}.pbpb-toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;cursor:pointer;background:#334155;flex-shrink:0;transition:background .15s}.pbpb-toggle.on{background:#22c55e}.pbpb-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.pbpb-toggle.on:after{transform:translate(16px)}.pbpb-save-input-row{display:flex;gap:6px;align-items:center;padding:8px 0}.pbpb-save-input-row input{flex:1;padding:6px 10px;border-radius:6px;border:1px solid var(--border, #1e293b);background:var(--bg-deep, #0a0f1e);color:#e0e0e0;font-size:12px}.pbpb-save-input-row button{padding:6px 12px;border-radius:6px;border:none;font-size:12px;cursor:pointer}.pbpb-save-confirm{background:#22c55e;color:#fff}.pbpb-save-cancel{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.pbpb-designs-section{border-top:1px solid var(--border, #1e293b);padding-top:14px;margin-top:14px}.pbpb-design-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;margin-bottom:4px}.pbpb-design-card:hover{background:#ffffff0a}.pbpb-design-card.active{background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.pbpb-design-name{flex:1;font-size:12px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pbpb-design-menu-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:14px;padding:2px 4px}.pbpb-preview{width:340px;background:var(--bg-card, #111827);border-left:1px solid var(--border, #1e293b);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.pbpb-preview-toggle{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;border:1px solid var(--border, #1e293b);background:transparent;color:#94a3b8;font-size:12px;cursor:pointer}.pbpb-preview-toggle:hover{background:#ffffff0f}.pbpb-preview-toggle.active{color:#22c55e;border-color:#22c55e66}.pbpb-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9900}.pbpb-confirm-box{background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:12px;padding:24px;max-width:360px;text-align:center}.pbpb-confirm-box p{font-size:14px;color:#cbd5e1;margin:0 0 16px}.pbpb-confirm-actions{display:flex;gap:8px;justify-content:center}.pbpb-confirm-actions button{padding:6px 16px;border-radius:6px;font-size:12px;cursor:pointer;border:none}.pbpb-confirm-discard{background:#ef4444;color:#fff}.pbpb-confirm-stay{background:transparent;color:#94a3b8;border:1px solid var(--border, #1e293b)}.pbpb-progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9950}.pbpb-progress-box{background:var(--bg-card, #111827);border:1px solid var(--border, #1e293b);border-radius:12px;padding:24px 32px;text-align:center;min-width:280px}.pbpb-progress-title{font-size:14px;font-weight:600;color:#f1f5f9;margin-bottom:12px}.pbpb-progress-bar{width:100%;height:8px;background:#1e293b;border-radius:4px;overflow:hidden;margin-bottom:8px}.pbpb-progress-fill{height:100%;background:#22c55e;border-radius:4px;transition:width .2s}.pbpb-progress-text{font-size:11px;color:#64748b}.pbpb-info-note{font-size:11px;color:#64748b;font-style:italic;margin-top:2px}@keyframes pbpb-toast-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.pbpb-mobile-tabs{display:none;flex-shrink:0}@media(max-width:768px){.pbpb-mobile-tabs{display:flex;gap:6px;padding:8px 10px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;-webkit-overflow-scrolling:touch}.pbpb-mobile-tab{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffff73;font-size:12px;font-weight:700;padding:8px 6px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;text-align:center}.pbpb-mobile-tab.active{background:#22c55e26;border-color:#22c55e59;color:#22c55e}.pbpb-mobile-tab:hover:not(.active){background:#ffffff1a;color:#ffffffb3}.pbpb-cat-pills{gap:4px;padding:6px 10px;background:#ffffff05;justify-content:center}.pbpb-cat-pill{flex:0 0 auto;min-width:44px;padding:6px 14px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:13px;transition:background .15s,color .15s,border-color .15s}.pbpb-cat-pill.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.pbpb-sidebar-tabs{background:#ffffff08}.pbpb-sidebar-tabs button{padding:7px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.pbpb-body{flex-direction:column}.pbpb-sidebar,.pbpb-main{display:none}.pbpb-sidebar.pbpb-mobile-active{display:flex;width:100%;flex:1;border-right:none}.pbpb-main.pbpb-mobile-active{display:flex;width:100%;flex:1}.pbpb-main.pbpb-mobile-settings .pbpb-designs-section{display:none}.pbpb-main.pbpb-mobile-designs .pbpb-settings>.pbpb-save-input-row,.pbpb-main.pbpb-mobile-designs .pbpb-settings>.pbpb-section,.pbpb-main.pbpb-mobile-designs .pbpb-settings>.pbpb-row,.pbpb-main.pbpb-mobile-designs .pbpb-settings>button{display:none}.pbpb-main.pbpb-mobile-designs .pbpb-designs-section{display:block}.pbpb-preview{display:none}.pbpb-topbar{padding:0 10px;height:46px;gap:8px}.pbpb-topbar-title{font-size:12px;max-width:120px}.pbpb-back-btn{padding:5px 8px;font-size:12px}.pbpb-print-btn,.pbpb-save-design-btn,.pbpb-save-list-btn{padding:5px 10px;font-size:12px}}.cppm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:cppm-fadeIn .2s ease}@keyframes cppm-fadeIn{0%{opacity:0}to{opacity:1}}.cppm-modal{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:90%;max-width:480px;padding:32px;color:#f8fafc}.cppm-title{font-size:1.4rem;font-weight:700;margin:0 0 24px}.cppm-field{margin-bottom:16px}.cppm-label{display:block;font-size:.8rem;font-weight:600;color:#94a3b8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.cppm-input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#f8fafc;font-size:.95rem;outline:none;box-sizing:border-box}.cppm-input:focus{border-color:#22c55e80}.cppm-time-row{display:flex;gap:8px;align-items:center}.cppm-time-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 8px;color:#f8fafc;font-size:.95rem;outline:none;flex:1}.cppm-ampm-pills{display:flex;gap:2px;background:#ffffff0a;border-radius:8px;padding:2px}.cppm-ampm-pill{padding:8px 12px;border:none;background:transparent;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;border-radius:6px;transition:all .15s}.cppm-ampm-pill.active{background:#22c55e26;color:#22c55e}.cppm-type-select{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 12px;color:#f8fafc;font-size:.95rem;outline:none}.cppm-type-select option{background:#111;color:#f8fafc}.cppm-actions{display:flex;gap:12px;margin-top:24px}.cppm-btn{flex:1;padding:12px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:all .2s}.cppm-btn-cancel{background:transparent;color:#94a3b8}.cppm-btn-cancel:hover{background:#ffffff0f}.cppm-btn-blank{background:#ffffff0f;color:#f8fafc}.cppm-btn-blank:hover{background:#ffffff1f}.cppm-btn-generate{background:#22c55e1f;border-color:#22c55e33;color:#22c55e}.cppm-btn-generate:hover{background:#22c55e33}.rp-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#0f1225;color:#f8fafc;font-family:Inter,sans-serif;display:flex;flex-direction:column;overflow:hidden}.rp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;flex-shrink:0}.rp-close-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.rp-close-btn:hover{background:#ef444426;color:#ef4444;border-color:#ef44444d}.rp-period-counter{font-size:.85rem;color:#94a3b8;font-weight:600;letter-spacing:.03em}.rp-period-bar{height:4px;flex-shrink:0}.rp-period-info{text-align:center;padding:8px 24px 0;flex-shrink:0}.rp-period-name{font-size:1.2rem;font-weight:700;color:#f8fafc;margin:0 0 4px}.rp-period-notes{font-size:.8rem;color:#64748b;max-width:500px;margin:0 auto}.rp-timer-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:24px 24px 8px}.rp-timer{font-size:5rem;font-weight:700;font-family:SF Mono,Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f8fafc;line-height:1}.rp-timer.rp-timer--warning{color:#eab308}.rp-timer.rp-timer--danger{color:#ef4444}.rp-progress-bar{width:100%;max-width:500px;height:6px;background:#ffffff14;border-radius:3px;margin-top:16px;overflow:hidden}.rp-progress-fill{height:100%;border-radius:3px;transition:width .3s linear}.rp-plays-section{flex:1;overflow-y:auto;padding:16px 24px;max-width:500px;width:100%;margin:0 auto}.rp-plays-label{font-size:.7rem;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-bottom:8px}.rp-play-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;margin-bottom:4px;cursor:pointer;transition:background .15s,opacity .15s;-webkit-user-select:none;user-select:none}.rp-play-item:hover{background:#ffffff12}.rp-play-item.rp-play-checked{opacity:.45}.rp-play-item.rp-play-checked .rp-play-name{text-decoration:line-through}.rp-play-check{width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,255,255,.2);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s,background .15s}.rp-play-checked .rp-play-check{border-color:#22c55e;background:#22c55e33}.rp-play-call{color:#eab308;font-weight:700;font-size:.8rem;flex-shrink:0}.rp-play-name{color:#e2e8f0;font-size:.85rem;font-weight:500}.rp-play-formation{color:#64748b;font-size:.75rem;margin-left:auto;flex-shrink:0}.rp-next-hint{text-align:center;font-size:1.17rem;color:#64748b;padding:0 24px 4px;flex-shrink:0}.rp-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px 32px;flex-shrink:0}.rp-prev-btn,.rp-next-btn{width:48px;height:48px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.rp-prev-btn:hover,.rp-next-btn:hover{background:#ffffff24;color:#f8fafc}.rp-prev-btn:disabled,.rp-next-btn:disabled{opacity:.3;cursor:default}.rp-pause-btn{width:72px;height:72px;border-radius:50%;background:#22c55e26;border:2px solid rgba(34,197,94,.4);color:#22c55e;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,border-color .15s}.rp-pause-btn:hover{background:#22c55e40;border-color:#22c55e99}.rp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9600;padding:24px}.rp-modal{background:#1a1d35;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:380px;width:100%;text-align:center}.rp-modal h3{margin:0 0 8px;font-size:1.3rem;font-weight:700;color:#f8fafc}.rp-modal p{margin:0 0 24px;color:#94a3b8;font-size:.9rem}.rp-modal-next-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.04em;margin-bottom:4px}.rp-modal-next-name{font-size:1rem;color:#e2e8f0;font-weight:600;margin-bottom:20px}.rp-modal-start-btn{background:#22c55e26;border:2px solid rgba(34,197,94,.4);border-radius:12px;padding:14px 32px;color:#22c55e;font-size:1rem;font-weight:700;cursor:pointer;width:100%;transition:background .15s}.rp-modal-start-btn:hover{background:#22c55e40}.rp-summary{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.rp-summary-icon{width:64px;height:64px;border-radius:50%;background:#22c55e26;border:2px solid rgba(34,197,94,.3);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.rp-summary h2{margin:0 0 24px;font-size:1.5rem;font-weight:700;color:#f8fafc}.rp-summary-stats{display:flex;gap:32px;margin-bottom:32px}.rp-summary-stat{text-align:center}.rp-summary-stat-value{font-size:1.8rem;font-weight:700;color:#22c55e;display:block}.rp-summary-stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.04em}.rp-done-btn{background:#22c55e26;border:2px solid rgba(34,197,94,.4);border-radius:12px;padding:14px 48px;color:#22c55e;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.rp-done-btn:hover{background:#22c55e40}@media(max-width:480px){.rp-timer{font-size:3.5rem}.rp-pause-btn{width:60px;height:60px}.rp-prev-btn,.rp-next-btn{width:42px;height:42px}.rp-controls{gap:16px;padding-bottom:24px}.rp-header,.rp-plays-section{padding:12px 16px}.rp-summary-stats{gap:20px}}.pp-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#030606;display:flex;color:#f8fafc;font-family:Inter,sans-serif;z-index:9000}.pp-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.pp-header{display:flex;align-items:center;gap:16px;padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.06)}.pp-tabs{display:flex;gap:4px;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.06)}.pp-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 20px;color:#94a3b8;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s}.pp-tab:hover{color:#f8fafc}.pp-tab.active{color:#22c55e;border-bottom-color:#22c55e}.pp-tab-badge{background:#22c55e26;color:#22c55e;font-size:.72rem;font-weight:700;padding:1px 7px;border-radius:10px}.pp-back-btn:hover{background:#ffffff14}.pp-back-btn{background:none;border:1px solid rgba(255,255,255,.25);color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s;margin-left:40px}.pp-title{font-size:1.5rem;font-weight:700;margin:0;flex:1}.pp-search{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 14px;color:#f8fafc;font-size:.9rem;width:220px;outline:none}.pp-search:focus{border-color:#22c55e66}.pp-new-btn{background:#22c55e1f;border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:10px 20px;color:#22c55e;font-weight:600;font-size:.9rem;cursor:pointer;white-space:nowrap;transition:all .2s}.pp-new-btn:hover{background:#22c55e33}.pp-list{flex:1;overflow-y:auto;padding:16px 32px}.pp-table{width:100%;border-collapse:collapse}.pp-table th{text-align:left;padding:10px 14px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.06)}.pp-table td{padding:14px;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.pp-table tr:hover td{background:#ffffff08}.pp-row-clickable{cursor:pointer}.pp-row-clickable:hover .pp-name-cell{color:#22c55e}.pp-name-cell{font-weight:600;color:#f8fafc}.pp-periods-cell{display:flex;align-items:center;gap:8px}.pp-start-btn{background:none;border:none;color:#22c55e;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s;opacity:.7}.pp-start-btn:hover{background:#22c55e1f;opacity:1}.pp-print-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.pp-print-btn:hover{background:#ffffff14;color:#22c55e}.pp-type-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.pp-menu-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:6px;border-radius:6px;font-size:1.1rem;line-height:1}.pp-menu-btn:hover{background:#ffffff14;color:#f8fafc}.pp-menu-container{position:relative;display:inline-block}.pp-dropdown{position:absolute;right:0;top:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px;min-width:140px;z-index:100;box-shadow:0 8px 24px #00000080}.pp-dropdown-item{display:block;width:100%;padding:8px 12px;background:none;border:none;color:#f8fafc;font-size:.85rem;text-align:left;cursor:pointer;border-radius:6px}.pp-dropdown-item:hover{background:#ffffff14}.pp-dropdown-item.danger{color:#ef4444}.pp-dropdown-item.danger:hover{background:#ef44441a}.pp-empty{text-align:center;padding:80px 20px;color:#64748b}.pp-empty h3{font-size:1.2rem;margin:0 0 8px;color:#94a3b8}.pp-empty p{margin:0;font-size:.9rem}.pp-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10001}.pp-confirm-modal{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;max-width:380px;width:90%}.pp-confirm-title{font-size:1.1rem;font-weight:700;margin:0 0 12px}.pp-confirm-text{color:#94a3b8;font-size:.9rem;margin:0 0 20px}.pp-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.pp-confirm-btn{padding:8px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.pp-confirm-btn-cancel{background:transparent;color:#94a3b8}.pp-confirm-btn-delete{background:#ef444426;border-color:#ef44444d;color:#ef4444}@media(max-width:768px){.pp-header{flex-wrap:wrap;padding:16px;gap:10px}.pp-back-btn{margin-left:54px}.pp-search{width:100%;order:10}.pp-new-btn{width:100%;order:11;text-align:center}.pp-list{padding:12px 16px}.pp-table th:nth-child(4),.pp-table td:nth-child(4){display:none}.pp-name-cell,.pp-table td{font-size:.82rem}}@media(max-width:600px)and (orientation:portrait){.pp-header{padding-left:60px}}.tppp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9500;display:flex;align-items:center;justify-content:center}.tppp-modal{background:#111414;border:1px solid rgba(255,255,255,.08);border-radius:14px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.tppp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.tppp-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#f8fafc}.tppp-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;display:flex}.tppp-close:hover{color:#f8fafc;background:#ffffff0f}.tppp-controls{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px}.tppp-control-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tppp-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;min-width:60px}.tppp-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 10px;color:#f8fafc;font-size:.85rem;outline:none;flex:1;min-width:0}.tppp-select option{background:#111}.tppp-filter-select{flex:1;min-width:120px}.tppp-category-tabs{display:flex;gap:4px}.tppp-cat-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 14px;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.tppp-cat-tab:hover{background:#ffffff14}.tppp-cat-tab.active{background:#22c55e26;border-color:#22c55e66;color:#22c55e}.tppp-filter-pills{display:flex;gap:4px}.tppp-filter-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 12px;color:#94a3b8;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s}.tppp-filter-pill:hover{background:#ffffff14}.tppp-filter-pill.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.tppp-search{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:7px 12px;color:#f8fafc;font-size:.85rem;outline:none}.tppp-search:focus{border-color:#22c55e66}.tppp-search::placeholder{color:#4a5568}.tppp-play-list{flex:1;overflow-y:auto;padding:8px 0}.tppp-select-all-row{padding:4px 20px 8px}.tppp-select-all-btn{background:none;border:none;color:#22c55e;font-size:.8rem;font-weight:600;cursor:pointer;padding:2px 0}.tppp-select-all-btn:hover{text-decoration:underline}.tppp-empty{padding:40px 20px;text-align:center;color:#4a5568;font-size:.9rem}.tppp-play-row{display:flex;align-items:center;gap:12px;padding:8px 20px;cursor:pointer;transition:background .12s}.tppp-play-row:hover{background:#ffffff0a}.tppp-play-row.selected{background:#22c55e0f}.tppp-checkbox{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .12s}.tppp-checkbox.checked{background:#22c55e;border-color:#22c55e;color:#fff}.tppp-play-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tppp-play-name{font-size:.9rem;font-weight:600;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tppp-play-formation{font-size:.75rem;color:#64748b}.tppp-play-call{font-size:.78rem;font-weight:600;color:#eab308;background:#eab3081a;padding:2px 8px;border-radius:4px;flex-shrink:0}.tppp-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid rgba(255,255,255,.06)}.tppp-selected-count{font-size:.85rem;color:#94a3b8;font-weight:500}.tppp-footer-actions{display:flex;gap:8px}.tppp-cancel-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 20px;color:#f8fafc;font-size:.85rem;font-weight:600;cursor:pointer}.tppp-cancel-btn:hover{background:#ffffff1a}.tppp-save-btn{background:#22c55e;border:none;border-radius:8px;padding:8px 24px;color:#fff;font-size:.85rem;font-weight:700;cursor:pointer}.tppp-save-btn:hover{background:#16a34a}.sppm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:9500;display:flex;align-items:center;justify-content:center}.sppm-modal{background:#111414;border:1px solid rgba(255,255,255,.08);border-radius:14px;width:90%;max-width:520px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.sppm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.sppm-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#f8fafc}.sppm-plan-name{margin:4px 0 0;font-size:.8rem;color:#64748b}.sppm-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;display:flex}.sppm-close:hover{color:#f8fafc;background:#ffffff0f}.sppm-loading,.sppm-empty{padding:40px 20px;text-align:center;color:#64748b;font-size:.9rem}.sppm-empty-hint{font-size:.8rem;color:#4a5568;margin-top:6px}.sppm-tabs{display:flex;padding:0 20px;gap:4px;border-bottom:1px solid rgba(255,255,255,.06)}.sppm-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 16px;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.sppm-tab:hover{color:#f8fafc}.sppm-tab.active{color:#22c55e;border-bottom-color:#22c55e}.sppm-body{flex:1;overflow-y:auto;padding:16px 20px}.sppm-section-desc{font-size:.8rem;color:#64748b;margin:0 0 14px}.sppm-share-btn{width:100%;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:8px;padding:12px 16px;color:#22c55e;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.sppm-share-btn:hover:not(:disabled){background:#22c55e2e}.sppm-share-btn:disabled{opacity:.5;cursor:not-allowed}.sppm-shared-row{display:flex;align-items:center;justify-content:space-between;background:#22c55e0f;border:1px solid rgba(34,197,94,.15);border-radius:8px;padding:12px 16px}.sppm-shared-info{display:flex;align-items:center;gap:8px;color:#22c55e;font-size:.9rem;font-weight:600}.sppm-revoke-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;padding:5px 14px;color:#ef4444;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.sppm-revoke-btn:hover:not(:disabled){background:#ef44442e}.sppm-revoke-btn:disabled{opacity:.5;cursor:not-allowed}.sppm-role-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.sppm-role-row:last-child{border-bottom:none}.sppm-role-info{display:flex;align-items:center;gap:10px}.sppm-role-label{font-size:.9rem;font-weight:600;color:#e2e8f0}.sppm-role-count{font-size:.75rem;color:#64748b}.sppm-share-role-btn{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:6px;padding:5px 16px;color:#22c55e;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s}.sppm-share-role-btn:hover:not(:disabled){background:#22c55e2e}.sppm-share-role-btn:disabled{opacity:.5;cursor:not-allowed}.sppm-member-list{display:flex;flex-direction:column}.sppm-member-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04)}.sppm-member-row:last-child{border-bottom:none}.sppm-member-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.sppm-member-name{font-size:.88rem;font-weight:600;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sppm-member-role{font-size:.7rem;color:#64748b;background:#ffffff0a;padding:2px 8px;border-radius:4px;flex-shrink:0}.sppm-member-pos{font-size:.7rem;color:#22c55e;flex-shrink:0}.sppm-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.sppm-share-count{font-size:.78rem;color:#64748b}.pdp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.pdp-modal{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.pdp-header{display:flex;align-items:center;gap:12px;padding:20px 24px 12px}.pdp-title{font-size:1.1rem;font-weight:700;margin:0;flex:1;color:#f8fafc}.pdp-search{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f8fafc;padding:8px 14px;font-size:.85rem;outline:none;margin:0 24px 12px;box-sizing:border-box}.pdp-search:focus{border-color:#22c55e66}.pdp-list{flex:1;overflow-y:auto;padding:0 24px}.pdp-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s}.pdp-item:hover{background:#ffffff0d}.pdp-item-check{width:20px;height:20px;border-radius:4px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.pdp-item-check.checked{background:#22c55e;border-color:#22c55e}.pdp-item-name{flex:1;font-size:.85rem;color:#e2e8f0}.pdp-item-category{font-size:.65rem;padding:2px 6px;border-radius:6px;background:#ffffff0f;color:#94a3b8}.pdp-empty{text-align:center;color:#64748b;padding:30px;font-size:.85rem}.pdp-footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06)}.pdp-btn{flex:1;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.pdp-btn-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.pdp-btn-save{background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#22c55e}.pdp-btn-save:hover{background:#22c55e33}.ppd-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#030606;display:flex;flex-direction:column;color:#f8fafc;font-family:Inter,sans-serif;z-index:9000}.ppd-topbar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap}.ppd-back-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center}.ppd-back-btn:hover{background:#ffffff0f;color:#f8fafc}.ppd-name-input{background:transparent;border:1px solid transparent;color:#f8fafc;font-size:1.15rem;font-weight:700;padding:4px 8px;border-radius:6px;min-width:160px;max-width:300px;outline:none}.ppd-name-input:hover,.ppd-name-input:focus{border-color:#ffffff1f;background:#ffffff0a}.ppd-topbar-field{display:flex;align-items:center;gap:6px}.ppd-topbar-label{font-size:.7rem;color:#64748b;text-transform:uppercase;font-weight:600;letter-spacing:.04em}.ppd-topbar-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 8px;color:#f8fafc;font-size:.85rem;outline:none;width:120px}.ppd-topbar-input:focus{border-color:#22c55e66}.ppd-topbar-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 8px;color:#f8fafc;font-size:.85rem;outline:none}.ppd-topbar-select option{background:#111}.ppd-time-available{margin-left:auto;font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:6px}.ppd-time-positive{color:#22c55e;background:#22c55e14}.ppd-time-negative{color:#ef4444;background:#ef444414}.ppd-save-indicator{font-size:.75rem;color:#64748b;font-style:italic}.ppd-print-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 14px;color:#f8fafc;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.ppd-print-btn:hover{background:#ffffff1a}.ppd-start-btn{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:8px;padding:6px 14px;color:#22c55e;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.ppd-start-btn:hover{background:#22c55e2e}.ppd-share-btn{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:8px;padding:6px 14px;color:#22c55e;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.ppd-share-btn:hover{background:#22c55e2e}.ppd-readonly-badge{background:#eab3081f;border:1px solid rgba(234,179,8,.3);border-radius:6px;padding:4px 12px;color:#eab308;font-size:.78rem;font-weight:600}.ppd-body{flex:1;display:flex;overflow:hidden}.ppd-sidebar{width:220px;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.ppd-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.ppd-sidebar-settings-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.ppd-sidebar-settings-btn:hover{color:#f8fafc;background:#ffffff0f}.ppd-preset-card{display:flex;align-items:center;gap:8px;padding:9px 12px;margin:2px 8px;cursor:grab;transition:background .15s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none;border:1px solid rgba(34,197,94,.25);border-radius:8px;background:#22c55e1a}.ppd-preset-card:hover{background:#22c55e2e;border-color:#22c55e66;box-shadow:0 1px 4px #0003}.ppd-preset-card:active{cursor:grabbing;background:#22c55e40;border-color:#22c55e80}.ppd-preset-grip{color:#4a5568;flex-shrink:0;opacity:.5;transition:opacity .15s}.ppd-preset-card:hover .ppd-preset-grip{opacity:1}.ppd-preset-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ppd-preset-name{font-size:.85rem;font-weight:500}.ppd-preset-dur{font-size:.75rem;color:#64748b;margin-left:auto}.ppd-settings-panel{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06)}.ppd-settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ppd-settings-label{font-size:.78rem;color:#94a3b8}.ppd-settings-input{width:60px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:4px 6px;color:#f8fafc;font-size:.8rem;text-align:right;outline:none}.ppd-main{flex:1;overflow-y:auto;padding:24px}.ppd-drop-zone{min-height:200px;border:2px dashed rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:border-color .2s,background .2s}.ppd-drop-zone.dragover{border-color:#22c55e66;background:#22c55e08}.ppd-drop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;text-align:center}.ppd-drop-empty-icon{width:48px;height:48px;margin-bottom:12px;opacity:.3}.ppd-drop-empty-mobile{display:none}.ppd-period{display:flex;align-items:flex-start;gap:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px;margin-bottom:8px;transition:opacity .15s,border-color .15s}.ppd-period--dragging{opacity:.4}.ppd-drop-indicator{height:3px;background:#22c55e;border-radius:2px;margin:-2px 0;position:relative;z-index:1}.ppd-period-drag{cursor:grab;color:#4a5568;padding:4px 0;flex-shrink:0;display:flex;align-items:center}.ppd-period-drag:active{cursor:grabbing}.ppd-period-color{width:4px;border-radius:2px;align-self:stretch;flex-shrink:0}.ppd-period-body{flex:1;min-width:0}.ppd-period-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.ppd-period-name-input{background:transparent;border:1px solid transparent;color:#f8fafc;font-size:.95rem;font-weight:600;padding:2px 6px;border-radius:4px;outline:none;min-width:100px;flex:1}.ppd-period-name-input:hover,.ppd-period-name-input:focus{border-color:#ffffff1f;background:#ffffff0a}.ppd-period-time-range{font-size:.78rem;color:#64748b;white-space:nowrap}.ppd-period-duration{display:flex;align-items:center;gap:4px;flex-shrink:0}.ppd-period-dur-btn{width:24px;height:24px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#f8fafc;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;padding:0}.ppd-period-dur-btn:hover{background:#ffffff1f}.ppd-period-dur-input{width:48px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:3px 4px;color:#f8fafc;font-size:.85rem;text-align:center;outline:none}.ppd-period-dur-label{font-size:.75rem;color:#64748b}.ppd-period-notes{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:6px 8px;color:#cbd5e1;font-size:.8rem;resize:vertical;min-height:28px;outline:none;font-family:inherit;margin-top:4px}.ppd-period-notes:focus{border-color:#22c55e4d}.ppd-period-plays{margin-top:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.ppd-period-plays-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.ppd-add-plays-btn{background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:6px;padding:4px 12px;color:#22c55e;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .15s}.ppd-add-plays-btn:hover{background:#22c55e2e}.ppd-show-print-toggle{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none}.ppd-show-print-toggle input{accent-color:#22c55e;cursor:pointer}.ppd-period-play-tags{display:flex;flex-wrap:wrap;gap:4px}.ppd-play-tag{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:3px 8px;font-size:.75rem}.ppd-play-tag-name{color:#e2e8f0;font-weight:500;display:flex;align-items:center;gap:4px}.ppd-play-tag-call{color:#eab308;font-weight:600}.ppd-play-tag-formation{color:#64748b;font-size:.7rem}.ppd-play-tag-remove{background:none;border:none;color:#64748b;cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;line-height:1}.ppd-play-tag-remove:hover{color:#ef4444;background:#ef44441a}.ppd-period-actions{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.ppd-mobile-toolbar{display:none}.ppd-mobile-reorder{display:none;flex-direction:row;gap:4px}.ppd-mobile-reorder-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;padding:4px;border-radius:5px;display:flex;align-items:center;justify-content:center}.ppd-mobile-reorder-btn:active{background:#22c55e33;color:#22c55e}.ppd-mobile-reorder-btn:disabled{opacity:.25;cursor:default}.ppd-period-delete{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;flex-shrink:0}.ppd-period-delete:hover{color:#ef4444;background:#ef44441a}.ppd-mobile-add-period{display:none;margin-bottom:12px}.ppd-mobile-period-select{width:100%;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:8px;padding:10px 14px;color:#22c55e;font-size:.9rem;font-weight:600;outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2322c55e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.ppd-mobile-period-select option{background:#111;color:#f8fafc}.ppd-sidebar-toggle{display:none;background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:6px}@media(max-width:768px){.ppd-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;background:#0a0e0e;transform:translate(-100%);transition:transform .25s ease}.ppd-sidebar.open{transform:translate(0)}.ppd-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.ppd-sidebar-toggle{display:none}.ppd-mobile-add-period{display:block}.ppd-topbar{padding:10px 12px;gap:8px}.ppd-name-input{font-size:1rem;min-width:120px}.ppd-topbar-field{display:none}.ppd-main{padding:16px}.ppd-period{flex-wrap:wrap}.ppd-period-color{display:none}.ppd-period{border:3px solid var(--period-color);border-radius:10px}.ppd-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;order:0;margin-bottom:4px}.ppd-mobile-toolbar .ppd-mobile-reorder{display:flex;flex-direction:row;gap:4px}.ppd-mobile-toolbar .ppd-period-delete{position:static;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px}.ppd-period-top{flex-wrap:wrap}.ppd-period-duration{width:100%}.ppd-period-notes{width:97%}.ppd-period-drag,.ppd-period-actions,.ppd-drop-empty-desktop{display:none}.ppd-drop-empty-mobile{display:block}}.cdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:cdm-fadeIn .2s ease}@keyframes cdm-fadeIn{0%{opacity:0}to{opacity:1}}.cdm-modal{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:90%;max-width:440px;padding:28px}.cdm-title{font-size:1.2rem;font-weight:700;margin:0 0 20px;color:#f8fafc}.cdm-field{margin-bottom:16px}.cdm-label{display:block;font-size:.8rem;font-weight:600;color:#94a3b8;margin-bottom:6px}.cdm-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f8fafc;padding:10px 14px;font-size:.9rem;outline:none;transition:border-color .2s;box-sizing:border-box}.cdm-input:focus{border-color:#22c55e66}.cdm-input::placeholder{color:#475569}.cdm-select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f8fafc;padding:10px 14px;font-size:.9rem;outline:none;cursor:pointer;box-sizing:border-box}.cdm-select option{background:#1a1a1a;color:#f8fafc}.cdm-category-pills{display:flex;gap:6px;flex-wrap:wrap}.cdm-category-pill{padding:5px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .2s}.cdm-category-pill:hover{background:#ffffff0f}.cdm-category-pill.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.cdm-no-categories{font-size:.8rem;color:#475569;font-style:italic}.cdm-field-view-pills{display:flex;gap:4px;flex-wrap:wrap}.cdm-field-view-pill{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .2s}.cdm-field-view-pill:hover{background:#ffffff0f}.cdm-field-view-pill.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.cdm-tags-input-row{display:flex;gap:8px}.cdm-tags-input-row .cdm-input{flex:1}.cdm-tags-add-btn{padding:0 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap}.cdm-tags-add-btn:hover{background:#ffffff1a;color:#f8fafc}.cdm-tags-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.cdm-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;background:#6366f11f;color:#818cf8;font-size:.75rem;font-weight:500}.cdm-tag-remove{background:none;border:none;color:#818cf8;cursor:pointer;padding:0;font-size:.9rem;line-height:1;opacity:.6}.cdm-tag-remove:hover{opacity:1}.cdm-actions{display:flex;gap:10px;margin-top:24px}.cdm-btn{flex:1;padding:12px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.cdm-btn:disabled{opacity:.4;cursor:not-allowed}.cdm-btn-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.cdm-btn-cancel:hover:not(:disabled){background:#ffffff1a}.cdm-btn-create{background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#22c55e}.cdm-btn-create:hover:not(:disabled){background:#22c55e33}.sdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.sdm-modal{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:90%;max-width:400px;padding:28px}.sdm-title{font-size:1.1rem;font-weight:700;margin:0 0 6px;color:#f8fafc}.sdm-subtitle{font-size:.8rem;color:#64748b;margin:0 0 20px}.sdm-loading{color:#64748b;font-size:.85rem;padding:20px 0;text-align:center}.sdm-no-team{color:#94a3b8;font-size:.85rem;padding:20px 0;text-align:center;line-height:1.5}.sdm-status{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:16px}.sdm-status-label{font-size:.85rem;color:#e2e8f0}.sdm-status-badge{padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:600}.sdm-status-badge.shared{background:#22c55e1f;color:#22c55e}.sdm-status-badge.not-shared{background:#ffffff0f;color:#64748b}.sdm-team-name{font-size:.8rem;color:#94a3b8;margin-bottom:16px}.sdm-actions{display:flex;gap:10px}.sdm-btn{flex:1;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.sdm-btn:disabled{opacity:.4;cursor:not-allowed}.sdm-btn-close{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.sdm-btn-share{background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#22c55e}.sdm-btn-share:hover:not(:disabled){background:#22c55e33}.sdm-btn-unshare{background:#ef44441f;border:1px solid rgba(239,68,68,.2);color:#ef4444}.sdm-btn-unshare:hover:not(:disabled){background:#ef444433}.dep-sidebar{width:220px;background:var(--bg-panel, #111);border-right:1px solid var(--border, #1e293b);display:flex;flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:200;flex-shrink:0}.dep-sidebar.collapsed{width:54px}.dep-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.dep-header-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.dep-sidebar.collapsed .dep-header-label{display:none}.dep-collapse-btn{width:28px;height:28px;border-radius:6px;background:none;border:1px solid rgba(255,255,255,.06);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dep-collapse-btn:hover{color:#f8fafc;background:#ffffff0f}.dep-count{font-size:.65rem;color:#64748b;padding:4px 12px;text-align:center}.dep-sidebar.collapsed .dep-count{padding:4px;font-size:.6rem}.dep-items{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.dep-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;border:1px solid transparent;background:none;color:#e2e8f0;font-size:.8rem;cursor:pointer;transition:all .15s;user-select:none;-webkit-user-select:none;width:100%;text-align:left;touch-action:none;position:relative}.dep-item:hover{background:#ffffff0d;border-color:#ffffff14}.dep-item:active{background:#22c55e14;border-color:#22c55e33}.dep-item.active-place{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.dep-sidebar.collapsed .dep-item{justify-content:center;padding:8px;position:relative}.dep-sidebar.collapsed .dep-item-label{display:none}.dep-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dep-icon-img{object-fit:contain;image-rendering:auto;pointer-events:none}.dep-icon-bag{width:22px;height:14px;border-radius:3px;background:#6b7280;border:1.5px solid #9ca3af}.dep-variant-arrow{margin-left:auto;flex-shrink:0;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;transition:all .15s}.dep-variant-arrow:hover{color:#e2e8f0;background:#ffffff14}.dep-item.active-place .dep-variant-arrow{color:#22c55e}.dep-sidebar.collapsed .dep-variant-arrow{margin-left:0;position:absolute;bottom:-2px;right:2px;width:16px;height:16px}.dep-info-btn{color:#94a3b8!important}.dep-info-btn:hover{color:#e2e8f0!important}.dep-info-btn.has-info{color:#38bdf8!important}.dep-info-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;margin-left:auto;flex-shrink:0}.dep-divider{height:1px;background:#ffffff0f;margin:4px 0}.dep-hint{font-size:.65rem;color:#475569;padding:8px 12px;text-align:center;line-height:1.4}.dep-sidebar.collapsed .dep-hint{display:none}.dep-variant-menu{position:fixed;z-index:10000;background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d;min-width:180px;max-width:280px}.dep-variant-menu-title{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;padding:0 4px}.dep-variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dep-variant-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:8px;border:2px solid transparent;background:#ffffff08;cursor:pointer;transition:all .15s}.dep-variant-option:hover{background:#ffffff14;border-color:#ffffff1f}.dep-variant-option.active{background:#22c55e1f;border-color:#22c55e66}.dep-variant-img{width:48px;height:48px;object-fit:contain;pointer-events:none}.dep-variant-label{font-size:.6rem;color:#94a3b8;text-align:center;line-height:1.2}.dep-variant-option.active .dep-variant-label{color:#22c55e}.dl-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#030606;display:flex;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dl-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:calc(var(--sat, 0px))}.dl-header{display:flex;align-items:center;gap:16px;padding:20px 32px 12px;flex-wrap:wrap}.dl-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#94a3b8;font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s;padding:6px 10px 6px 45px}.dl-back-btn:hover{color:#f8fafc;background:#ffffff0f}.dl-title{font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.dl-search{flex:1;min-width:160px;max-width:320px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#f8fafc;padding:8px 14px;font-size:.875rem;outline:none;transition:border-color .2s}.dl-search:focus{border-color:#22c55e66}.dl-search::placeholder{color:#64748b}.dl-new-btn{display:flex;align-items:center;gap:6px;background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#22c55e;padding:8px 18px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dl-new-btn:hover{background:#22c55e33}.dl-categories-btn{display:flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;padding:8px 14px;border-radius:10px;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.dl-categories-btn:hover{color:#f8fafc;background:#ffffff14}.dl-tabs{display:flex;gap:2px;padding:0 32px;border-bottom:1px solid rgba(255,255,255,.06)}.dl-tab{padding:10px 20px;background:none;border:none;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.dl-tab:hover{color:#94a3b8}.dl-tab.active{color:#22c55e;border-bottom-color:#22c55e}.dl-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ffffff14;color:#94a3b8;font-size:.7rem;font-weight:600;margin-left:8px}.dl-filters{display:flex;align-items:center;gap:10px;padding:12px 32px;flex-wrap:wrap}.dl-filter-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f8fafc;padding:6px 12px;font-size:.8rem;outline:none;cursor:pointer}.dl-filter-select option{background:#1a1a1a;color:#f8fafc}.dl-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;background:#6366f11f;color:#818cf8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.dl-tag-chip:hover{background:#6366f133}.dl-tag-chip.active{background:#6366f140;border:1px solid rgba(99,102,241,.4)}.dl-clear-filters{background:none;border:none;color:#64748b;font-size:.75rem;cursor:pointer;padding:4px 8px}.dl-clear-filters:hover{color:#94a3b8}.dl-list{flex:1;overflow-y:auto;padding:16px 32px 32px}.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.dl-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.dl-card:hover{border-color:#ffffff1f;background:#ffffff0d}.dl-card-preview{height:195px;background:#1a2236;border-bottom:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden}.dl-card-preview-field{width:100%;height:100%;position:relative}.dl-card-routes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.dl-card-element{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.dl-card-element.offense{background:#3b82f6}.dl-card-element.defense{background:#ef4444}.dl-card-element.cone{background:#f97316;border-radius:0;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.dl-card-element.coach{background:#22c55e}.dl-card-element.ball{background:#92400e;border-radius:40%}.dl-card-element.bag{background:#6b7280;border-radius:2px;width:12px;height:8px}.dl-card-element.dummy{background:#eab308}.dl-card-icon{position:absolute;width:20px;height:24px;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.dl-card-icon.cone,.dl-card-icon.bag,.dl-card-icon.dummy{width:16px;height:16px}.dl-card-icon.ball{width:10px;height:10px;z-index:1}.dl-card-icon.flipped{transform:translate(-50%,-50%) scaleX(-1)}.dl-card-body{padding:12px}.dl-card-name{font-size:.9rem;font-weight:600;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dl-card-category{display:inline-block;padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:600;background:#ffffff0f;color:#94a3b8}.dl-card-tag{display:inline-block;padding:2px 6px;border-radius:6px;font-size:.65rem;font-weight:500;background:#6366f11a;color:#818cf8}.dl-card-field-badge{font-size:.65rem;color:#64748b;margin-left:auto}.dl-card-actions{display:flex;justify-content:space-between;margin-top:10px;gap:8px}.dl-card-action-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0a;color:#94a3b8;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.dl-card-action-btn:hover{background:#ffffff14;color:#f8fafc}.dl-card-edit-btn:hover{border-color:#22c55e4d;color:#22c55e}.dl-card-view-btn{margin-left:auto}.dl-card-view-btn:hover{border-color:#6366f14d;color:#818cf8}.dl-card-menu-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;background:#00000080;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s;z-index:2}.dl-card:hover .dl-card-menu-btn{opacity:1}.dl-card-menu-btn:hover{background:#000000b3;color:#f8fafc}.dl-dropdown{position:absolute;top:38px;right:8px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:140px;z-index:100;box-shadow:0 8px 24px #00000080;overflow:hidden}.dl-dropdown-item{display:block;width:100%;padding:10px 14px;background:none;border:none;color:#e2e8f0;font-size:.8rem;text-align:left;cursor:pointer;transition:background .15s}.dl-dropdown-item:hover{background:#ffffff14}.dl-dropdown-item.danger{color:#ef4444}.dl-dropdown-item.danger:hover{background:#ef44441a}.dl-copy-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.dl-copy-btn:hover{background:#22c55e33}.dl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#64748b;text-align:center}.dl-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.4}.dl-empty p{margin:4px 0;font-size:.9rem}.dl-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.dl-confirm-modal{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;max-width:380px;width:90%}.dl-confirm-title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.dl-confirm-text{color:#94a3b8;font-size:.85rem;margin:0 0 20px;line-height:1.5}.dl-confirm-actions{display:flex;gap:10px}.dl-confirm-btn{flex:1;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.dl-confirm-btn-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.dl-confirm-btn-cancel:hover{background:#ffffff1a}.dl-confirm-btn-delete{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.dl-confirm-btn-delete:hover{background:#ef444440}@media(max-width:768px){.dl-header{padding:16px 16px 8px}.dl-filters{padding:8px 16px}.dl-list{padding:12px 16px 24px}.dl-tabs{padding:0 16px}.dl-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}.dtb-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;min-height:48px}.dtb-back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#94a3b8;font-size:.8rem;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s;flex-shrink:0}.dtb-back-btn:hover{color:#f8fafc;background:#ffffff0f}.dtb-name-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f8fafc;padding:6px 12px;font-size:.85rem;font-weight:600;outline:none;min-width:140px;max-width:240px;transition:border-color .2s}.dtb-name-input:focus{border-color:#22c55e66}.dtb-separator{width:1px;height:24px;background:#ffffff14;flex-shrink:0}.dtb-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#f8fafc;padding:5px 8px;font-size:.75rem;outline:none;cursor:pointer;display:flex;align-items:center;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.dtb-select option{background:#1a1a1a;color:#f8fafc}.dtb-cat-dropdown{position:relative}.dtb-cat-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#1a1a2e;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 0;z-index:100;min-width:160px;max-height:240px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.dtb-cat-option{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;color:#cbd5e1;cursor:pointer;transition:background .15s}.dtb-cat-option:hover{background:#ffffff0f}.dtb-cat-option input[type=checkbox]{accent-color:#22c55e;width:14px;height:14px;cursor:pointer}.dtb-cat-clear{display:block;width:calc(100% - 16px);margin:4px 8px 2px;padding:5px;border:none;border-top:1px solid rgba(255,255,255,.06);background:none;color:#94a3b8;font-size:.72rem;cursor:pointer;text-align:center}.dtb-cat-clear:hover{color:#f8fafc}.dtb-tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dtb-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:8px;background:#6366f11f;color:#818cf8;font-size:.65rem;font-weight:500}.dtb-tag-remove{background:none;border:none;color:#818cf8;cursor:pointer;padding:0;font-size:.8rem;line-height:1;opacity:.6}.dtb-tag-remove:hover{opacity:1}.dtb-add-tag-btn{padding:2px 6px;border-radius:6px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.1);color:#64748b;font-size:.65rem;cursor:pointer;transition:all .2s}.dtb-add-tag-btn:hover{color:#94a3b8;border-color:#fff3}.dtb-toggle{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#64748b;font-size:.7rem;cursor:pointer;transition:all .2s;flex-shrink:0}.dtb-toggle:hover{color:#94a3b8;background:#ffffff0f}.dtb-toggle.active{background:#22c55e1a;border-color:#22c55e33;color:#22c55e}.dtb-spacer{flex:1}.dtb-save-status{font-size:.7rem;color:#64748b;display:flex;align-items:center;gap:4px;flex-shrink:0}.dtb-save-status.saving{color:#facc15}.dtb-save-status.saved{color:#22c55e}.dtb-save-status.error{color:#ef4444}.dtb-tag-input-popover{position:absolute;top:100%;left:0;margin-top:4px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;display:flex;gap:6px;z-index:200;box-shadow:0 8px 24px #00000080}.dtb-tag-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f8fafc;padding:4px 8px;font-size:.75rem;outline:none;width:120px}.dtb-tag-input-add{padding:4px 10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.2);border-radius:6px;color:#22c55e;font-size:.7rem;cursor:pointer}@media(max-width:768px){.dtb-bar{padding:6px 10px;gap:6px}.dtb-name-input{min-width:100px;max-width:160px;font-size:.8rem}}.dtb-tag-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.dtb-tag-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;min-width:280px;max-width:400px;box-shadow:0 12px 40px #0009}.dtb-tag-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:.85rem;font-weight:600;color:#e2e8f0}.dtb-tag-modal-close{background:none;border:none;color:#64748b;font-size:1.2rem;cursor:pointer;padding:0 4px}.dtb-tag-modal-close:hover{color:#f8fafc}.dtb-tag-modal-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;min-height:28px}.dtb-tag-modal-empty{color:#475569;font-size:.75rem;font-style:italic}.dtb-tag-modal-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff0f;border-radius:6px;font-size:.75rem;color:#94a3b8}.dtb-tag-modal-add{display:flex;gap:6px}.dtb-tag-modal-add .dtb-tag-input{flex:1;width:auto}.dab-bar{background:#111111f2;border-top:1px solid rgba(255,255,255,.08);padding:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dab-bar.dab-dock-right{position:absolute;right:0;top:0;bottom:0;width:auto;max-width:52px;border-top:none;border-left:1px solid rgba(255,255,255,.08);z-index:200;overflow:visible}.dab-bar.dab-dock-right .dab-top-row{flex-direction:column;padding:8px 6px;gap:4px;max-height:100%;overflow-y:auto;overflow-x:hidden}.dab-bar.dab-dock-right .dab-spacer{flex:1;min-height:4px}.dab-bar.dab-dock-right .dab-expanded{position:absolute;right:100%;top:0;min-width:240px;max-width:320px;max-height:100%;overflow-y:auto;background:#111111f7;border-right:1px solid rgba(255,255,255,.08);border-radius:0 0 0 8px;box-shadow:-4px 0 16px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:none}.dab-bar.dab-dock-right .dab-type-badge{writing-mode:vertical-lr;transform:rotate(180deg);padding:8px 3px;margin-right:0;margin-bottom:2px;font-size:.6rem;letter-spacing:.05em}.dab-bar.dab-branch-mode{border-top:2px solid #f97316;background:#f973160f}.dab-bar.dab-dock-right.dab-branch-mode{border-top:none;border-left:2px solid #f97316}.dab-branch-badge{background:#f9731626!important;color:#f97316!important}.dab-top-row{display:flex;align-items:center;gap:2px;padding:6px 12px}.dab-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:600;margin-right:6px}.dab-tool-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.dab-tool-btn:hover{background:#ffffff14;color:#f8fafc}.dab-tool-btn.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.dab-tool-btn.danger{color:#ef4444;border-color:#ef444426}.dab-tool-btn.danger:hover{background:#ef44441f}.dab-spacer{flex:1}.dab-expanded{border-top:1px solid rgba(255,255,255,.06);padding:10px 12px;max-height:240px;overflow-y:auto}.dab-tabs{display:flex;gap:2px;margin-bottom:10px}.dab-tab{padding:5px 14px;border-radius:6px;border:none;background:#ffffff0a;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.dab-tab:hover{color:#94a3b8}.dab-tab.active{background:#22c55e1a;color:#22c55e}.dab-section{margin-bottom:10px}.dab-section-label{font-size:.65rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;display:block}.dab-label-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f8fafc;padding:5px 10px;font-size:.85rem;font-weight:600;outline:none;width:80px;text-transform:uppercase}.dab-label-input:focus{border-color:#22c55e66}.dab-point-label{font-size:.65rem;font-weight:600;color:#94a3b8;padding:0 4px;white-space:nowrap}.dab-size-row{display:flex;align-items:center;gap:8px}.dab-size-slider{flex:1;accent-color:#22c55e;height:4px;cursor:pointer}.dab-size-value{font-size:.75rem;color:#94a3b8;min-width:36px;text-align:right}.dab-color-grid{display:flex;gap:4px;flex-wrap:wrap}.dab-color-swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s}.dab-color-swatch:hover{transform:scale(1.15)}.dab-color-swatch.active{border-color:#fff;box-shadow:0 0 6px #ffffff4d}.dab-icon-variant-grid{display:flex;gap:4px;flex-wrap:wrap}.dab-icon-variant-btn{width:38px;height:38px;border-radius:6px;border:2px solid transparent;background:#ffffff0a;cursor:pointer;padding:3px;transition:all .15s;display:flex;align-items:center;justify-content:center}.dab-icon-variant-btn:hover{background:#ffffff14;border-color:#ffffff1f}.dab-icon-variant-btn.active{border-color:#22c55e80;background:#22c55e1a}.dab-icon-variant-img{width:100%;height:100%;object-fit:contain;pointer-events:none}.dab-segment-row{display:flex;align-items:center;gap:8px;padding:4px 0}.dab-segment-num{font-size:.7rem;color:#64748b;width:18px;text-align:center;flex-shrink:0}.dab-segment-btns{display:flex;gap:2px}.dab-style-btn{width:30px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dab-style-btn:hover{background:#ffffff14}.dab-style-btn.active{background:#22c55e1f;border-color:#22c55e4d;color:#22c55e}.dab-empty-msg{color:#475569;font-size:.75rem;font-style:italic;padding:8px 0}.dab-settings-row{display:flex;gap:16px;flex-wrap:wrap}.dab-settings-row .dab-section{min-width:120px}.dab-branch-subtabs{display:flex;gap:2px;margin-bottom:10px}.dab-branch-subtab{padding:4px 12px;border-radius:5px;border:none;border-bottom:2px solid transparent;background:#ffffff0a;color:#64748b;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.dab-branch-subtab:hover{color:#94a3b8}.dab-branch-subtab.active{background:#f973161a;color:#f97316;border-bottom-color:#f97316}.dab-branch-content{display:flex;gap:16px;flex-wrap:wrap}.dab-branch-content .dab-section{min-width:120px}.dab-swatch-auto{font-size:.55rem;font-weight:700;color:#fffc;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dim-modal{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:14px;width:90%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.dim-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.dim-title{font-size:1.1rem;font-weight:700;margin:0;color:#f1f5f9}.dim-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dim-close-btn:hover{color:#f1f5f9;background:#ffffff14}.dim-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.dim-section{display:flex;flex-direction:column;gap:6px}.dim-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.dim-editor-wrap{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;background:#0003;transition:border-color .2s}.dim-editor-wrap:focus-within{border-color:#22c55e66}.dim-toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06)}.dim-toolbar-btn{width:28px;height:28px;border-radius:5px;border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .15s}.dim-toolbar-btn:hover{color:#f1f5f9;background:#ffffff14}.dim-toolbar-sep{width:1px;height:18px;background:#ffffff14;margin:0 4px}.dim-editor-container{position:relative;min-height:80px}.dim-editor-placeholder{position:absolute;top:10px;left:12px;color:#475569;font-size:.85rem;pointer-events:none;-webkit-user-select:none;user-select:none}.dim-editor{min-height:80px;max-height:200px;overflow-y:auto;padding:10px 12px;color:#e2e8f0;font-size:.85rem;line-height:1.6;outline:none}.dim-editor b,.dim-editor strong{font-weight:700}.dim-editor i,.dim-editor em{font-style:italic}.dim-editor ul,.dim-editor ol{margin:4px 0;padding-left:24px}.dim-editor ul{list-style-type:disc}.dim-editor ul ul{list-style-type:circle}.dim-editor ul ul ul{list-style-type:square}.dim-editor ol{list-style-type:decimal}.dim-editor ol ol{list-style-type:lower-alpha}.dim-editor ol ol ol{list-style-type:lower-roman}.dim-editor li{margin:2px 0}.dim-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.dim-cancel-btn{padding:8px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:none;color:#94a3b8;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.dim-cancel-btn:hover{color:#f1f5f9;background:#ffffff0f}.dim-save-btn{padding:8px 24px;border-radius:8px;border:none;background:#16a34a;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.dim-save-btn:hover{background:#15803d}.dd-root.dd-light .dim-modal{background:#fff;border-color:#0000001f}.dd-root.dd-light .dim-header{border-bottom-color:#0000000f}.dd-root.dd-light .dim-title{color:#1e293b}.dd-root.dd-light .dim-close-btn{color:#94a3b8}.dd-root.dd-light .dim-close-btn:hover{color:#1e293b;background:#0000000f}.dd-root.dd-light .dim-label{color:#64748b}.dd-root.dd-light .dim-editor-wrap{border-color:#0000001f;background:#f8fafc}.dd-root.dd-light .dim-editor-wrap:focus-within{border-color:#22c55e80}.dd-root.dd-light .dim-toolbar{background:#00000008;border-bottom-color:#0000000f}.dd-root.dd-light .dim-toolbar-btn{color:#64748b}.dd-root.dd-light .dim-toolbar-btn:hover{color:#1e293b;background:#0000000f}.dd-root.dd-light .dim-toolbar-sep{background:#0000001a}.dd-root.dd-light .dim-editor-placeholder{color:#94a3b8}.dd-root.dd-light .dim-editor{color:#1e293b}.dd-root.dd-light .dim-footer{border-top-color:#0000000f}.dd-root.dd-light .dim-cancel-btn{border-color:#0000001f;color:#64748b}.dd-root.dd-light .dim-cancel-btn:hover{color:#1e293b;background:#0000000a}.dd-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#030606;display:flex;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dd-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.dd-canvas-wrap{flex:1;overflow:hidden;position:relative;background:#050a05;display:flex;align-items:center;justify-content:center}.dd-field{position:absolute;background:radial-gradient(circle at center,#1e293b,#0f172a);overflow:hidden;cursor:crosshair;touch-action:none;max-width:1200px;max-height:791px}.dd-field.blank-field{background:radial-gradient(circle at center,#1e293b,#0f172a)}.dd-yard-line{position:absolute;left:0;right:0;pointer-events:none;z-index:1}.dd-yard-line.major{height:2px;background:#ffffff1f}.dd-yard-line.minor{height:1px;background:#ffffff0f}.dd-yard-label{position:absolute;left:4px;top:-10px;font-size:1.1rem;font-weight:600;color:#fff3;pointer-events:none;-webkit-user-select:none;user-select:none}.dd-hash-mark{position:absolute;width:15px;height:1px;background:#ffffff26;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.dd-field.show-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:2% 2%;z-index:2;pointer-events:none}.dd-los{position:absolute;left:0;right:0;height:30px;transform:translateY(-50%);display:flex;align-items:center;z-index:10;pointer-events:none}.dd-los-line{flex:1;height:2px;background:#facc15;opacity:.6}.dd-los-handle{width:16px;height:30px;display:flex;align-items:center;cursor:ns-resize;pointer-events:auto;flex-shrink:0}.dd-los-handle:hover svg polygon{fill:#fde047}.dd-element{position:absolute;transform:translate(-50%,-50%);z-index:100;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.dd-element:active{cursor:grabbing}.dd-element.dd-element-ball{z-index:90}.dd-element.selected{z-index:110}.dd-el-offense{width:min(44px,4.5vw);height:min(44px,4.5vw);border-radius:50%;border:3px solid #3b82f6;background:#00000080;display:flex;align-items:center;justify-content:center}.dd-el-offense.selected{box-shadow:0 0 0 2px #0009,0 0 12px 3px #22c55e80}.dd-el-defense{width:min(44px,4.5vw);height:min(44px,4.5vw);border-radius:50%;border:3px solid #ef4444;background:#00000080;display:flex;align-items:center;justify-content:center}.dd-el-defense.selected{box-shadow:0 0 0 2px #0009,0 0 12px 3px #22c55e80}.dd-el-cone{width:min(32px,3.5vw);height:min(32px,3.5vw)}.dd-el-cone.selected svg polygon{filter:drop-shadow(0 0 6px rgba(34,197,94,.6))}.dd-el-coach{width:min(40px,4vw);height:min(40px,4vw);border-radius:50%;border:3px solid #22c55e;background:#00000080;display:flex;align-items:center;justify-content:center}.dd-el-coach.selected{box-shadow:0 0 0 2px #0009,0 0 12px 3px #22c55e80}.dd-el-ball{width:min(28px,3vw);height:min(20px,2.2vw);border-radius:40%;background:#92400e;border:2px solid #b45309}.dd-el-ball.selected{box-shadow:0 0 0 2px #0009,0 0 12px 3px #22c55e80}.dd-el-bag{width:min(36px,3.8vw);height:min(24px,2.5vw);border-radius:4px;background:#6b7280;border:2px solid #9ca3af}.dd-el-bag.selected{box-shadow:0 0 0 2px #0009,0 0 12px 3px #22c55e80}.dd-el-label{font-size:.55rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.dd-el-icon{width:min(48px,5vw);height:min(60px,6.5vw);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.dd-el-icon-sm{width:min(36px,3.8vw);height:min(36px,3.8vw);display:flex;align-items:center;justify-content:center;position:relative}.dd-el-icon-lg{width:min(56px,5.8vw);height:min(70px,7.5vw);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.dd-el-icon-ball{width:min(20px,2.14vw);height:min(20px,2.14vw);display:flex;align-items:center;justify-content:center;position:relative}.dd-el-img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.dd-el-icon.flipped .dd-el-img,.dd-el-icon-lg.flipped .dd-el-img,.dd-el-icon-sm.flipped .dd-el-img,.dd-el-icon-ball.flipped .dd-el-img{transform:scaleX(-1)}.dd-el-icon.selected,.dd-el-icon-lg.selected,.dd-el-icon-sm.selected,.dd-el-icon-ball.selected{filter:drop-shadow(0 0 6px rgba(34,197,94,.7))}.dd-el-icon.selected .dd-el-img,.dd-el-icon-lg.selected .dd-el-img,.dd-el-icon-sm.selected .dd-el-img,.dd-el-icon-ball.selected .dd-el-img{filter:drop-shadow(0 0 4px rgba(34,197,94,.6))}.dd-el-icon-label{font-size:.5rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:#0000008c;padding:0 3px;border-radius:2px;line-height:1.3}.dd-route-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:90}.dd-route-handle{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);opacity:.7;z-index:130;cursor:grab;touch-action:none}.dd-route-handle:hover{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.dd-route-handle:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.dd-route-handle.selected-point{opacity:1;box-shadow:0 0 0 3px #f9731699,0 0 10px #f9731666;transform:translate(-50%,-50%) scale(1.3)}.dd-route-handle.smooth-point{border-radius:4px;transform:translate(-50%,-50%) rotate(45deg)}.dd-route-handle.smooth-point.selected-point{transform:translate(-50%,-50%) rotate(45deg) scale(1.3)}.dd-route-handle.smooth-point:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.2)}.dd-branch-handle{border:2px solid rgba(255,255,255,.4);width:16px;height:16px}.dd-field.place-mode{cursor:copy}.dd-drag-ghost{position:fixed;pointer-events:none;z-index:99999;opacity:.6}.global-drill-dragging{user-select:none!important;-webkit-user-select:none!important}@media(max-width:768px)and (orientation:portrait){.dd-root{flex-direction:column-reverse}.dep-sidebar{width:100%!important;height:auto;max-height:72px;border-right:none;border-top:1px solid var(--border, #1e293b);flex-direction:row;overflow:hidden}.dep-sidebar.collapsed{width:100%!important;max-height:52px}.dep-header{flex-direction:column;padding:6px;border-bottom:none;border-right:1px solid rgba(255,255,255,.06);gap:2px;justify-content:center}.dep-header-label{display:none}.dep-sidebar .dep-collapse-btn svg{transform:rotate(-90deg)}.dep-sidebar.collapsed .dep-collapse-btn svg{transform:rotate(90deg)}.dep-count{display:none}.dep-items{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:6px;gap:2px}.dep-item{flex-direction:column;gap:2px;padding:6px 10px;min-width:fit-content;font-size:.65rem;white-space:nowrap}.dep-item-label{font-size:.6rem}.dep-icon{width:26px;height:26px}.dep-variant-arrow{display:flex;position:absolute;top:0;right:2px;margin-left:0;width:14px;height:14px}.dep-variant-arrow svg{transform:rotate(-90deg)}.dep-divider{width:1px;height:auto;min-height:100%;margin:0 2px}.dep-hint{display:none}}.dd-root.dd-light{background:#e8ecf0;color:#1e293b}.dd-root.dd-light .dd-canvas-wrap{background:#d1d5db}.dd-root.dd-light .dd-field,.dd-root.dd-light .dd-field.blank-field{background:radial-gradient(circle at center,#f1f5f9,#e2e8f0)}.dd-root.dd-light .dd-yard-line.major{background:#00000026}.dd-root.dd-light .dd-yard-line.minor{background:#00000014}.dd-root.dd-light .dd-yard-label{color:#00000040}.dd-root.dd-light .dd-hash-mark{background:#00000026!important}.dd-root.dd-light .dd-field.show-grid:before{background-image:radial-gradient(circle,rgba(0,0,0,.15) 1px,transparent 1px)}.dd-root.dd-light .dd-el-icon-label{color:#1e293b;text-shadow:0 1px 2px rgba(255,255,255,.8);background:#fff9}.dd-root.dd-light .dd-el-label{color:#1e293b;text-shadow:0 1px 2px rgba(255,255,255,.5)}.dd-root.dd-light .dd-el-bag{border-color:#0003}.dd-root.dd-light .dd-el-img{filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.dd-root.dd-light .dd-el-icon.selected .dd-el-img,.dd-root.dd-light .dd-el-icon-lg.selected .dd-el-img,.dd-root.dd-light .dd-el-icon-sm.selected .dd-el-img,.dd-root.dd-light .dd-el-icon-ball.selected .dd-el-img{filter:drop-shadow(0 0 5px rgba(34,197,94,.7))}.dd-root.dd-light .dtb-bar{background:#ffffffd9;border-bottom-color:#00000014}.dd-root.dd-light .dtb-back-btn{color:#475569}.dd-root.dd-light .dtb-back-btn:hover{color:#1e293b;background:#0000000f}.dd-root.dd-light .dtb-name-input{background:#0000000a;border-color:#0000001f;color:#1e293b}.dd-root.dd-light .dtb-separator{background:#0000001a}.dd-root.dd-light .dtb-select{background:#0000000a;border-color:#0000001f;color:#1e293b}.dd-root.dd-light .dtb-toggle{color:#475569;border-color:#00000014}.dd-root.dd-light .dtb-toggle:hover{background:#0000000f;color:#1e293b}.dd-root.dd-light .dtb-toggle.active{background:#22c55e1f;border-color:#22c55e4d;color:#16a34a}.dd-root.dd-light .dtb-save-status{color:#475569}.dd-root.dd-light .dtb-tag{background:#0000000f;color:#334155}.dd-root.dd-light .dtb-add-tag-btn{color:#64748b}.dd-root.dd-light .dtb-tag-input-popover{background:#fff;border-color:#0000001f;box-shadow:0 4px 16px #0000001f}.dd-root.dd-light .dtb-tag-input{background:#f8fafc;border-color:#0000001f;color:#1e293b}.dd-root.dd-light .dep-sidebar{background:#f1f5f9;border-right-color:#00000014}.dd-root.dd-light .dep-header{border-bottom-color:#0000000f}.dd-root.dd-light .dep-header-label{color:#475569}.dd-root.dd-light .dep-collapse-btn{border-color:#00000014;color:#64748b}.dd-root.dd-light .dep-collapse-btn:hover{color:#1e293b;background:#0000000f}.dd-root.dd-light .dep-count{color:#64748b}.dd-root.dd-light .dep-item{color:#334155}.dd-root.dd-light .dep-item:hover{background:#0000000a;border-color:#00000014}.dd-root.dd-light .dep-item:active{background:#22c55e14;border-color:#22c55e33}.dd-root.dd-light .dep-item.active-place{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.dd-root.dd-light .dep-variant-arrow{color:#94a3b8}.dd-root.dd-light .dep-variant-arrow:hover{color:#334155;background:#0000000f}.dd-root.dd-light .dep-divider{background:#0000000f}.dd-root.dd-light .dep-hint{color:#94a3b8}.dd-root.dd-light .dab-bar{background:#ffffffeb;border-top-color:#00000014}.dd-root.dd-light .dab-type-badge{color:inherit}.dd-root.dd-light .dab-tool-btn{border-color:#00000014;color:#475569}.dd-root.dd-light .dab-tool-btn:hover{background:#0000000f;color:#1e293b}.dd-root.dd-light .dab-tool-btn.active{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.dd-root.dd-light .dab-expanded{background:#fffffff2;border-top-color:#0000000f}.dd-root.dd-light .dab-section-label{color:#64748b}.dd-root.dd-light .dab-label-input{background:#f8fafc;border-color:#0000001f;color:#1e293b}.dd-root.dd-light .dab-tabs{border-color:#0000000f}.dd-root.dd-light .dab-tab{color:#64748b}.dd-root.dd-light .dab-tab.active{color:#16a34a}.dd-root.dd-light .dab-segment-num{color:#94a3b8}.dd-root.dd-light .dab-style-btn{border-color:#00000014;background:#00000008;color:#64748b}.dd-root.dd-light .dab-style-btn:hover{background:#0000000f}.dd-root.dd-light .dab-style-btn.active{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.dd-root.dd-light .dab-icon-variant-btn{background:#00000008}.dd-root.dd-light .dab-icon-variant-btn:hover{background:#0000000f;border-color:#0000001f}.dd-root.dd-light .dab-icon-variant-btn.active{border-color:#22c55e80;background:#22c55e14}.dd-root.dd-light .dep-variant-menu{background:#fff;border-color:#0000001f;box-shadow:0 8px 32px #00000026}.dd-root.dd-light .dep-variant-menu-title{color:#475569}.dd-root.dd-light .dep-variant-option{background:#00000005}.dd-root.dd-light .dep-variant-option:hover{background:#0000000f;border-color:#0000001f}.dd-root.dd-light .dep-variant-option.active{background:#22c55e14;border-color:#22c55e66}.dd-root.dd-light .dep-variant-label{color:#64748b}.dd-root.dd-light .dep-variant-option.active .dep-variant-label{color:#16a34a}.dd-el-zone{width:40px;height:40px;border-radius:50%;border:3px dashed;display:flex;align-items:center;justify-content:center}.dd-el-zone.selected{box-shadow:0 0 0 2px #0009,0 0 12px 3px #22c55e80}.dd-el-zone-label{font-size:.6rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7)}.dd-annotation{position:absolute;transform:translate(-50%,-50%);z-index:95;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.dd-annotation:active{cursor:grabbing}.dd-annotation.selected{z-index:115}.dd-annotation-circle{width:40px;height:40px;border-radius:50%}.dd-annotation.selected .dd-annotation-circle{box-shadow:0 0 0 2px #0009,0 0 12px 3px #22c55e80}.dd-annotation-text{font-weight:700;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.7)}.dd-annotation.selected .dd-annotation-text{text-shadow:0 0 8px rgba(34,197,94,.6),0 1px 3px rgba(0,0,0,.7)}.dcm-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#030606;display:flex;flex-direction:column;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dcm-header{display:flex;align-items:center;gap:16px;padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.06)}.dcm-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#94a3b8;font-size:.9rem;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s}.dcm-back-btn:hover{color:#f8fafc;background:#ffffff0f}.dcm-title{font-size:1.4rem;font-weight:700;margin:0}.dcm-content{flex:1;overflow-y:auto;padding:24px 32px;max-width:600px;width:100%;margin:0 auto}.dcm-add-form{display:flex;gap:10px;margin-bottom:24px;align-items:flex-end}.dcm-add-field{flex:1}.dcm-add-label{display:block;font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase;margin-bottom:4px}.dcm-add-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;padding:10px 14px;font-size:.9rem;outline:none;box-sizing:border-box}.dcm-add-input:focus{border-color:#22c55e66}select.dcm-add-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}select.dcm-add-input option{background:#1a1a2e;color:#f8fafc}.dcm-color-picker{display:flex;gap:3px;flex-wrap:wrap;max-width:200px}.dcm-color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.dcm-color-dot:hover{transform:scale(1.2)}.dcm-color-dot.active{border-color:#fff;box-shadow:0 0 6px #ffffff4d}.dcm-add-btn{padding:10px 20px;background:#22c55e1f;border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.dcm-add-btn:hover:not(:disabled){background:#22c55e33}.dcm-add-btn:disabled{opacity:.4;cursor:not-allowed}.dcm-list{display:flex;flex-direction:column;gap:4px}.dcm-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .15s;cursor:grab}.dcm-item:hover{background:#ffffff0d;border-color:#ffffff1a}.dcm-item.dragging{opacity:.5}.dcm-item.drag-over-before{border-top:2px solid #22c55e}.dcm-item.drag-over-after{border-bottom:2px solid #22c55e}.dcm-item.drag-over-nest{border-color:#22c55e;background:#22c55e14}.dcm-collapse-btn{width:16px;height:16px;padding:0;border:none;background:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dcm-collapse-btn:hover{color:#f8fafc}.dcm-drag-handle{color:#475569;cursor:grab;flex-shrink:0}.dcm-item-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0}.dcm-item-name{flex:1;font-size:.9rem;font-weight:500}.dcm-item-name input{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#f8fafc;padding:4px 8px;font-size:.85rem;outline:none;width:100%;box-sizing:border-box}.dcm-item-actions{display:flex;gap:4px;flex-shrink:0}.dcm-item-btn{width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.dcm-item-btn:hover{background:#ffffff14;color:#f8fafc}.dcm-item-btn.danger:hover{background:#ef44441f;color:#ef4444}.dcm-item-btn.save{color:#22c55e;border-color:#22c55e33}.dcm-empty{text-align:center;color:#64748b;padding:40px 20px;font-size:.9rem}.dcm-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.dcm-confirm-modal{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;max-width:380px;width:90%}.dcm-confirm-title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.dcm-confirm-text{color:#94a3b8;font-size:.85rem;margin:0 0 20px;line-height:1.5}.dcm-confirm-actions{display:flex;gap:10px}.dcm-confirm-btn{flex:1;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.dcm-confirm-btn-cancel{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.dcm-confirm-btn-delete{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.dcm-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#f8fafc;padding:10px 24px;border-radius:10px;font-size:.85rem;z-index:10001;box-shadow:0 8px 24px #00000080}@media(max-width:768px){.dcm-header,.dcm-content{padding:16px}.dcm-add-form{flex-direction:column;align-items:stretch}}.dv-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#111318;display:flex;flex-direction:column;overflow-y:auto;z-index:100}.dv-nav-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.dv-nav-spacer{flex:1}.dv-back-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .15s}.dv-back-btn:hover{background:#ffffff14;color:#f8fafc}.dv-print-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid rgba(99,102,241,.3);border-radius:8px;background:#6366f11a;color:#818cf8;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.dv-print-btn:hover{background:#6366f133}.dv-edit-btn{display:flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid rgba(34,197,94,.3);border-radius:8px;background:#22c55e1a;color:#22c55e;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.dv-edit-btn:hover{background:#22c55e33}.dv-poster{width:100%;margin:20px auto;padding:0 20px 40px}.dv-hero{display:flex;align-items:center;gap:24px;padding:20px 28px;margin-bottom:20px;background:linear-gradient(135deg,#1a2236,#0f1724);border:1px solid rgba(255,255,255,.06);border-radius:14px;position:relative;overflow:hidden}.dv-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#16a34a,transparent)}.dv-hero-logo{flex-shrink:0}.dv-hero-logo img{height:90px;object-fit:contain}.dv-hero-title-block{flex:1;display:flex;flex-direction:column;gap:6px}.dv-hero-title{font-size:2rem;font-weight:900;color:#f8fafc;margin:0;text-transform:uppercase;letter-spacing:.03em;line-height:1.1}.dv-hero-category{display:inline-block;align-self:flex-start;padding:3px 12px;border-radius:6px;font-size:.75rem;font-weight:600;background:#22c55e26;color:#4ade80;text-transform:uppercase;letter-spacing:.06em}.dv-hero-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.dv-hero-tag{padding:2px 10px;border-radius:8px;font-size:.7rem;font-weight:500;background:#6366f11f;color:#a5b4fc}.dv-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;width:97%}.dv-col-left,.dv-col-right{display:flex;flex-direction:column;gap:16px}.dv-section{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:0;overflow:hidden}.dv-section-header{padding:10px 16px;font-size:.8rem;font-weight:700;color:#f8fafc;text-transform:uppercase;letter-spacing:.07em;background:#22c55e14;border-left:3px solid #22c55e;border-bottom:1px solid rgba(255,255,255,.04)}.dv-section-body{padding:14px 16px;font-size:.82rem;color:#cbd5e1;line-height:1.7}.dv-section-body p{margin:0 0 8px}.dv-section-body p:last-child{margin-bottom:0}.dv-section-body ul,.dv-section-body ol{margin:4px 0 8px;padding-left:20px}.dv-section-body ul{list-style-type:disc}.dv-section-body ul ul{list-style-type:circle}.dv-section-body ul ul ul{list-style-type:square}.dv-section-body ol{list-style-type:decimal}.dv-section-body ol ol{list-style-type:lower-alpha}.dv-section-body ol ol ol{list-style-type:lower-roman}.dv-section-body li{margin-bottom:3px}.dv-section-body h1,.dv-section-body h2,.dv-section-body h3,.dv-section-body h4{color:#f1f5f9;margin:12px 0 6px;line-height:1.3}.dv-section-body h1{font-size:1.1rem}.dv-section-body h2{font-size:1rem}.dv-section-body h3{font-size:.92rem}.dv-section-body h4{font-size:.85rem}.dv-section-body strong,.dv-section-body b{color:#f1f5f9}.dv-section-body a{color:#60a5fa;text-decoration:underline}.dv-section-body blockquote{margin:8px 0;padding:8px 14px;border-left:3px solid rgba(34,197,94,.3);background:#ffffff05;color:#94a3b8}.dv-section-body hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:12px 0}.dv-empty-info{color:#475569;font-style:italic}.dv-clipboard{position:relative;background:#1e293b;border-radius:12px;border:3px solid #475569;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;overflow:visible;margin-top:14px}.dv-clipboard-clip{position:absolute;top:-38px;left:50%;transform:translate(-50%);width:200px;height:84px;z-index:2;background-image:url(/clip-top.png);background-size:200px}.dv-clipboard-clip:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:22px;height:11px;border:2px solid #334155;border-radius:6px;background:transparent}.dv-clipboard-inner{padding:20px 14px 14px}.dv-clipboard-logo{display:flex;justify-content:center;margin-bottom:10px;height:44px}.dv-clipboard-logo img{height:44px;object-fit:contain;opacity:.6}.dv-field-container{position:relative;width:100%;aspect-ratio:1.524;background:radial-gradient(circle at center,#1e293b,#0f172a);border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0006}.dv-yard-line{position:absolute;left:0;right:0;pointer-events:none;z-index:1}.dv-yard-line.major{height:2px;background:#ffffff1f}.dv-yard-line.minor{height:1px;background:#ffffff0f}.dv-yard-label{position:absolute;left:4px;top:-10px;font-size:1rem;font-weight:600;color:#fff3;pointer-events:none;-webkit-user-select:none;user-select:none}.dv-hash-mark{position:absolute;width:15px;height:1px;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.dv-field-elements{position:absolute;top:0;right:0;bottom:0;left:0}.dv-field-routes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.dv-field-element{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.dv-field-element.offense{background:#3b82f6}.dv-field-element.defense{background:#ef4444}.dv-field-element.cone{background:#f97316;border-radius:0;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.dv-field-element.coach{background:#22c55e}.dv-field-element.ball{background:#92400e;border-radius:40%;width:16px;height:16px}.dv-field-element.bag{background:#6b7280;border-radius:2px;width:22px;height:14px}.dv-field-element.dummy{background:#eab308}.dv-field-zone{position:absolute;border-radius:50%;border:2px dashed;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center}.dv-field-zone-label{font-size:.45rem;font-weight:700}.dv-field-icon{position:absolute;width:44px;height:54px;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;z-index:2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.dv-field-icon.cone,.dv-field-icon.bag,.dv-field-icon.dummy{width:32px;height:32px}.dv-field-icon.ball{width:18px;height:18px;z-index:1}.dv-field-icon.flipped{transform:translate(-50%,-50%) scaleX(-1)}.dv-field-label{position:absolute;transform:translate(-50%,14px);font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;z-index:3;pointer-events:none}.dv-field-watermark{position:absolute;bottom:6px;right:6px;height:28px;opacity:.2;pointer-events:none;z-index:4}.dv-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b;font-size:.9rem}@media(max-width:800px){.dv-body{grid-template-columns:1fr}.dv-col-left,.dv-col-right{display:contents}.dv-clipboard{order:-1}.dv-coaching-section{order:10}.dv-hero{flex-direction:column;text-align:center;gap:12px}.dv-hero-title{font-size:1.5rem}.dv-hero-category{align-self:center}.dv-hero-tags{justify-content:center}.dv-poster{padding:0 12px 32px}}.ad-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#030606;display:flex;flex-direction:column;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.ad-header{display:flex;align-items:center;gap:16px;padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.06)}.ad-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:#94a3b8;font-size:.9rem;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s}.ad-back-btn:hover{color:#f8fafc;background:#ffffff0f}.ad-title{font-size:1.4rem;font-weight:700;margin:0;flex:1}.ad-success-banner{padding:10px 32px;background:#22c55e1a;color:#22c55e;font-size:.85rem;border-bottom:1px solid rgba(34,197,94,.15)}.ad-error-banner{padding:10px 32px;background:#ef44441a;color:#ef4444;font-size:.85rem;border-bottom:1px solid rgba(239,68,68,.15)}.ad-toolbar{display:flex;align-items:center;gap:12px;padding:16px 32px;flex-wrap:wrap}.ad-filter-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f8fafc;padding:8px 12px;font-size:.85rem;outline:none;cursor:pointer}.ad-filter-select option{background:#1a1a1a;color:#f8fafc}.ad-create-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;border:none;background:#22c55e1f;color:#22c55e;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto}.ad-create-btn:hover{background:#22c55e33}.ad-loading,.ad-empty{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#64748b;font-size:.9rem}.ad-scroll{flex:1;overflow-y:auto;padding:0 32px 32px}.ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.ad-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;transition:all .2s;position:relative}.ad-card:hover{border-color:#ffffff1f}.ad-card--inactive{opacity:.5}.ad-card-preview{height:120px;background:#1a2236;border-bottom:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden}.ad-card-preview-field{width:100%;height:100%;position:relative}.ad-card-routes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.ad-card-dot{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%)}.ad-card-icon{position:absolute;width:18px;height:22px;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.ad-card-icon.cone,.ad-card-icon.bag,.ad-card-icon.dummy{width:14px;height:14px}.ad-card-icon.ball{width:8px;height:8px;z-index:1}.ad-card-icon.flipped{transform:translate(-50%,-50%) scaleX(-1)}.ad-inactive-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:6px;background:#000000b3;color:#ef4444;font-size:.65rem;font-weight:600}.ad-card-footer{display:flex;align-items:center;gap:8px;padding:10px 12px}.ad-card-name{flex:1;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-card-category{font-size:.65rem;padding:2px 6px;border-radius:6px;background:#ffffff0f;color:#94a3b8}.ad-card-menu-wrap{position:relative}.ad-card-menu-btn{width:28px;height:28px;border-radius:6px;background:none;border:1px solid rgba(255,255,255,.06);color:#64748b;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.ad-card-menu-btn:hover{background:#ffffff14;color:#f8fafc}.ad-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;min-width:130px;z-index:100;box-shadow:0 8px 24px #00000080;overflow:hidden}.ad-dropdown button{display:block;width:100%;padding:10px 14px;background:none;border:none;color:#e2e8f0;font-size:.8rem;text-align:left;cursor:pointer;transition:background .15s}.ad-dropdown button:hover{background:#ffffff14}.ad-dropdown-danger{color:#ef4444!important}.ad-dropdown-danger:hover{background:#ef44441a!important}.ad-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.ad-dialog{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;max-width:420px;width:90%}.ad-dialog h3{margin:0 0 8px;font-size:1.1rem}.ad-dialog p{color:#94a3b8;font-size:.85rem;margin:0 0 20px;line-height:1.5}.ad-dialog-field{margin-bottom:14px}.ad-dialog-label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:4px}.ad-dialog-input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;padding:10px 14px;font-size:.9rem;outline:none;box-sizing:border-box}.ad-dialog-input:focus{border-color:#22c55e66}.ad-dialog-actions{display:flex;gap:10px;margin-top:20px}.ad-dialog-cancel{flex:1;padding:10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer}.ad-dialog-confirm{flex:1;padding:10px;border-radius:10px;background:#22c55e1f;border:1px solid rgba(34,197,94,.2);color:#22c55e;font-size:.85rem;font-weight:600;cursor:pointer}.ad-dialog-confirm:disabled{opacity:.4;cursor:not-allowed}.ad-dialog-danger{flex:1;padding:10px;border-radius:10px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer}@media(max-width:768px){.ad-header{padding:16px}.ad-toolbar{padding:12px 16px}.ad-scroll{padding:0 16px 24px}.ad-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}}.sp-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#f8fafc;overflow:hidden}.sp-toolbar{width:60px;background:#111111f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:6px;z-index:10;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px)}.sp-back-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;margin-bottom:4px}.sp-back-btn:hover{background:#ffffff14;color:#f8fafc}.sp-divider{width:32px;height:1px;background:#ffffff1a;margin:4px 0}.sp-section-label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-top:4px;margin-bottom:2px}.sp-color-btn{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;padding:0;position:relative}.sp-color-btn:hover{transform:scale(1.1)}.sp-color-btn.sp-active{border-color:#ffffffb3;box-shadow:0 0 8px #fff3}.sp-width-btn{width:40px;height:34px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;color:#94a3b8}.sp-width-btn:hover{background:#ffffff0f}.sp-width-btn.sp-active{background:#ffffff1a;border-color:#ffffff4d;color:#f8fafc}.sp-action-btn{width:40px;height:40px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:background .15s,color .15s,border-color .15s}.sp-action-btn:hover:not(:disabled){background:#ffffff14;color:#f8fafc;border-color:#fff3}.sp-action-btn:disabled{opacity:.3;cursor:default}.sp-action-btn.sp-clear-btn:hover:not(:disabled){background:#ef444426;border-color:#ef44444d;color:#fca5a5}.sp-canvas-wrap{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 50%,#35604f,#1a3328,#0f211a)}.sp-canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;pointer-events:none;z-index:1}.sp-canvas-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 80px #0006;pointer-events:none;z-index:3}.sp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none;z-index:2}.sp-tooltip{font-size:10px;color:#64748b;text-align:center;line-height:1.2;padding:0 4px}.app-shell{width:100vw;height:100vh;overflow:hidden;background-color:#0a0e17}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#0a0e17;color:#fffc;font-size:18px;gap:16px}.app-spinner{width:40px;height:40px;animation:spin 1s linear infinite;color:#22c55e}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0a1f0a;opacity:.3;z-index:-2}.app-loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;z-index:-1}.app-data-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0e17d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.app-data-loading-modal{display:flex;flex-direction:column;align-items:center;gap:16px;background:#111827;border:1px solid #1f2937;border-radius:16px;padding:2.5rem 3rem;color:#ffffffd9;font-size:1rem;box-shadow:0 8px 32px #00000080}.app-data-loading-modal p{margin:0;font-weight:500}.app-data-loading-modal .app-spinner{width:36px;height:36px}