:root{font-family:Inter,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#f4f7ff;background-color:#0b1120;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1f2a44,#0b1120 70%)}.toast-container{position:fixed;top:16px;right:16px;z-index:9999}.toast{background:#0f172ae6;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1rem;border-radius:12px;margin-bottom:.5rem;min-width:240px;box-shadow:0 10px 30px #00000040;animation:fadein .3s ease}.toast.success{border-color:#22c55e66}.toast.error{border-color:#f8717166}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}a{color:inherit}table{width:100%;border-collapse:collapse}table th,table td{text-align:left;padding:.75rem .5rem}table th{color:#98a2c3;font-size:.85rem;letter-spacing:.04em}table tbody tr:nth-child(2n){background:#ffffff04}table tbody tr:hover{background:#ffffff08}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;color:#f4f7ff}.sidebar{background:#0a1021f2;border-right:1px solid rgba(255,255,255,.05);padding:2rem 1.5rem}.brand{font-weight:700;font-size:1.2rem;margin-bottom:2rem}.nav-link{display:block;padding:.75rem 1rem;border-radius:.75rem;margin-bottom:.5rem;color:#a3add4;transition:background .2s}.nav-link.active,.nav-link:hover{background:#7c3aed33;color:#fff}.content-area{padding:2rem}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.app-header h1{margin:0;font-size:1.5rem}.subtitle{margin:0;color:#8a94c2}.header-actions{display:flex;gap:.5rem}.btn{border:none;border-radius:8px;padding:.6rem 1.25rem;cursor:pointer;font-weight:600}.btn.small{padding:.4rem .9rem;font-size:.85rem}.btn.primary{background:linear-gradient(90deg,#7c3aed,#4c1d95);color:#fff}.btn.secondary{background:#ffffff1a;color:#fff}.page{display:flex;flex-direction:column;gap:1.5rem}.card{background:#0c1327f2;border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:1.5rem;box-shadow:0 10px 30px #0000004d}.card h2,.card h3{margin-top:0}.tab-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.tab-btn{border:1px solid rgba(255,255,255,.12);background:transparent;color:#a3add4;border-radius:999px;padding:.4rem 1rem;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:linear-gradient(90deg,#7c3aed,#4c1d95);border-color:transparent;color:#fff;box-shadow:0 6px 18px #7c3aed40}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.metric-card{padding:1rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.metric-title{margin:0;color:#9ea8cf}.metric-value{font-size:1.8rem;margin:.25rem 0;font-weight:600}.metric-desc{margin:0;color:#7781ad;font-size:.9rem}.metric-value.small{font-size:1.2rem}.ai-narrative{margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.05);white-space:pre-wrap;line-height:1.6}.filters{display:flex;gap:1rem;margin-bottom:1rem}.filters.stacked{flex-direction:column}.filter-row{display:flex;flex-wrap:wrap;gap:1rem}.period-toggle{display:flex;gap:.5rem;flex-wrap:wrap}.filters input,.filters select{padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff}.toggle-group{display:flex;gap:.5rem;align-items:center}.table-wrapper{overflow-x:auto}.status{padding:.15rem .6rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.status.imported{background:#3b82f633;color:#7dd3fc}.status.synced{background:#22c55e33;color:#86efac}.status-stack{display:flex;flex-direction:column;gap:.25rem}.scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}.scope-card{padding:1rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.progress-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.progress-card{background:#ffffff05;border-radius:14px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.05)}.progress-header{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.5rem}.progress-track{width:100%;height:8px;border-radius:999px;background:#7c3aed1f;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#a855f7);transition:width .3s ease}.progress-card .metric-desc.small{font-size:.8rem;margin-top:.35rem}.muted{color:#8a94c2}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.chart-wrapper{width:100%;height:300px}.mt{margin-top:1rem}.steps{padding-left:1.5rem}.steps li{margin-bottom:.5rem}.error{color:#fda4af}.import-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem;margin-top:1rem}.import-grid .full-span{grid-column:1 / -1}.import-grid textarea{width:100%;min-height:260px;resize:vertical;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;font-family:JetBrains Mono,monospace;font-size:.95rem;line-height:1.5}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row.inline{flex-direction:row}.indicator-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr) 1.5fr;gap:.5rem;align-items:center;margin-bottom:.5rem}.indicator-hint{font-size:.8rem;color:#94a3b8}.note-editor{width:100%;min-height:120px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit;padding:.75rem;margin-top:.75rem}.period-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.period-summary .metric-value{font-size:1.6rem}.text-success{color:#4ade80}.text-danger{color:#f87171}.indicator-row{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem;margin-bottom:.75rem;background:#ffffff03}.leaderboard-admin{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:1.5rem;margin-top:1rem}@media(max-width:960px){.leaderboard-admin{grid-template-columns:1fr}}.leaderboard-admin-list{display:flex;flex-direction:column;gap:.75rem}.leaderboard-admin-list .scrollable{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.leaderboard-item.active{border-color:#7c3aedcc}.leaderboard-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}.leaderboard-editor{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;background:#ffffff05}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-field label{display:block;font-size:.85rem;color:#9ea8cf;margin-bottom:.35rem}.form-field input,.form-field select,.form-field textarea,.leaderboard-editor .note-editor{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;padding:.55rem .75rem}.json-input{font-family:JetBrains Mono,monospace;min-height:160px;resize:vertical}.button-row{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.table-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1rem}.table-controls label{display:flex;flex-direction:column;font-size:.85rem;color:#9ea8cf}.table-controls select{margin-top:.25rem;padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff}.indicator-meta{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.indicator-meta span{color:#94a3b8;font-size:.85rem}.indicator-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.indicator-fields label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(circle at top,#1f2a44,#0b1120 70%)}.login-card{width:320px;padding:2rem;border-radius:16px;background:#0c1327f2;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1rem}.login-card input{width:100%;padding:.5rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff}.btn.ghost{background:#ffffff14;border:1px dashed rgba(255,255,255,.2);color:#fff}.address-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;margin-right:.25rem;margin-bottom:.25rem}.leaderboard-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.leaderboard-card{background:#ffffff08;border:1px solid transparent;border-radius:16px;padding:1rem;text-align:left;color:inherit;cursor:pointer}.leaderboard-card.active,.leaderboard-card:hover{border-color:#7c3aed99}.leaderboard-card.favorite{box-shadow:0 0 15px #fbbf2466}.leaderboard-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.leaderboard-detail-header{display:flex;justify-content:space-between;gap:1rem}.leaderboard-meta{text-align:right;color:#9ea8cf}.filter-badges{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.emoji{margin-right:.3rem}.badge{margin-left:.5rem;padding:.1rem .4rem;border-radius:999px;font-size:.75rem;color:#fff}.badge.favorite{background:#fbbf24;color:#111;margin-left:.25rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0}.settings-grid label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}.settings-grid input,.settings-grid select{padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:inherit}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0}.template-card{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.75rem 1rem;background:#ffffff05;text-align:left;color:inherit}.template-card.active{border-color:#7c3aedcc;box-shadow:0 8px 20px #7c3aed40}.template-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.score-dimension{border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem;background:#ffffff05}.dimension-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dimension-header h4{margin:0}
