:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1b5e20,#4caf50);margin:-2rem;padding:2rem}.content{background:#fffffff2;padding:2rem;border-radius:1rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease;min-width:320px}.content:hover{transform:translateY(-5px)}h1{font-size:2.5em;line-height:1.1;margin:0 0 1rem;color:#1b5e20;font-weight:700}.welcome-text{font-size:1.2em;color:#666;margin-bottom:2rem}.attendance-display{padding:1.5rem;background:#ffffffe6;border-radius:.8rem;box-shadow:0 4px 6px #0000001a;margin-top:1rem}.event-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;width:100%}.team-logo{height:45px;width:auto;max-width:20%;object-fit:contain;flex-shrink:0}.event-name{font-size:1.6em;color:#1b5e20;font-weight:700;text-align:center;margin:0 10px;flex-grow:1;flex-shrink:1;min-width:0;line-height:1.3}.event-details{display:flex;flex-direction:column;gap:.8rem}.datetime,.attendance,.remaining-tickets{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1em}.value{color:#333;font-weight:500}.attendance .value.attendance-number{font-size:1.8em;font-weight:700;color:#1b5e20;margin:0 .3rem}.remaining-tickets .value{font-weight:700;font-size:1.1em}.update-info{font-size:.8em;color:#666;margin-top:1rem;font-style:italic;margin:1rem 0}.attendance-loading{padding:2rem;text-align:center;color:#666}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #f3f3f3;border-top:4px solid #1b5e20;border-radius:50%;animation:spin 1s linear infinite}.attendance-error{color:#d32f2f;padding:1rem;background:#d32f2f1a;border-radius:.5rem;margin:1rem 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.content{background:#1e1e1ef2;color:#fff}h1{color:#81c784}.welcome-text{color:#ccc}.event-name{color:#a5d6a7}.value{color:#e0e0e0}.attendance .value.attendance-number{color:#81c784}.update-info{color:#999}.attendance-display{background:#282828e6}.spinner{border-color:#333;border-top-color:#81c784}.attendance-progress-bar-container{background-color:#555}.attendance-progress-bar{background-color:#66bb6a;color:#111}.sector-groups-title{color:#e0e0e0}}.attendance-progress-bar-container{width:90%;margin:1rem auto;background-color:#e0e0e0;border-radius:8px;height:22px;overflow:hidden}.attendance-progress-bar{height:100%;background-color:#4caf50;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85em;transition:width .5s ease-in-out}.progress-bar-text{padding:0 5px}.sector-groups-container{margin-top:2rem}.sector-groups-title{font-size:1.4em;color:#333;margin-bottom:1rem;text-align:center;font-weight:600}.sector-group-card{background-color:#fffffff2;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 4px #0000000d;border-left:5px solid;transition:box-shadow .3s ease}.sector-group-card:hover{box-shadow:0 4px 8px #0000001a}.sector-group-header{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05);flex-wrap:wrap;gap:5px 10px}.sector-group-color-indicator{width:10px;height:20px;border-radius:3px;flex-shrink:0}.sector-group-name{flex-grow:1;font-size:1.1em;font-weight:600;color:#2c3e50;margin:0;min-width:100px;text-align:left}.sector-group-summary{font-size:.9em;color:#555;white-space:normal;display:flex;flex-wrap:wrap;gap:5px 10px;flex-basis:auto;justify-content:flex-end}.sector-group-summary>span{white-space:nowrap}.sector-group-summary .remaining-group{font-size:.9em;color:#777}.expansion-arrow{margin-left:auto;transition:transform .3s ease;font-size:.8em;padding-left:10px}.expansion-arrow.expanded{transform:rotate(180deg)}.sector-group-details{padding:1rem;background-color:#00000005}.sector-detail-item{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dashed rgba(0,0,0,.05)}.sector-detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sector-name{font-weight:700;display:block;margin-bottom:.25rem;color:#333}.sector-stats{font-size:.9em;color:#555;display:block;margin-bottom:.35rem}.sector-group-progress-bar-container,.sector-progress-bar-container{width:100%;background-color:#e9ecef;border-radius:6px;height:18px;margin-top:.25rem;margin-bottom:.75rem;overflow:hidden}.sector-group-progress-bar-container{margin-bottom:1rem}.sector-group-progress-bar,.sector-progress-bar{height:100%;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:.75em;transition:width .5s ease-in-out}@media (prefers-color-scheme: dark){.attendance-progress-bar{background-color:#66bb6a;color:#111}.sector-group-card{background-color:#2d2d2df2;border-left-color:transparent}.sector-group-header{border-bottom-color:#ffffff1a}.sector-group-name{color:#e0e0e0}.sector-group-summary{color:#bbb}.sector-group-summary .remaining-group{color:#999}.sector-group-details{background-color:#ffffff08}.sector-detail-item{border-bottom-color:#ffffff14}.sector-name{color:#ccc}.sector-stats{color:#aaa}.sector-group-progress-bar-container,.sector-progress-bar-container{background-color:#3e3e3e}.sector-group-progress-bar,.sector-progress-bar{color:#1a1a1a}.sector-groups-title{color:#e0e0e0}}.sales-trend-container{margin-top:.75rem;padding:.5rem 0;border-radius:8px}.sales-trend-blocks-container{display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap}.trend-block{background-color:#0000000a;padding:.75rem;border-radius:6px;text-align:center;flex-grow:1;flex-basis:0;min-width:80px;box-shadow:0 1px 2px #0000000d}.trend-block-label{font-size:.75em;color:#777;margin-bottom:.25rem;display:block;font-weight:700}.trend-block-value{font-size:1.3em;font-weight:700;color:#006634}@media (prefers-color-scheme: dark){.trend-block{background-color:#ffffff0f;box-shadow:0 1px 2px #0000001a}.trend-block-label{color:#aaa}.trend-block-value{color:#81c784}}@media (max-width: 576px){.sector-group-header{flex-direction:column;align-items:center;gap:8px;padding:.75rem}.sector-group-color-indicator{margin-right:0;margin-bottom:5px}.sector-group-name{flex-grow:0;text-align:center;min-width:unset}.sector-group-summary{flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;margin-left:0}.sector-group-summary>span{white-space:normal}.expansion-arrow{margin-left:0}}.attendance-metrics{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.metric-card{background:#fffffff2;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;border-left:4px solid transparent;transition:all .3s ease;width:100%;text-align:center}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.metric-card.home-supporters{border-left-color:#1b5e20;background:linear-gradient(135deg,#1b5e200d,#fffffff2)}.metric-card.total-attendance{border-left-color:#0277bd;background:linear-gradient(135deg,#0277bd0d,#fffffff2)}.metric-card.compact{padding:1rem 1.5rem}.compact-info{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}.compact-label{font-size:1rem;font-weight:600;color:#333;white-space:nowrap}.compact-breakdown{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;flex-grow:1}.plus-sign{color:#666;font-weight:700;font-size:.9rem}.total-indicator{color:#0277bd;font-weight:600;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;background:#0277bd1a}.metric-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.metric-icon{font-size:1.5rem}.metric-title{font-size:1.3rem;font-weight:600;color:#333;margin:0}.metric-content{display:flex;flex-direction:column;gap:.75rem}.metric-numbers{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.primary-number{font-size:2rem;font-weight:700;color:#1b5e20}.total-attendance .primary-number{color:#0277bd}.secondary-number{font-size:1.1rem;color:#666;font-weight:500}.metric-remaining{font-size:.9rem;color:#666;font-weight:500}.breakdown-value{font-weight:600;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.breakdown-value.home{background:#1b5e201a;color:#1b5e20}.breakdown-value.guest{background:#9e9e9e1a;color:#424242}.progress-container{margin-top:.5rem}.progress-bar{height:18px;border-radius:6px;background:#0000001a;position:relative;overflow:hidden;transition:width .8s ease}.progress-bar.home-progress{background:linear-gradient(90deg,#1b5e20,#4caf50)}.progress-bar.total-progress{background:linear-gradient(90deg,#0277bd,#29b6f6)}.progress-text{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.attendance-metrics{gap:.75rem}.metric-card{padding:1rem}.metric-card.compact{padding:.75rem 1rem}.compact-info{flex-direction:column;align-items:flex-start;gap:.5rem}.compact-breakdown{gap:.25rem}.primary-number{font-size:1.6rem}.metric-header{gap:.5rem}.metric-icon{font-size:1.25rem}.metric-title{font-size:1.1rem}}@media (max-width: 480px){.attendance-metrics{margin:1rem 0}.metric-title{font-size:1rem}.breakdown-value{font-size:.75rem;padding:.2rem .4rem}.total-indicator{font-size:.85rem}}@media (prefers-color-scheme: dark){.metric-card{background:#282828f2;color:#e0e0e0}.metric-card.home-supporters{background:linear-gradient(135deg,#1b5e201a,#282828f2)}.metric-card.total-attendance{background:linear-gradient(135deg,#0277bd1a,#282828f2)}.metric-title,.compact-label{color:#e0e0e0}.plus-sign{color:#bbb}.total-indicator{color:#4fc3f7;background:#4fc3f733}.primary-number{color:#81c784}.total-attendance .primary-number{color:#4fc3f7}.secondary-number,.metric-remaining{color:#bbb}.breakdown-value.home{background:#81c78433;color:#a5d6a7}.breakdown-value.guest{background:#9e9e9e33;color:#bdbdbd}.progress-bar{background:#ffffff1a}}