.toolbar input { height:34px; min-width:220px; padding:0 11px; border:1px solid #dce7dd; border-radius:9px; background:#fff; color:#51675a; font-size:10px; outline:none; }
.toolbar input:focus { border-color:#49a85e; box-shadow:0 0 0 3px rgba(45,156,73,.08); }
.click-row { cursor:pointer; }
.click-row:hover td { background:#f1f8f2; }
.detail-toolbar { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.detail-toolbar button { height:36px; padding:0 14px; border:1px solid #dce7dd; border-radius:10px; color:#4f6856; background:#fff; cursor:pointer; font-size:10px; }
.detail-toolbar .danger-button { color:#b54d49; border-color:#f0d6d4; background:#fff2f1; }
.detail-toolbar>div { display:flex; gap:8px; }.detail-toolbar .recharge-button { color:#fff; border-color:#269447; background:linear-gradient(135deg,#38ad58,#238c42); }
.user-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-bottom:15px; }
.user-summary section { min-height:105px; padding:17px; border:1px solid rgba(77,137,88,.12); border-radius:17px; background:rgba(255,255,255,.86); box-shadow:0 8px 24px rgba(33,85,42,.05); }
.user-summary small,.user-summary strong,.user-summary span { display:block; }
.user-summary small { color:#819087; font-size:9px; }
.user-summary strong { margin-top:8px; font-size:20px; }
.user-summary span { margin-top:7px; color:#669073; font-size:9px; }
.detail-section { margin-top:14px; }
.ua-cell { max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.table-wrap strong { font-size:10px; }
.admin-modal-mask { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:24px; background:rgba(20,48,27,.38); backdrop-filter:blur(5px); }
.admin-modal { width:min(460px,calc(100vw - 40px)); padding:22px; border:1px solid #dce9dd; border-radius:20px; background:#fbfefb; box-shadow:0 28px 80px rgba(16,58,27,.28); }
.admin-modal header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:16px; }.admin-modal h2 { margin:0; font-size:18px; }.admin-modal header p { margin:5px 0 0; color:#7c8d81; font-size:10px; }.admin-modal header button { width:31px; height:31px; border:0; border-radius:9px; background:#edf4ee; cursor:pointer; font-size:20px; }
.admin-modal label { display:flex; flex-direction:column; gap:6px; margin-top:12px; color:#526659; font-size:10px; font-weight:700; }.admin-modal input,.admin-modal select,.admin-modal textarea { box-sizing:border-box; width:100%; border:1px solid #dce8dd; border-radius:10px; padding:0 11px; background:#fff; color:#334d3a; outline:none; }.admin-modal input,.admin-modal select { height:40px; }.admin-modal textarea { height:68px; padding-top:10px; resize:vertical; }.admin-modal label small { color:#829087; font-weight:400; line-height:1.5; }
.price-preview { margin-top:12px; padding:11px 13px; display:flex; align-items:center; justify-content:space-between; border-radius:11px; color:#65786b; background:#eef7ef; font-size:10px; }.price-preview strong { color:#278b45; font-size:16px; }.admin-modal footer { display:flex; justify-content:flex-end; gap:9px; margin-top:19px; }.admin-modal footer button { height:38px; padding:0 18px; border:0; border-radius:10px; cursor:pointer; }.admin-modal footer button:first-child { background:#edf3ee; color:#52665a; }