:root{--bg-color: #f4f4f0;--card-bg: #ffffff;--text-primary: #2c2c2c;--text-secondary: #757575;--accent-color: #b64040;--accent-soft: rgba(182, 64, 64, .1);--success-color: #6a7f5a;--border-color: #e6e6e6}body{margin:0;font-family:Inter,Noto Sans JP,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:40px 20px}.dashboard-header{margin-bottom:60px;padding-bottom:20px;border-bottom:1px solid var(--border-color);text-align:center}.header-content{display:flex;flex-direction:column;align-items:center;gap:30px}h1{margin:0;font-size:2rem;font-weight:300;letter-spacing:.1em;color:var(--text-primary);display:flex;align-items:center;gap:12px}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--accent-color);border:1px solid var(--accent-color);padding:4px 10px;border-radius:2px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.live-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #b64040b3}70%{transform:scale(1);box-shadow:0 0 0 6px #b6404000}to{transform:scale(.95);box-shadow:0 0 #b6404000}}.global-stats{display:flex;gap:60px;padding:20px 40px}.stat-item{display:flex;flex-direction:column;align-items:center;position:relative}.stat-item:not(:last-child):after{content:"";position:absolute;right:-30px;top:10%;height:80%;width:1px;background-color:var(--border-color)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:4px}.jp-label{font-size:.7rem;opacity:.7;font-weight:400;letter-spacing:normal}.stat-value{font-size:2rem;font-weight:300;color:var(--text-primary);font-feature-settings:"tnum"}.stat-value.highlight{color:var(--accent-color);font-weight:400}.controls-bar{display:flex;justify-content:space-between;margin-bottom:20px}.sort-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:8px;transition:all .2s ease;font-family:inherit}.sort-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.sort-btn.active{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary)}.view-toggle{display:flex;gap:10px}.toggle-btn{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.toggle-btn.active{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary)}.yadi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:30px}.yadi-card{background:var(--card-bg);padding:24px;border:1px solid var(--border-color);border-radius:4px;transition:transform .3s ease,box-shadow .3s ease}.yadi-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000008;border-color:#d1d1d1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.yadi-title-group{display:flex;flex-direction:column}.yadi-card h2{margin:0;font-size:1.1rem;font-weight:500;color:var(--text-primary)}.jp-subtitle{font-size:.7rem;color:var(--text-secondary);margin-top:2px}.percentage-badge{font-size:1.25rem;font-weight:300;color:var(--accent-color);font-feature-settings:"tnum"}.progress-container{height:2px;background:#f0f0f0;margin-bottom:20px;width:100%}.progress-bar{height:100%;background-color:var(--accent-color);transition:width .8s cubic-bezier(.22,1,.36,1)}.card-stats{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);border-top:1px solid #f5f5f5;padding-top:12px}.stat-row{display:flex;flex-direction:column;gap:2px}.stat-row strong{color:var(--text-primary);font-weight:500;font-size:1rem}.loading{display:flex;justify-content:center;align-items:center;height:70vh;font-size:1rem;font-weight:300;letter-spacing:.1em;color:var(--text-secondary);animation:breathe 3s infinite ease-in-out}@media (max-width: 768px){.global-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px}.stat-item:not(:last-child):after{display:none}}.booth-dashboard{padding:40px 20px;max-width:1200px;margin:0 auto}.booth-stats-header{display:flex;justify-content:center;gap:60px;margin-bottom:60px;padding:20px 40px}.stat-card{display:flex;flex-direction:column;align-items:center;position:relative;background:transparent;padding:0;border:none;box-shadow:none}.stat-card:not(:last-child):after{content:"";position:absolute;right:-30px;top:10%;height:80%;width:1px;background-color:var(--border-color, #e6e6e6)}.stat-card h3{font-size:.75rem;color:var(--text-secondary, #757575);text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px;font-weight:400}.stat-card p{font-size:2rem;font-weight:300;margin:0;color:var(--text-primary, #2c2c2c);font-feature-settings:"tnum"}.stat-card.highlight p{color:var(--accent-color, #b64040);font-weight:400}.centres-list{display:flex;flex-direction:column;gap:20px}.centre-group{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e6e6e6);border-radius:4px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.centre-group:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000008;border-color:#d1d1d1}.centre-header{padding:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:transparent;transition:background .2s ease;border-bottom:1px solid transparent}.centre-header:hover{background:#b6404005}.centre-info h4{margin:0 0 6px;font-size:1.1rem;font-weight:500;color:var(--text-primary, #2c2c2c)}.booth-range{font-size:.75rem;color:var(--text-secondary, #757575);letter-spacing:.05em}.centre-stats{display:flex;align-items:center;gap:20px}.percentage{font-weight:300;color:var(--accent-color, #b64040);font-size:1.25rem;font-feature-settings:"tnum"}.toggle-icon{font-size:.7em;color:var(--text-secondary, #757575);transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.sub-booths-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;background:var(--bg-color, #f4f4f0);border-top:1px solid var(--border-color, #e6e6e6)}.sub-booth-card{border:1px solid var(--border-color, #e6e6e6);border-radius:4px;padding:20px;background:var(--card-bg, #ffffff);transition:transform .2s ease,box-shadow .2s ease}.sub-booth-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000008}.sb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sb-header h5{margin:0;font-size:.9rem;font-weight:500;color:var(--text-primary, #2c2c2c);letter-spacing:.05em}.edit-btn{background:none;border:none;cursor:pointer;font-size:1.1em;color:var(--text-secondary, #757575);opacity:.4;transition:opacity .2s ease,color .2s ease}.edit-btn:hover{opacity:1;color:var(--text-primary, #2c2c2c)}.sb-stats{display:flex;justify-content:space-between;margin-bottom:16px;font-size:.8rem}.sb-stat{display:flex;flex-direction:column;gap:4px}.sb-stat span{font-size:.7rem;color:var(--text-secondary, #757575);text-transform:uppercase;letter-spacing:.1em}.sb-stat strong{color:var(--text-primary, #2c2c2c);font-weight:500;font-size:1rem}.progress-bar-bg{height:2px;background:#f0f0f0;margin-bottom:8px;width:100%}.progress-bar-fill{height:100%;background-color:var(--accent-color, #b64040);transition:width .8s cubic-bezier(.22,1,.36,1)}.pct-text{text-align:right;font-size:.75rem;color:var(--accent-color, #b64040);font-weight:300;font-feature-settings:"tnum"}.edit-form{display:flex;flex-direction:column;gap:12px;padding-top:8px}.edit-form label{font-size:.75rem;color:var(--text-secondary, #757575);display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.1em}.edit-form input{width:70px;padding:6px 8px;border:1px solid var(--border-color, #e6e6e6);border-radius:2px;font-family:inherit;font-size:.9rem;color:var(--text-primary, #2c2c2c);transition:border-color .2s ease}.edit-form input:focus{outline:none;border-color:var(--accent-color, #b64040)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.save-btn{background:var(--success-color, #6a7f5a);color:#fff;border:none;padding:6px 14px;border-radius:2px;font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:opacity .2s ease;font-family:inherit}.save-btn:hover{opacity:.9}.cancel-btn{background:transparent;color:var(--text-secondary, #757575);border:1px solid var(--border-color, #e6e6e6);padding:6px 14px;border-radius:2px;font-size:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease;font-family:inherit}.cancel-btn:hover{border-color:var(--text-primary, #2c2c2c);color:var(--text-primary, #2c2c2c)}.loading{display:flex;justify-content:center;align-items:center;height:70vh;font-size:1rem;font-weight:300;letter-spacing:.1em;color:var(--text-secondary, #757575);animation:breathe 3s infinite ease-in-out}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.booth-stats-header{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px}.stat-card:not(:last-child):after{display:none}.sub-booths-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}}