*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;max-width:480px;margin:0 auto;min-height:100vh}.page-container{padding:20px 20px 80px}.header{background:linear-gradient(135deg,#d4a574,#c9975a);color:#fff;padding:16px 20px;font-size:18px;font-weight:700;text-align:center;position:sticky;top:0;z-index:10}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #00000014}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;color:#888;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;transition:border-color .2s}.region-select{display:grid;grid-template-columns:1fr;gap:8px}.profile-card-head{display:flex;align-items:center;gap:12px}.profile-avatar{width:52px;height:52px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex:0 0 auto;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-main{min-width:0;flex:1}.photo-upload-row{display:flex;align-items:center;gap:14px}.photo-preview{width:72px;height:72px;background:#d4a574}.date-select-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.life-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.life-photo-grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;display:block;cursor:pointer}.life-photo-grid.editable{margin-bottom:10px}.life-photo-item{position:relative}.life-photo-item button{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:#0000009e;color:#fff;font-size:18px;line-height:22px}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0000008f;display:flex;align-items:center;justify-content:center;padding:18px}.crop-panel{width:min(440px,100%);background:#fff;border-radius:12px;padding:16px}.crop-stage{position:relative;width:100%;max-height:420px;overflow:hidden;border-radius:10px;background:#111;touch-action:none}.crop-stage img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-box{position:absolute;border:2px solid #fff;box-shadow:0 0 0 999px #00000061;cursor:move}.crop-resize{position:absolute;right:-9px;bottom:-9px;width:22px;height:22px;border:2px solid #fff;border-radius:50%;background:#d4a574;cursor:nwse-resize}.photo-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:16px}.photo-preview-panel{position:relative;width:min(100%,460px);max-height:92vh;display:flex;align-items:center;justify-content:center}.photo-preview-panel img{max-width:100%;max-height:92vh;object-fit:contain;border-radius:10px;background:#fff}.photo-preview-close{position:absolute;top:-12px;right:-4px;width:34px;height:34px;border:none;border-radius:50%;background:#ffffffeb;color:#333;font-size:24px;line-height:32px;z-index:1}.admin-page{max-width:960px}.admin-topbar{display:flex;justify-content:space-between;align-items:center}.admin-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.admin-tabs button{border:1px solid #ead8c3;background:#fff;color:#8a6337;border-radius:8px;padding:9px 12px;white-space:nowrap}.admin-tabs button.active{background:#d4a574;color:#fff}.option-category-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.option-category-tabs button{flex:0 0 auto;border:1px solid #ead8c3;background:#fff;color:#8a6337;border-radius:8px;padding:9px 12px;white-space:nowrap}.option-category-tabs button.active{background:#d4a574;color:#fff}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{border-bottom:1px solid #eee;padding:8px;text-align:left;vertical-align:top}.admin-table th{color:#777;font-weight:600;background:#faf7f2}.admin-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-option-form{display:grid;grid-template-columns:minmax(160px,1fr) 90px auto auto auto;gap:8px;align-items:center;margin-bottom:12px}.admin-option-form input{padding:9px 10px;border:1px solid #e0e0e0;border-radius:8px}.admin-checkbox{display:flex;align-items:center;gap:6px;color:#555;font-size:13px}@media (max-width: 560px){.admin-filter-grid,.admin-option-form{grid-template-columns:1fr}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4a574}.form-group textarea{min-height:80px;resize:vertical}.btn{display:block;width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:opacity .2s}.btn:active{opacity:.8}.btn-primary{background:linear-gradient(135deg,#d4a574,#c9975a);color:#fff}.btn-success{background:#4caf50;color:#fff}.btn-danger{background:#f44336;color:#fff}.btn-outline{background:#fff;color:#d4a574;border:1px solid #d4a574}.btn-sm{padding:8px 16px;font-size:13px;width:auto;display:inline-block}.alert{padding:12px 16px;border-radius:8px;margin-bottom:12px;font-size:14px}.alert-success{background:#e8f5e9;color:#2e7d32}.alert-error{background:#fce4ec;color:#c62828}.alert-info{background:#e3f2fd;color:#1565c0}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.tag-gold{background:#d4a574;color:#fff}.tag-pending{background:#ff9800;color:#fff}.tag-approved{background:#4caf50;color:#fff}.tag-rejected{background:#f44336;color:#fff}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fff;display:flex;border-top:1px solid #eee;z-index:100}.bottom-nav a{flex:1;text-align:center;padding:10px 0;text-decoration:none;color:#999;font-size:12px}.bottom-nav a.router-link-active{color:#d4a574}.bottom-nav a .nav-icon{display:block;font-size:20px;margin-bottom:2px}.empty-state{text-align:center;padding:60px 20px;color:#bbb}.empty-state .icon{font-size:48px;margin-bottom:12px}.card-price{font-size:24px;font-weight:700;color:#d4a574}.card-duration{font-size:13px;color:#999}.membership-hero{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #ead8c3}.membership-hero p{margin-top:6px;color:#777;font-size:13px;line-height:1.6}.membership-card{border:1px solid #f0e4d8}.card-price.free{color:#4caf50}.benefit-list{list-style:none;margin-top:12px;display:grid;gap:8px}.benefit-list li{color:#555;font-size:13px;line-height:1.5}.benefit-list li:before{content:"✓";color:#c9975a;font-weight:700;margin-right:8px}.flex-row{display:flex;gap:12px;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-muted{color:#999;font-size:13px}.text-sm{font-size:13px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}