.home[data-v-d42601cf]{padding:24px;min-height:calc(100vh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center}.page-title[data-v-d42601cf]{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:32px;text-align:center}.person-grid[data-v-d42601cf]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:560px;width:100%;padding:20px}.person-box[data-v-d42601cf]{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;padding:12px;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 6px 20px #0000001a;border:1px solid rgba(44,82,130,.15)}.person-box[data-v-d42601cf]:hover{transform:translateY(-6px);box-shadow:0 12px 28px #2c52822e;border-color:#2c528240}.person-box[data-v-d42601cf]:active{transform:translateY(-3px)}.photo-area[data-v-d42601cf]{width:100%;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#e2e8f0,#cbd5e0);margin-bottom:8px;position:relative}.photo[data-v-d42601cf]{width:100%;height:100%;object-fit:cover}.photo-placeholder[data-v-d42601cf]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#718096;font-weight:600;background:linear-gradient(145deg,#f1f5f9,#e2e8f0)}.person-name[data-v-d42601cf]{font-size:18px;font-weight:600;color:#2d3748}.dialog-overlay[data-v-d42601cf]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-d42601cf .2s ease}@keyframes fadeIn-d42601cf{0%{opacity:0}to{opacity:1}}.dialog[data-v-d42601cf]{background:linear-gradient(145deg,#fff,#f8fafc);padding:32px;border-radius:20px;width:320px;box-shadow:0 20px 40px #00000026;animation:slideUp-d42601cf .3s ease}@keyframes slideUp-d42601cf{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-title[data-v-d42601cf]{font-size:18px;font-weight:600;color:#2d3748;text-align:center;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.dialog-close[data-v-d42601cf]{font-size:28px;cursor:pointer;color:#a0aec0;line-height:1;transition:color .2s ease}.dialog-close[data-v-d42601cf]:hover{color:#4a5568}.dialog-person[data-v-d42601cf]{font-size:15px;color:#718096;text-align:center;margin-bottom:20px;padding:12px;background:#f7fafc;border-radius:10px}.dialog input[data-v-d42601cf]{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;margin-bottom:20px;transition:border-color .3s ease;outline:none}.dialog input[data-v-d42601cf]:focus{border-color:#2c5282;box-shadow:0 0 0 3px #2c52821a}.dialog-buttons[data-v-d42601cf]{display:flex;gap:12px}.dialog button[data-v-d42601cf]{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.dialog button.cancel[data-v-d42601cf]{background:#e2e8f0;color:#4a5568}.dialog button.cancel[data-v-d42601cf]:hover{background:#cbd5e0}.dialog button.confirm[data-v-d42601cf]{background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff}.dialog button.confirm[data-v-d42601cf]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2c52824d}@media screen and (max-width: 768px){.home[data-v-d42601cf]{padding:16px 12px}.person-grid[data-v-d42601cf]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.person-card[data-v-d42601cf]{padding:20px 16px}.person-avatar[data-v-d42601cf]{width:70px;height:70px}.person-name[data-v-d42601cf]{font-size:15px}.dialog[data-v-d42601cf]{width:90%;max-width:320px;padding:24px}}@media screen and (max-width: 480px){.home[data-v-d42601cf]{padding:12px 8px}.person-grid[data-v-d42601cf]{grid-template-columns:repeat(2,1fr);gap:10px}.person-card[data-v-d42601cf]{padding:16px 12px}.person-avatar[data-v-d42601cf]{width:60px;height:60px;margin-bottom:12px}.person-name[data-v-d42601cf]{font-size:14px}.dialog[data-v-d42601cf]{width:95%;padding:20px}.dialog-title[data-v-d42601cf]{font-size:16px}}.person-view[data-v-497075e1]{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);display:flex;flex-direction:column}.nav[data-v-497075e1]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 2px 8px #0000000f;position:sticky;top:64px;z-index:50}.back-btn[data-v-497075e1],.history-btn[data-v-497075e1]{padding:8px 16px;background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.back-btn[data-v-497075e1]:hover,.history-btn[data-v-497075e1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c52824d}.nav h2[data-v-497075e1]{margin:0;font-size:18px;color:#2d3748}.member-bar[data-v-497075e1]{padding:12px 20px;background:#fff;border-bottom:1px solid #e2e8f0}.member-btn[data-v-497075e1]{padding:10px 20px;background:linear-gradient(135deg,#38a169,#48bb78);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.member-btn[data-v-497075e1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38a1694d}.member-info[data-v-497075e1]{display:flex;align-items:center;gap:16px;font-size:14px}.member-info span[data-v-497075e1]:first-child{color:#2c5282;font-weight:500}.member-info span[data-v-497075e1]:nth-child(2){color:#38a169;font-weight:600}.clear-member[data-v-497075e1]{padding:6px 12px;background:#e53e3e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px}.member-balance-info[data-v-497075e1]{background:linear-gradient(135deg,#f0fff4,#e6fffa);padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #c6f6d5}.member-balance-info p[data-v-497075e1]{margin:0;font-size:14px;color:#276749;font-weight:500}.items-grid[data-v-497075e1]{flex:1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:12px;overflow-y:auto}.item-card[data-v-497075e1]{background:linear-gradient(145deg,#fff,#f8fafc);padding:10px 8px;border-radius:8px;box-shadow:0 2px 6px #0000000a;cursor:pointer;transition:all .2s ease;min-height:70px;max-height:80px;display:flex;flex-direction:column;justify-content:center;text-align:center}.item-card[data-v-497075e1]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.item-card.selected[data-v-497075e1]{background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff}.item-name[data-v-497075e1]{font-size:12px;margin-bottom:6px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-amount[data-v-497075e1]{font-size:14px;font-weight:600}.bottom-bar[data-v-497075e1]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;box-shadow:0 -2px 8px #0000000f;position:sticky;bottom:0}.total[data-v-497075e1]{display:flex;align-items:baseline;gap:8px}.total span[data-v-497075e1]:first-child{font-size:16px;color:#718096}.total-amount[data-v-497075e1]{font-size:24px;font-weight:700;color:#2c5282}.checkout-btn[data-v-497075e1]{padding:12px 32px;background:linear-gradient(135deg,#e53e3e,#f56565);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease}.checkout-btn[data-v-497075e1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e66}.dialog-overlay[data-v-497075e1]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100}.dialog[data-v-497075e1]{background:#fff;border-radius:16px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 40px #00000026}.dialog-title[data-v-497075e1]{font-size:18px;font-weight:600;margin-bottom:20px;color:#2d3748;position:relative}.dialog-close[data-v-497075e1]{position:absolute;right:0;top:0;font-size:24px;cursor:pointer;color:#a0aec0}.form-group[data-v-497075e1]{display:flex;flex-direction:column;gap:12px}.form-group label[data-v-497075e1]{font-size:14px;color:#4a5568}.form-group input[data-v-497075e1]{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input[data-v-497075e1]:focus{outline:none;border-color:#3182ce}.dialog-actions[data-v-497075e1]{display:flex;gap:12px;margin-top:20px}.btn[data-v-497075e1]{flex:1;padding:12px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.btn-primary[data-v-497075e1]{background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff}.btn-primary[data-v-497075e1]:hover{transform:translateY(-2px)}.btn-secondary[data-v-497075e1]{background:#e2e8f0;color:#4a5568}.btn-outline[data-v-497075e1]{background:transparent;border:2px solid #3182ce;color:#3182ce}.success-dialog[data-v-497075e1]{text-align:center}.success-icon[data-v-497075e1]{width:64px;height:64px;background:linear-gradient(135deg,#38a169,#48bb78);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:32px;font-weight:700;margin:0 auto 16px}.success-content[data-v-497075e1]{margin-bottom:16px}.success-content p[data-v-497075e1]{margin:8px 0;font-size:15px;color:#4a5568}.print-option[data-v-497075e1]{margin-bottom:16px;text-align:left}.print-option label[data-v-497075e1]{font-size:14px;color:#4a5568;cursor:pointer}.history-list[data-v-497075e1]{max-height:300px;overflow-y:auto;margin-bottom:16px}.history-item[data-v-497075e1]{padding:12px;background:#f7fafc;border-radius:8px;margin-bottom:8px}.history-date[data-v-497075e1]{font-size:12px;color:#a0aec0;margin-bottom:4px}.history-detail[data-v-497075e1]{font-size:14px;color:#4a5568;margin-bottom:4px}.history-status[data-v-497075e1]{font-size:12px;color:#38a169}.empty[data-v-497075e1]{text-align:center;color:#a0aec0;padding:40px}.close-btn[data-v-497075e1]{width:100%;padding:12px;background:#e2e8f0;color:#4a5568;border:none;border-radius:8px;cursor:pointer;font-size:14px}.print-area[data-v-497075e1]{display:none}.print-dialog[data-v-497075e1]{max-width:400px}.print-preview[data-v-497075e1]{font-family:Courier New,Courier,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;background:#fff;border:1px dashed #ccc;padding:20px;border-radius:8px;max-height:400px;overflow-y:auto;margin:15px 0}.print-preview pre[data-v-497075e1]{margin:0;line-height:1.6}@media print{body[data-v-497075e1] *{visibility:hidden}.print-area[data-v-497075e1],.print-area[data-v-497075e1] *{visibility:visible}.print-area[data-v-497075e1]{display:block;position:absolute;left:0;top:0;width:100%;padding:10mm}.print-content[data-v-497075e1]{font-family:Courier New,Courier,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all;background:#fff}.dialog-overlay[data-v-497075e1],.dialog[data-v-497075e1]{visibility:hidden;display:none}}@media screen and (max-width: 768px){.items-grid[data-v-497075e1]{grid-template-columns:repeat(3,1fr)}.nav[data-v-497075e1]{padding:12px 16px}.nav h2[data-v-497075e1]{font-size:16px}.item-card[data-v-497075e1]{padding:16px}.item-name[data-v-497075e1]{font-size:13px}.item-amount[data-v-497075e1]{font-size:16px}.bottom-bar[data-v-497075e1]{padding:12px 16px}.dialog[data-v-497075e1]{width:90%;max-width:360px}}@media screen and (max-width: 480px){.nav[data-v-497075e1]{padding:10px 12px;flex-wrap:wrap;gap:8px}.nav h2[data-v-497075e1]{font-size:15px}.items-grid[data-v-497075e1]{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.item-card[data-v-497075e1]{padding:12px}.item-name[data-v-497075e1]{font-size:13px}.item-amount[data-v-497075e1]{font-size:15px}.bottom-bar[data-v-497075e1]{padding:10px 12px}.total-amount[data-v-497075e1]{font-size:18px}.bottom-bar button[data-v-497075e1]{padding:12px 20px;font-size:14px}.dialog[data-v-497075e1]{width:95%;padding:20px}.history-list[data-v-497075e1]{max-height:250px}}.members[data-v-44644d6b]{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e2e8f0)}.nav[data-v-44644d6b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 2px 8px #0000000f;position:sticky;top:64px;z-index:50}.nav h2[data-v-44644d6b]{font-size:18px;font-weight:600;color:#2d3748}.nav button[data-v-44644d6b]{padding:8px 16px;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav button[data-v-44644d6b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}.search-bar[data-v-44644d6b]{display:flex;gap:12px;padding:16px 20px;background:linear-gradient(145deg,#fff,#f8fafc);margin:16px;border-radius:12px;box-shadow:0 4px 12px #0000000f}.search-bar input[data-v-44644d6b]{flex:1;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;transition:border-color .3s ease}.search-bar input[data-v-44644d6b]:focus{border-color:#2c5282}.search-bar button[data-v-44644d6b]{padding:14px 20px;background:linear-gradient(135deg,#38a169,#48bb78);border:none;color:#fff;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.search-bar button[data-v-44644d6b]:hover{transform:translateY(-2px)}.member-list[data-v-44644d6b]{padding:0 16px}.member-item[data-v-44644d6b]{background:linear-gradient(145deg,#fff,#f8fafc);padding:20px;border-radius:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000000f;transition:all .3s ease}.member-item[data-v-44644d6b]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.member-info[data-v-44644d6b]{display:flex;flex-direction:column}.member-phone[data-v-44644d6b]{font-size:17px;font-weight:600;color:#2d3748}.member-name[data-v-44644d6b]{font-size:14px;color:#718096;margin-top:4px}.member-balance[data-v-44644d6b]{font-size:16px;color:#2c5282;font-weight:600;margin-top:6px}.member-actions[data-v-44644d6b]{display:flex;gap:8px;flex-wrap:wrap}.member-actions button[data-v-44644d6b]{padding:8px 14px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.member-actions button[data-v-44644d6b]:first-child{background:#e2e8f0;color:#4a5568}.member-actions button[data-v-44644d6b]:first-child:hover{background:#cbd5e0}.member-actions button.recharge[data-v-44644d6b]{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.member-actions button.recharge[data-v-44644d6b]:hover{transform:translateY(-2px);box-shadow:0 4px 10px #38a1694d}.member-actions button.delete[data-v-44644d6b]{background:linear-gradient(135deg,#e53e3e,#fc8181);color:#fff}.member-actions button.delete[data-v-44644d6b]:hover{transform:translateY(-2px);box-shadow:0 4px 10px #e53e3e4d}.empty[data-v-44644d6b]{text-align:center;padding:60px 20px;color:#a0aec0}.dialog-overlay[data-v-44644d6b]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-44644d6b .2s ease}@keyframes fadeIn-44644d6b{0%{opacity:0}to{opacity:1}}.dialog[data-v-44644d6b]{background:linear-gradient(145deg,#fff,#f8fafc);padding:28px;border-radius:20px;width:320px;box-shadow:0 20px 40px #00000026;animation:slideUp-44644d6b .3s ease}@keyframes slideUp-44644d6b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-title[data-v-44644d6b]{font-size:18px;font-weight:600;color:#2d3748;text-align:center;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.dialog-close[data-v-44644d6b]{font-size:28px;cursor:pointer;color:#a0aec0;line-height:1;transition:color .2s ease}.dialog-close[data-v-44644d6b]:hover{color:#4a5568}.dialog input[data-v-44644d6b],.dialog select[data-v-44644d6b]{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;margin-bottom:12px;outline:none;transition:border-color .3s ease;box-sizing:border-box}.dialog input[data-v-44644d6b]:focus,.dialog select[data-v-44644d6b]:focus{border-color:#2c5282}.recharge-info[data-v-44644d6b]{background:linear-gradient(145deg,#ebf8ff,#e6fffa);padding:16px;border-radius:12px;margin-bottom:16px;font-size:14px}.recharge-info div[data-v-44644d6b]{margin-bottom:8px;color:#4a5568}.recharge-info div[data-v-44644d6b]:last-child{margin-bottom:0;color:#2c5282;font-weight:600}.recharge-input-group[data-v-44644d6b]{margin-bottom:16px}.recharge-input-group label[data-v-44644d6b]{display:block;font-size:13px;color:#718096;margin-bottom:8px;font-weight:500}.recharge-input-group input[data-v-44644d6b]{margin-bottom:0}.recharge-total[data-v-44644d6b]{background:linear-gradient(145deg,#ebf8ff,#e6fffa);padding:16px;border-radius:12px;margin-bottom:20px;font-size:15px;color:#2c5282;text-align:center;font-weight:600}.dialog-buttons[data-v-44644d6b]{display:flex;gap:12px}.dialog button[data-v-44644d6b]{flex:1;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel[data-v-44644d6b]{background:#e2e8f0;color:#4a5568}.cancel[data-v-44644d6b]:hover{background:#cbd5e0}.confirm[data-v-44644d6b]{background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff}.confirm[data-v-44644d6b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}.delete-btn[data-v-44644d6b]{background:linear-gradient(135deg,#e53e3e,#fc8181)}.delete-warning[data-v-44644d6b]{color:#e53e3e;font-size:13px;text-align:center;margin-bottom:16px;padding:12px;background:#fff5f5;border-radius:8px}.error-msg[data-v-44644d6b]{color:#e53e3e;font-size:12px;margin-top:8px;text-align:center}@media screen and (max-width: 768px){.members[data-v-44644d6b]{padding-bottom:70px}.nav[data-v-44644d6b]{padding:12px 16px}.nav h2[data-v-44644d6b]{font-size:16px}.search-bar[data-v-44644d6b]{padding:12px 16px}.search-bar input[data-v-44644d6b]{font-size:15px;padding:12px 14px}.member-list[data-v-44644d6b]{padding:12px}.dialog[data-v-44644d6b]{width:90%;max-width:360px}}@media screen and (max-width: 480px){.nav[data-v-44644d6b]{padding:10px 12px}.nav h2[data-v-44644d6b]{font-size:15px}.search-bar[data-v-44644d6b]{padding:10px 12px}.search-bar input[data-v-44644d6b]{font-size:14px;padding:10px 12px}.member-list[data-v-44644d6b]{padding:10px}.member-item[data-v-44644d6b]{padding:14px}.member-phone[data-v-44644d6b]{font-size:15px}.member-name[data-v-44644d6b]{font-size:14px}.member-balance[data-v-44644d6b]{font-size:16px}.dialog[data-v-44644d6b]{width:95%;padding:20px}.dialog-title[data-v-44644d6b]{font-size:16px}.dialog input[data-v-44644d6b]{font-size:14px;padding:12px}.bottom-bar[data-v-44644d6b]{padding:10px 12px}.bottom-bar button[data-v-44644d6b]{padding:12px 20px;font-size:14px}}.logs[data-v-1ea4730b]{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e2e8f0)}.nav[data-v-1ea4730b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 2px 8px #0000000f;position:sticky;top:64px;z-index:50}.nav h2[data-v-1ea4730b]{font-size:18px;font-weight:600;color:#2d3748}.nav button[data-v-1ea4730b]{padding:8px 16px;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav button[data-v-1ea4730b]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}.log-list[data-v-1ea4730b]{padding:16px}.log-item[data-v-1ea4730b]{background:linear-gradient(145deg,#fff,#f8fafc);padding:16px;border-radius:12px;margin-bottom:12px;box-shadow:0 4px 12px #0000000f;transition:all .3s ease}.log-item[data-v-1ea4730b]:hover{transform:translate(4px)}.log-header[data-v-1ea4730b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.log-type[data-v-1ea4730b]{font-weight:600;color:#2c5282;font-size:15px;padding:4px 10px;background:#ebf8ff;border-radius:8px}.log-time[data-v-1ea4730b]{color:#a0aec0;font-size:13px}.log-details[data-v-1ea4730b]{font-size:14px;color:#4a5568;margin-bottom:8px;line-height:1.5}.log-operator[data-v-1ea4730b]{font-size:13px;color:#718096;padding-top:8px;border-top:1px solid #e2e8f0}.empty[data-v-1ea4730b]{text-align:center;padding:60px 20px;color:#a0aec0}@media screen and (max-width: 768px){.nav[data-v-1ea4730b]{padding:12px 16px}.nav h2[data-v-1ea4730b]{font-size:16px}.log-list[data-v-1ea4730b]{padding:12px}.log-item[data-v-1ea4730b]{padding:14px}}@media screen and (max-width: 480px){.nav[data-v-1ea4730b]{padding:10px 12px}.nav h2[data-v-1ea4730b]{font-size:15px}.nav button[data-v-1ea4730b]{padding:6px 12px;font-size:13px}.log-list[data-v-1ea4730b]{padding:10px}.log-item[data-v-1ea4730b]{padding:12px;margin-bottom:10px}.log-type[data-v-1ea4730b]{font-size:14px;padding:3px 8px}.log-time[data-v-1ea4730b]{font-size:12px}.log-details[data-v-1ea4730b]{font-size:13px}.log-operator[data-v-1ea4730b]{font-size:12px}}.finance[data-v-ff49e445]{min-height:100vh;background:#f5f5f5;padding-bottom:24px}.nav[data-v-ff49e445]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;box-shadow:0 2px 8px #0000000f}.nav button[data-v-ff49e445]{padding:8px 16px;background:#2c5282;color:#fff;border:none;border-radius:8px;cursor:pointer}.summary[data-v-ff49e445]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px}.summary-item[data-v-ff49e445]{background:#fff;padding:16px;border-radius:12px;text-align:center}.summary-item .label[data-v-ff49e445]{font-size:13px;color:#777}.summary-item .value[data-v-ff49e445]{font-size:20px;font-weight:600}.filter-row[data-v-ff49e445]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;margin:0 20px 16px;border-radius:12px}.filter-row input[data-v-ff49e445],.filter-row select[data-v-ff49e445]{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px}.filter-row button[data-v-ff49e445]{padding:8px 16px;background:#2c5282;color:#fff;border:none;border-radius:8px;cursor:pointer}.section[data-v-ff49e445]{background:#fff;margin:0 20px 16px;border-radius:12px;overflow:hidden}.section-title[data-v-ff49e445]{padding:16px 20px;font-size:15px;font-weight:600;border-bottom:1px solid #e2e8f0}.data-table[data-v-ff49e445]{width:100%;border-collapse:collapse}.data-table th[data-v-ff49e445]{padding:12px 16px;text-align:left;background:#f7fafc;font-weight:600;color:#777}.data-table td[data-v-ff49e445]{padding:12px 16px;border-bottom:1px solid #e2e8f0}.empty[data-v-ff49e445]{text-align:center;color:#aaa;padding:32px}.password-overlay[data-v-ff49e445]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.password-dialog[data-v-ff49e445]{background:#fff;padding:40px;border-radius:16px;text-align:center;min-width:320px}.password-dialog input[data-v-ff49e445]{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:16px}.dialog-buttons[data-v-ff49e445]{display:flex;gap:12px;justify-content:center}.dialog-buttons button[data-v-ff49e445]{padding:10px 24px;border:none;border-radius:8px;cursor:pointer}.dialog-buttons .cancel[data-v-ff49e445]{background:#e2e8f0;color:#777}.dialog-buttons .confirm[data-v-ff49e445]{background:#2c5282;color:#fff}.error-msg[data-v-ff49e445]{color:red;font-size:12px;margin-top:12px}.commission-page[data-v-0cc17b96]{min-height:calc(100vh - 60px);padding:20px 0}.password-overlay[data-v-0cc17b96]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.password-dialog[data-v-0cc17b96]{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 40px #0003;text-align:center;min-width:320px}.password-dialog h3[data-v-0cc17b96]{font-size:20px;color:#2d3748;margin-bottom:8px}.password-dialog p[data-v-0cc17b96]{color:#718096;margin-bottom:20px}.password-dialog input[data-v-0cc17b96]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.password-dialog input[data-v-0cc17b96]:focus{border-color:#2c5282}.password-dialog .error-msg[data-v-0cc17b96]{color:#e53e3e;font-size:12px;margin-top:12px}.password-dialog .dialog-buttons[data-v-0cc17b96]{margin-top:20px;display:flex;gap:12px;justify-content:center}.password-dialog .dialog-buttons button[data-v-0cc17b96]{padding:12px 30px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.password-dialog .dialog-buttons .cancel[data-v-0cc17b96]{background:linear-gradient(135deg,#718096,#a0aec0);color:#fff}.password-dialog .dialog-buttons .confirm[data-v-0cc17b96]{background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff}.password-dialog .dialog-buttons button[data-v-0cc17b96]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c52824d}.nav[data-v-0cc17b96]{display:flex;justify-content:space-between;align-items:center;padding:16px}.nav h2[data-v-0cc17b96]{font-size:20px;color:#2d3748}.nav button[data-v-0cc17b96]{padding:10px 20px;background:linear-gradient(135deg,#718096,#a0aec0);border:none;color:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease}.nav button[data-v-0cc17b96]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7180964d}.commission-filters[data-v-0cc17b96]{display:flex;align-items:center;gap:16px;padding:0 16px 16px;flex-wrap:wrap}.filter-item[data-v-0cc17b96]{display:flex;align-items:center;gap:8px}.filter-item label[data-v-0cc17b96]{font-size:14px;color:#718096;font-weight:500}.date-range[data-v-0cc17b96]{display:flex;align-items:center;gap:8px}.date-range input[data-v-0cc17b96]{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;outline:none}.date-range input[data-v-0cc17b96]:focus{border-color:#2c5282}.date-range span[data-v-0cc17b96]{color:#718096}.status-filter[data-v-0cc17b96],.person-filter[data-v-0cc17b96]{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;outline:none;background:#fff;cursor:pointer;min-width:140px}.status-filter[data-v-0cc17b96]:focus,.person-filter[data-v-0cc17b96]:focus{border-color:#2c5282}.apply-filter-btn[data-v-0cc17b96]{padding:10px 20px;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.apply-filter-btn[data-v-0cc17b96]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c52824d}.stats-summary[data-v-0cc17b96]{display:flex;gap:16px;padding:0 16px 16px;flex-wrap:wrap}.summary-card[data-v-0cc17b96]{flex:1;min-width:180px;padding:16px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:12px;text-align:center;box-shadow:0 4px 12px #0000000f}.summary-card .summary-label[data-v-0cc17b96]{font-size:13px;color:#718096;margin-bottom:8px;font-weight:500}.summary-card .summary-value[data-v-0cc17b96]{font-size:20px;font-weight:700;color:#2d3748}.summary-card .summary-value.highlight[data-v-0cc17b96]{color:#2c5282}.summary-card .summary-value.warning[data-v-0cc17b96]{color:#e53e3e}.section[data-v-0cc17b96]{background:linear-gradient(145deg,#fff,#f8fafc);margin:0 16px 16px;padding:20px;border-radius:16px;box-shadow:0 4px 12px #0000000f}.section-title[data-v-0cc17b96]{font-size:16px;font-weight:600;margin-bottom:16px;color:#2d3748;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.stats-list[data-v-0cc17b96]{max-height:400px;overflow-y:auto}.stats-table[data-v-0cc17b96]{width:100%;border-collapse:collapse;font-size:13px}.stats-table thead tr[data-v-0cc17b96]{background:#f7fafc}.stats-table th[data-v-0cc17b96]{padding:12px 10px;text-align:left;font-weight:600;color:#4a5568;font-size:12px;border-bottom:2px solid #e2e8f0}.stats-table td[data-v-0cc17b96]{padding:12px 10px;border-bottom:1px solid #e2e8f0;color:#4a5568}.stats-table .stats-row:hover td[data-v-0cc17b96]{background:#f7fafc}.stats-table .commission[data-v-0cc17b96]{font-weight:600;color:#2c5282}.stats-table .empty[data-v-0cc17b96]{text-align:center;color:#a0aec0;padding:40px}.settled-badge[data-v-0cc17b96]{font-size:11px;padding:2px 8px;border-radius:10px;background:#c6f6d5;color:#22543d}.unsettled-badge[data-v-0cc17b96]{font-size:11px;padding:2px 8px;border-radius:10px;background:#fef5e7;color:#744210}.detail-btn[data-v-0cc17b96]{padding:6px 12px;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;color:#fff;border-radius:6px;font-size:12px;cursor:pointer}.settle-section[data-v-0cc17b96]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f7fafc;border-radius:12px}.settle-info span[data-v-0cc17b96]{font-size:15px;font-weight:600;color:#e53e3e}.settle-actions[data-v-0cc17b96]{display:flex;gap:12px}.settle-btn[data-v-0cc17b96]{padding:12px 24px;background:linear-gradient(135deg,#38a169,#48bb78);border:none;color:#fff;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.settle-btn[data-v-0cc17b96]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38a1694d}.export-btn[data-v-0cc17b96]{padding:12px 24px;background:linear-gradient(135deg,#805ad5,#9f7aea);border:none;color:#fff;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.export-btn[data-v-0cc17b96]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #805ad54d}.commission-overlay[data-v-0cc17b96]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.commission-dialog[data-v-0cc17b96]{background:#fff;border-radius:16px;width:90%;max-width:450px;max-height:80vh;overflow-y:auto}.dialog-header[data-v-0cc17b96]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dialog-title[data-v-0cc17b96]{font-size:18px;font-weight:600;color:#2d3748}.dialog-close[data-v-0cc17b96]{width:32px;height:32px;border:none;background:#f7fafc;border-radius:50%;font-size:20px;color:#718096;cursor:pointer}.dialog-body[data-v-0cc17b96]{padding:20px}.single-person-stats[data-v-0cc17b96]{display:flex;flex-direction:column;gap:12px}.stat-row[data-v-0cc17b96]{display:flex;justify-content:space-between;padding:12px;background:#f7fafc;border-radius:8px}.stat-row .label[data-v-0cc17b96]{font-size:14px;color:#718096}.stat-row .value[data-v-0cc17b96]{font-size:14px;font-weight:600;color:#2d3748}.stat-row .value.highlight[data-v-0cc17b96]{color:#2c5282}.stat-row .value.text-green[data-v-0cc17b96]{color:#38a169}.stat-row .value.text-orange[data-v-0cc17b96]{color:#ed8936}.stat-row.total-commission[data-v-0cc17b96]{background:linear-gradient(135deg,#fffaf0,#feebc8)}.stat-row.total-commission .value.commission-value[data-v-0cc17b96]{font-size:20px;color:#e53e3e}.dialog-footer[data-v-0cc17b96]{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}@media screen and (max-width: 768px){.commission-filters[data-v-0cc17b96]{gap:12px}.filter-item[data-v-0cc17b96]{flex-wrap:wrap}.stats-summary[data-v-0cc17b96]{gap:12px}.summary-card[data-v-0cc17b96]{min-width:calc(50% - 6px)}.settle-section[data-v-0cc17b96]{flex-direction:column;gap:12px}.stats-table[data-v-0cc17b96]{font-size:12px}.stats-table th[data-v-0cc17b96],.stats-table td[data-v-0cc17b96]{padding:10px 6px}}@media screen and (max-width: 480px){.nav h2[data-v-0cc17b96]{font-size:16px}.nav button[data-v-0cc17b96]{padding:8px 16px;font-size:13px}.summary-card[data-v-0cc17b96]{min-width:100%}.settle-actions[data-v-0cc17b96]{width:100%;flex-direction:column}.settle-btn[data-v-0cc17b96],.export-btn[data-v-0cc17b96]{width:100%}}.settings[data-v-a177bc53]{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e2e8f0)}.nav[data-v-a177bc53]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 2px 8px #0000000f;position:sticky;top:64px;z-index:50}.nav h2[data-v-a177bc53]{font-size:18px;font-weight:600;color:#2d3748}.nav button[data-v-a177bc53]{padding:8px 16px;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav button[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}.admin-verify[data-v-a177bc53]{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:20px}.verify-box[data-v-a177bc53]{background:linear-gradient(145deg,#fff,#f8fafc);padding:40px;border-radius:20px;text-align:center;width:320px;box-shadow:0 20px 40px #0000001a}.verify-title[data-v-a177bc53]{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:24px}.verify-box input[data-v-a177bc53]{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:20px;font-size:15px;outline:none;transition:border-color .3s ease}.verify-box input[data-v-a177bc53]:focus{border-color:#2c5282}.verify-btn[data-v-a177bc53]{width:100%;padding:14px;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;color:#fff;border-radius:10px;cursor:pointer;font-size:15px;font-weight:500;transition:all .3s ease}.verify-btn[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}.settings-content[data-v-a177bc53]{padding:16px}.section[data-v-a177bc53]{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 12px #0000000f}.section-title[data-v-a177bc53]{font-size:16px;font-weight:600;margin-bottom:16px;color:#2d3748;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.admin-change[data-v-a177bc53]{background:linear-gradient(135deg,#ebf8ff,#bee3f8);padding:16px;border-radius:12px}.change-item[data-v-a177bc53]{display:flex;justify-content:space-between;align-items:center}.change-item span[data-v-a177bc53]{font-size:14px;color:#4a5568}.change-btn[data-v-a177bc53]{padding:8px 16px;background:linear-gradient(135deg,#2c5282,#3182ce);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.change-btn[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}.person-list[data-v-a177bc53]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.person-item[data-v-a177bc53]{padding:10px 12px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:10px}.person-row[data-v-a177bc53]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.name-input[data-v-a177bc53]{width:70px;padding:6px 8px;border:2px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;transition:border-color .3s ease}.commission-setting[data-v-a177bc53]{display:flex;align-items:center;gap:4px;flex-shrink:0}.commission-label[data-v-a177bc53]{font-size:11px;color:#718096}.commission-input[data-v-a177bc53]{width:45px;padding:4px 6px;border:2px solid #e2e8f0;border-radius:6px;font-size:12px;outline:none;transition:border-color .3s ease;text-align:center}.commission-input[data-v-a177bc53]:focus{border-color:#2c5282}.commission-unit[data-v-a177bc53]{font-size:11px;color:#718096}.name-input[data-v-a177bc53]:focus{border-color:#2c5282}.url-input[data-v-a177bc53]{flex:2;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;transition:border-color .3s ease}.url-input[data-v-a177bc53]:focus{border-color:#2c5282}.photo-upload[data-v-a177bc53]{display:flex;align-items:center;gap:6px}.photo-upload input[type=file][data-v-a177bc53]{display:none}.photo-btn[data-v-a177bc53]{padding:4px 10px;background:linear-gradient(135deg,#805ad5,#9f7aea);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:500;white-space:nowrap;transition:all .3s ease}.photo-btn[data-v-a177bc53]:hover{transform:translateY(-1px);box-shadow:0 3px 8px #805ad540}.photo-preview-container[data-v-a177bc53]{position:relative}.photo-preview[data-v-a177bc53]{width:32px;height:42px;object-fit:cover;border-radius:5px;border:2px solid #e2e8f0}.delete-photo-btn[data-v-a177bc53]{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:#e53e3e;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.delete-photo-btn[data-v-a177bc53]:hover{background:#c53030;transform:scale(1.1)}.person-actions[data-v-a177bc53]{margin-top:8px;text-align:right}.pwd-btn[data-v-a177bc53]{padding:8px 16px;background:linear-gradient(135deg,#38a169,#48bb78);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.pwd-btn[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38a16940}.item-list[data-v-a177bc53]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.item-row[data-v-a177bc53]{display:flex;gap:8px;padding:10px 12px;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:10px}.item-name[data-v-a177bc53]{flex:2;padding:8px 10px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;outline:none;transition:border-color .3s ease}.item-name[data-v-a177bc53]:focus{border-color:#2c5282}.item-amount[data-v-a177bc53]{flex:1;padding:8px 10px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;outline:none;transition:border-color .3s ease}.item-amount[data-v-a177bc53]:focus{border-color:#2c5282}.del-btn[data-v-a177bc53]{padding:8px 12px;background:linear-gradient(135deg,#e53e3e,#fc8181);border:none;color:#fff;border-radius:10px;font-size:14px;cursor:pointer;transition:all .3s ease}.del-btn[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e40}.save-btn[data-v-a177bc53],.add-btn[data-v-a177bc53]{width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;margin-top:12px;transition:all .3s ease}.save-btn[data-v-a177bc53]{background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff}.save-btn[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}.add-btn[data-v-a177bc53]{background:linear-gradient(135deg,#38a169,#48bb78);color:#fff}.add-btn[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #38a16940}.danger-section[data-v-a177bc53]{background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #fc8181;margin-top:16px}.danger-title[data-v-a177bc53]{color:#e53e3e}.danger-item[data-v-a177bc53]{display:flex;justify-content:space-between;align-items:center;padding:16px}.danger-info[data-v-a177bc53]{flex:1}.danger-name[data-v-a177bc53]{font-size:16px;font-weight:600;color:#2d3748}.danger-desc[data-v-a177bc53]{font-size:13px;color:#718096;margin-top:6px;line-height:1.5}.danger-btn[data-v-a177bc53]{padding:10px 20px;background:linear-gradient(135deg,#e53e3e,#fc8181);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.danger-btn[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e40}.init-dialog[data-v-a177bc53]{width:340px}.init-warning[data-v-a177bc53]{text-align:center;padding:20px;background:linear-gradient(135deg,#fff5f5,#fed7d7);border-radius:12px;margin-bottom:20px}.warning-icon[data-v-a177bc53]{font-size:40px;margin-bottom:12px}.warning-text[data-v-a177bc53]{font-size:14px;color:#e53e3e;margin-top:6px;font-weight:500}.init-form[data-v-a177bc53]{margin-bottom:20px}.init-form input[data-v-a177bc53]{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;margin-bottom:12px;box-sizing:border-box;outline:none;transition:border-color .3s ease}.init-form input[data-v-a177bc53]:focus{border-color:#2c5282}.danger-confirm[data-v-a177bc53]{background:linear-gradient(135deg,#e53e3e,#fc8181)}.danger-confirm[data-v-a177bc53]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e40}.dialog-overlay[data-v-a177bc53]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn-a177bc53 .2s ease}@keyframes fadeIn-a177bc53{0%{opacity:0}to{opacity:1}}.dialog[data-v-a177bc53]{background:linear-gradient(145deg,#fff,#f8fafc);padding:32px;border-radius:20px;width:320px;box-shadow:0 20px 40px #00000026;animation:slideUp-a177bc53 .3s ease}@keyframes slideUp-a177bc53{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-title[data-v-a177bc53]{font-size:18px;font-weight:600;color:#2d3748;text-align:center;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.dialog-close[data-v-a177bc53]{font-size:24px;cursor:pointer;color:#a0aec0;line-height:1;transition:color .3s ease}.dialog-close[data-v-a177bc53]:hover{color:#4a5568}.dialog input[data-v-a177bc53]{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;margin-bottom:12px;outline:none;transition:border-color .3s ease}.dialog input[data-v-a177bc53]:focus{border-color:#2c5282}.dialog-buttons[data-v-a177bc53]{display:flex;gap:12px;margin-top:16px}.dialog button[data-v-a177bc53]{flex:1;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.dialog button[data-v-a177bc53]:first-child{background:#e2e8f0;color:#4a5568}.dialog button[data-v-a177bc53]:first-child:hover{background:#cbd5e0}.dialog button[data-v-a177bc53]:last-child{background:linear-gradient(135deg,#2c5282,#3182ce);color:#fff}.dialog button[data-v-a177bc53]:last-child:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c528240}@media screen and (max-width: 768px){.nav[data-v-a177bc53]{padding:12px 16px}.nav h2[data-v-a177bc53]{font-size:16px}.settings-content[data-v-a177bc53]{padding:12px}.section[data-v-a177bc53]{padding:16px}.person-list[data-v-a177bc53]{grid-template-columns:1fr}.person-item[data-v-a177bc53]{padding:10px}.person-row[data-v-a177bc53]{flex-wrap:wrap;gap:8px}.name-input[data-v-a177bc53]{width:80px}.url-input[data-v-a177bc53]{min-width:100%}.photo-upload[data-v-a177bc53]{width:100%;justify-content:flex-start}.dialog[data-v-a177bc53]{width:90%;max-width:360px}}@media screen and (max-width: 480px){.nav[data-v-a177bc53]{padding:10px 12px}.nav h2[data-v-a177bc53]{font-size:15px}.nav button[data-v-a177bc53]{padding:6px 12px;font-size:13px}.settings-content[data-v-a177bc53]{padding:10px}.section[data-v-a177bc53]{padding:14px;margin-bottom:12px}.section-title[data-v-a177bc53]{font-size:15px}.person-item[data-v-a177bc53]{padding:12px}.person-row[data-v-a177bc53]{gap:8px;margin-bottom:8px}.name-input[data-v-a177bc53],.url-input[data-v-a177bc53],.item-name[data-v-a177bc53],.item-amount[data-v-a177bc53]{padding:10px 12px;font-size:13px}.photo-btn[data-v-a177bc53]{padding:8px 12px;font-size:12px}.photo-preview[data-v-a177bc53]{width:40px;height:40px}.pwd-btn[data-v-a177bc53],.change-btn[data-v-a177bc53]{padding:6px 12px;font-size:13px}.del-btn[data-v-a177bc53]{padding:10px 12px;font-size:13px}.save-btn[data-v-a177bc53],.add-btn[data-v-a177bc53]{padding:12px;font-size:14px}.dialog[data-v-a177bc53]{width:95%;padding:20px}.dialog-title[data-v-a177bc53]{font-size:16px}.dialog input[data-v-a177bc53]{font-size:13px;padding:12px}.verify-box[data-v-a177bc53]{width:95%;padding:24px}.verify-title[data-v-a177bc53]{font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);min-height:100vh}#app{min-height:100vh}:root{--primary-color: #2c5282;--primary-light: #3182ce;--primary-dark: #1e3a5f;--success-color: #38a169;--warning-color: #ed8936;--danger-color: #e53e3e;--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0;--bg-color: #f7fafc;--card-bg: #ffffff;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%);color:#fff;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.title{font-size:20px;font-weight:700;letter-spacing:1px}.header-buttons{display:flex;gap:12px}.header-buttons button{padding:8px 16px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.header-buttons button:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.header-buttons button:active{transform:translateY(0)}@media screen and (max-width: 768px){.header{padding:12px 16px;flex-direction:column;gap:12px}.title{font-size:18px}.header-buttons{width:100%;justify-content:space-between;gap:8px}.header-buttons button{flex:1;padding:10px 8px;font-size:13px;min-width:0}}@media screen and (max-width: 480px){.header{padding:10px 12px}.title{font-size:16px}.header-buttons button{padding:8px 6px;font-size:12px}}