*{box-sizing:border-box}body{color:#e5e7eb;background:#0e1118;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.page{max-width:1440px;margin:0 auto;padding:16px}.header{margin-bottom:12px}.header h1{margin:0;font-size:26px}.sub{color:#9ca3af;margin-top:6px;font-size:14px}.layout{grid-template-columns:360px 1fr;gap:12px;display:grid}.card{background:#171b24;border:1px solid #2d3340;border-radius:10px;padding:12px}.left-panel{flex-direction:column;height:calc(100vh - 90px);display:flex;overflow:hidden}.right-panel{flex-direction:column;gap:12px;min-width:0;display:flex}.panel-title{margin-bottom:10px;font-size:15px;font-weight:700}.filters{grid-template-columns:1fr 110px 74px;gap:8px;margin-bottom:10px;display:grid}.user-list{flex-direction:column;gap:8px;display:flex;overflow:auto}.user-item{text-align:left;color:#e5e7eb;cursor:pointer;background:#11151d;border:1px solid #313848;border-radius:8px;padding:10px}.user-item.active{background:#1c2230;border-color:#c8a464}.user-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.badge{border-radius:999px;padding:2px 8px;font-size:11px}.badge.member{color:#8ee3b0;background:#19462f}.badge.non-member{color:#f7abab;background:#4a2b2b}.small{color:#9ca3af;font-size:12px;line-height:1.4}.hint{color:#9ca3af;font-size:13px}.overview-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.overview-grid>div{background:#11151d;border:1px solid #313848;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.label{color:#9ca3af;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.form-grid.two{grid-template-columns:1fr 2fr}.inline{align-items:center;gap:8px;font-size:14px;display:flex}input,select,textarea,button{color:#e5e7eb;background:#0f131a;border:1px solid #374151;border-radius:8px;width:100%;padding:9px 10px;font-size:14px}button{cursor:pointer}button:hover{border-color:#c8a464}.action{color:#0f1118;background:linear-gradient(135deg,#c9a464,#8c6e37);border:none;margin-top:10px;font-weight:700}.records{flex-direction:column;gap:8px;display:flex}.record-item{background:#11151d;border:1px solid #313848;border-radius:8px;padding:10px}.record-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.error{color:#fecaca;border-color:#7f1d1d}.success{color:#bbf7d0;border-color:#14532d}@media (width<=1100px){.layout{grid-template-columns:1fr}.left-panel{height:auto;max-height:45vh}.overview-grid,.form-grid,.form-grid.two,.filters{grid-template-columns:1fr}}