.star-page,.star-admin{--star-lime:#c9f276;--star-cyan:#5ce1cf;--star-edge:rgba(133,188,154,.22)}
.star-page .panel,.star-admin .panel{margin-bottom:20px}.star-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border-radius:22px;border:1px solid var(--star-edge,#34483c);background:radial-gradient(ellipse at 95% 0,rgba(82,216,173,.18),transparent 65%),linear-gradient(125deg,#152c28,#15212b);color:#f1f8ee;margin-bottom:20px}.star-hero h2{margin:12px 0;font-size:clamp(23px,3.5vw,34px);line-height:1.15}.star-hero p{max-width:560px;color:#becfc8;line-height:1.6;margin:0}.star-kicker{font-weight:900;letter-spacing:2px;color:#c9f276;font-size:13px}.star-hero-balance{min-width:230px;text-align:right;display:grid;gap:10px}.star-hero-balance strong{font-size:32px;color:#c9f276;overflow-wrap:anywhere}.star-hero-balance small{max-width:280px;color:#b7c9c0}.star-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.star-metrics .metric-card,.star-split .metric-card{min-width:0;display:grid;gap:12px}.star-metrics .metric-card strong{font-size:clamp(20px,2.2vw,30px);overflow-wrap:anywhere}.star-metrics small,.star-split small{opacity:.75;font-size:12px;line-height:1.5}.star-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.star-split .metric-card:first-child{border-left:4px solid #c9f276}.star-split .metric-card:nth-child(2){border-left:4px solid #5ce1cf}.star-split strong{font-size:clamp(21px,3vw,34px);overflow-wrap:anywhere}.star-week-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.star-week-nav input,.star-week-nav select{max-width:100%;padding:11px;border-radius:10px;border:1px solid var(--star-edge,#526052);background:#142322;color:#f1f8ee}.star-week-nav label{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.star-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.star-two-columns>.panel{min-width:0}.star-reward-amount{font-size:clamp(30px,4vw,48px);font-weight:900;color:#9dd165;overflow-wrap:anywhere}.star-progress{margin:17px 0}.star-progress>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:9px}.star-progress progress{appearance:none;display:block;width:100%;height:9px;overflow:hidden;border:0;border-radius:10px;background:#29392f}.star-progress progress::-webkit-progress-bar{background:#29392f;border-radius:10px}.star-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#5ce1cf,#c9f276);border-radius:10px}.star-progress progress::-moz-progress-bar{background:#9bdfad;border-radius:10px}.star-breakdown{margin:0}.star-breakdown>div{display:flex;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--star-edge)}.star-breakdown dt{font-size:14px}.star-breakdown dd{margin:0;text-align:right;font-weight:800;white-space:nowrap}.star-missions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.star-mission{border:1px solid var(--star-edge);border-radius:14px;padding:18px}.star-mission>div:first-child{display:flex;gap:10px;align-items:center}.star-mission h3{font-size:14px;flex:1;line-height:1.4;margin:0}.star-mission b{font-size:12px;white-space:nowrap}.star-check{font-size:22px;opacity:.65}.star-check.complete{opacity:1;color:#88c45a}.star-ranking{padding:0;list-style:none;margin:0}.star-ranking li{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--star-edge);font-size:13px}.star-ranking li>a{flex:1;overflow:hidden;text-overflow:ellipsis}.star-ranking .is-me{background:rgba(154,201,109,.12);border-radius:10px}.star-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.star-benefit{padding:20px;border:1px solid var(--star-edge);border-radius:16px;display:flex;flex-direction:column;gap:10px}.star-benefit>span{font-size:30px;color:#9bcb6b}.star-benefit h3,.star-benefit p{margin:0}.star-benefit form{margin-top:auto}.star-benefit .btn{margin-top:12px;width:100%}.star-rules>summary{cursor:pointer;padding:20px;font-weight:800}.star-rules p{line-height:1.65}.star-chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.star-config-group{margin:24px 0;border:1px solid var(--star-edge);border-radius:12px;padding:16px;min-width:0}.star-config-group legend{font-weight:800;padding:0 8px;max-width:100%;font-size:14px}.star-rule-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;align-items:end;padding:14px 0;border-bottom:1px solid var(--star-edge);margin-bottom:14px}.star-rule-row .field{margin:0;min-width:0}.star-rule-row .field>span{font-size:12px}.star-admin .field input,.star-admin .field select{width:100%;min-width:0}.star-admin .star-checkbox{display:flex;flex-direction:row;align-items:center;gap:12px}.star-admin .star-checkbox input{width:18px;flex-shrink:0}.star-admin .data-table small{display:block;max-width:260px;overflow-wrap:anywhere;margin-top:5px}.star-review-form{display:grid;gap:8px;min-width:180px;margin-top:10px}.star-review-form input:not([type="checkbox"]){width:100%;padding:8px;border:1px solid #67756b;border-radius:8px}.star-admin .panel-head{flex-wrap:wrap;gap:15px}.star-admin .panel-head p{font-size:13px;line-height:1.5}.star-profile-frame{outline:4px solid #c9f276!important;box-shadow:0 0 0 8px rgba(92,225,207,.3),0 0 30px rgba(201,242,118,.35)!important}.star-profile-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:9px;background:#233929;color:#d1f595;font-weight:800;font-size:12px}.live-card.star-spotlight{outline:2px solid #9dcf6b}.live-card .star-spotlight-label{display:block;font-size:11px;color:#d4f797;font-weight:800;margin-bottom:6px}.star-page button:disabled,.star-admin button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1000px){.star-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.star-two-columns{grid-template-columns:1fr}.star-hero{padding:24px}.star-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.star-hero{flex-direction:column;align-items:flex-start;padding:22px}.star-hero-balance{text-align:left;min-width:0}.star-hero-balance strong{font-size:30px}.star-metrics{gap:10px}.star-split{grid-template-columns:1fr}.star-missions,.star-benefit-grid{grid-template-columns:1fr}.star-rule-row{grid-template-columns:repeat(2,minmax(0,1fr))}.star-config-group{padding:10px}.star-mission>div:first-child{flex-wrap:wrap}.star-mission h3{min-width:120px}.star-week-nav .btn{padding:10px 12px;font-size:12px}.star-breakdown>div{flex-wrap:wrap}.star-page .metric-card{padding:16px}.star-admin .table-wrap,.star-page .table-wrap{overflow-x:auto}}