*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}header{background-color:#333;color:#fff;padding:1rem;text-align:center}.container{display:flex;margin:1rem;min-height:calc(100vh - 100px)}.sidebar{width:300px;background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 0 10px #0000001a;margin-right:1rem}.main-content{flex:1;background-color:#fff;padding:1rem;border-radius:5px;box-shadow:0 0 10px #0000001a}.data-controls,.time-filters,.schedule-controls{margin-bottom:1.5rem}h2,h3,h4{margin-bottom:1rem}button{padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:3px;cursor:pointer;margin:.5rem 0}button:hover{background-color:#555}input[type=file]{margin-bottom:.5rem;width:100%}.time-slot-selector{display:flex;flex-wrap:wrap;margin-bottom:1rem}.time-slot{padding:.25rem .5rem;margin:.25rem;background-color:#eee;border-radius:3px;cursor:pointer}.time-slot.active{background-color:#333;color:#fff}.tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid #ddd;flex-wrap:wrap}.tab-button{background-color:#f4f4f4;color:#333;padding:.5rem 1rem;margin-right:.5rem;margin-bottom:.5rem;border:none;border-radius:3px 3px 0 0;cursor:pointer}.tab-button.active{background-color:#333;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.chart-container{margin-bottom:2rem;padding:1rem;border:1px solid #ddd;border-radius:5px}#jsonEditor{width:100%;height:500px;font-family:monospace;padding:.5rem;border:1px solid #ddd;border-radius:3px}#userList,#gameList{margin-bottom:1rem}.user-card,.game-card{border:1px solid #ddd;padding:1rem;margin-bottom:.5rem;border-radius:3px}.user-card button,.game-card button{margin-left:.5rem}.hidden{display:none}#editUserForm{padding:1rem;border:1px solid #ddd;border-radius:5px}.time-block{border:1px solid #ddd;border-radius:5px;padding:1rem;margin-bottom:1rem}.game-suggestion{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #ddd;margin-bottom:.75rem;border-radius:3px;background-color:#f9f9f9}.day-schedule{border:1px solid #ddd;border-radius:5px;padding:1rem}.schedule-slot{background-color:#f4f4f4;padding:1rem;margin-bottom:1rem;border-radius:5px;position:relative}.schedule-slot h4{margin-bottom:.5rem;display:flex;justify-content:space-between}.scheduled-game{font-weight:700;font-size:1.1rem;margin:.5rem 0}.scheduled-players{margin-top:.75rem}.inclusion-stats{margin-bottom:2rem}.inclusion-warnings,.inclusion-suggestions{border:1px solid #ddd;border-radius:5px;padding:1rem;margin-bottom:1rem}.not-included-player{padding:.5rem;margin-bottom:.5rem;background-color:#fee;border-radius:3px}.suggestion-item{padding:.5rem;margin-bottom:.5rem;background-color:#eefff4;border-radius:3px}.suggestion-item button{margin-top:.5rem}#player-inclusion-chart-container{height:300px;margin:1rem 0}.player-selection{display:flex;gap:1rem;margin:1rem 0}.available-players,.current-players{flex:1;border:1px solid #ddd;border-radius:5px;padding:1rem;background-color:#f9f9f9}.player-selection-item{padding:.5rem;margin:.25rem 0;border-radius:3px;background-color:#fff;border:1px solid #eee}.player-selection-item:hover{background-color:#f0f0f0}body{font-family:Trebuchet MS,Gill Sans,Avenir Next,sans-serif;line-height:1.5;color:#e7ecff;background:radial-gradient(circle at top left,rgba(88,129,255,.28),transparent 36%),radial-gradient(circle at top right,rgba(255,173,96,.18),transparent 24%),linear-gradient(180deg,#07111f,#0b1426 55%,#0e1a2d);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,#0000004d,#000);mask-image:linear-gradient(180deg,#0000004d,#000);opacity:.22}button,input,textarea{font:inherit}#app{min-height:100vh}.page-shell{width:min(1440px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}header.hero{display:flex;justify-content:space-between;align-items:stretch;gap:24px;text-align:left;color:#f8fbff;background:linear-gradient(135deg,#0f1931f5,#112340eb);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 72px #00000047;padding:32px;border-radius:28px;margin-bottom:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy{flex:1;min-width:0}.hero h1{margin:0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.96;letter-spacing:-.04em;max-width:10ch}.eyebrow,.panel-label{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:#8dc6ff;margin-bottom:12px}.hero-text,.workspace-copy,.helper-text,.notice,.summary-card p,.detail-card span,.metric-card p{color:#e4ecffd1}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.meta-card,.panel,.summary-card,.event-card,.detail-card,.day-card,.metric-card,.notice{background:#0c1220b8;border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 18px 42px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.meta-card{min-width:140px;padding:18px}.meta-card span,.detail-card span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px;color:#9dbfffe6}.meta-card strong,.detail-card strong{display:block;font-size:1.05rem;color:#fff}.notice{padding:14px 18px;margin-bottom:18px}.landing-grid,.dashboard-grid{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:18px}.workspace-panel,.sidebar-panel,.panel{padding:22px}.workspace-stack,.stack-list,.day-stack{display:grid;gap:16px}.panel-heading{margin-bottom:18px}.panel-heading h2,.panel-heading h3,.hero h1{margin:0}.panel-heading.compact h3{font-size:1rem}.split-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inline-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.stack-form{display:grid;gap:14px}.stack-form label{display:grid;gap:8px;color:#f5f7ff;font-weight:600}.stack-form input,.stack-form textarea{width:100%;color:#f8fbff;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 15px;outline:none}.stack-form input:focus,.stack-form textarea:focus{border-color:#8dc6ffcc;box-shadow:0 0 0 4px #8dc6ff1f}.primary-button,.secondary-button,.ghost-button,.toggle-button{border:0;border-radius:14px;padding:12px 16px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.primary-button{color:#09111c;background:linear-gradient(135deg,#8dc6ff,#b6f0ff);box-shadow:0 12px 28px #8dc6ff47;font-weight:800}.secondary-button{color:#f7fbff;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.ghost-button{color:#f7fbff;background:transparent;border:1px solid rgba(255,255,255,.12)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.toggle-button:hover{transform:translateY(-1px)}.helper-text{margin-top:12px;font-size:.92rem}.monospace{font-family:Courier New,monospace;font-size:.86rem;word-break:break-all}.section-divider{height:1px;margin:18px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}.event-card,.summary-card{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:16px 18px;color:#f7fbff}.event-card span,.summary-card p{margin-top:4px;font-size:.9rem}.event-card.active,.summary-card.selected,.metric-card.finalized{border-color:#8dc6ff99;box-shadow:0 0 0 1px #8dc6ff3d,0 18px 42px #00000038}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.detail-card{padding:16px}.workspace-copy{margin-top:2px}.empty-state{padding:16px;color:#e4ecffb8;border:1px dashed rgba(255,255,255,.12);border-radius:18px}.day-card{padding:18px}.day-header,.metric-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.day-header span,.metric-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#ffffff14;color:#eff5ffe6;font-size:.8rem}.slot-grid{display:grid;gap:12px}.slot-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.slot-label{font-weight:700}.toggle-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toggle-button{color:#e8f0ff;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.toggle-button.active{color:#09111c;background:linear-gradient(135deg,#8dc6ff,#b6f0ff);border-color:transparent}.metric-card{padding:18px}.bar-track{display:flex;height:10px;overflow:hidden;border-radius:999px;background:#ffffff14;margin:12px 0 14px}.bar-available{background:linear-gradient(90deg,#47d18c,#7ef5b2)}.bar-unavailable{background:linear-gradient(90deg,#ff7b91,#ff4f72)}.bar-unset{background:#ffffff24}.metric-actions,.summary-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.compact-form textarea{resize:vertical}@media(max-width:1080px){header.hero,.landing-grid,.dashboard-grid,.detail-grid{grid-template-columns:1fr;display:grid}header.hero{display:grid}.hero-meta{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.page-shell{width:min(100vw - 20px,1440px);padding-top:12px}header.hero,.panel,.workspace-panel,.sidebar-panel{padding:18px;border-radius:20px}.hero-meta,.detail-grid{grid-template-columns:1fr}.slot-row,.split-heading{grid-template-columns:1fr;display:grid}.toggle-group,.inline-actions,.metric-actions,.summary-actions{justify-content:flex-start}}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem}.time-slot-container{margin-bottom:2rem}.time-block{border:1px solid #ddd;border-radius:5px;padding:1rem;margin-bottom:1rem;background-color:#f9f9f9}.suggestion-list{margin:1rem 0}.game-suggestion{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #ddd;margin-bottom:.75rem;border-radius:3px;background-color:#fff}.game-suggestion:hover{background-color:#f4f4f4}.game-suggestion-info{flex:1}.game-suggestion-name{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.game-suggestion-players{color:#555}.game-suggestion-actions{display:flex;gap:.5rem}.schedule-container{display:flex;flex-direction:column;gap:1.5rem}.day-schedule{border:1px solid #ddd;border-radius:5px;padding:1rem;background-color:#f9f9f9}.schedule-slot{background-color:#fff;padding:1rem;margin-bottom:1rem;border-radius:5px;position:relative;border:1px solid #eee}.schedule-slot h4{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.schedule-slot-actions{position:absolute;right:1rem;top:1rem;display:flex;gap:.5rem}.scheduled-game{font-weight:700;font-size:1.1rem;margin:.75rem 0}.scheduled-players{margin-top:1rem}.scheduled-player{display:inline-block;background-color:#eee;padding:.25rem .5rem;margin:.25rem;border-radius:3px}.empty-slot{color:#999;font-weight:400}.player-selection{margin:1rem 0;max-height:400px;overflow-y:auto;border:1px solid #ddd;border-radius:5px;padding:1rem}.player-selection-item{padding:.5rem;margin:.25rem 0;border-radius:3px;border:1px solid #eee}.player-selection-item:hover{background-color:#f4f4f4}.schedule-actions{margin-top:1.5rem;display:flex;gap:.5rem;flex-wrap:wrap}.schedule-actions button{padding:.5rem 1rem;background-color:#333;color:#fff;border:none;border-radius:3px;cursor:pointer}.schedule-actions button:hover{background-color:#555}