*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 18% 0%,rgba(225,177,167,.24),transparent 30%),linear-gradient(180deg,#fff8f4,#f7f2ee 42%,#f3efea);color:#2f2a27;max-width:480px;margin:0 auto;min-height:100vh}body.admin-shell{max-width:1200px;width:100%}.page-container{padding:20px 20px 84px}.header{background:linear-gradient(135deg,#c98f8b,#d8aa68);color:#fff;padding:18px 20px;font-size:18px;font-weight:700;text-align:center;position:sticky;top:0;z-index:10;box-shadow:0 8px 24px #8e574c29}.card{background:#fffffff0;border:1px solid rgba(224,201,187,.72);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 10px 26px #78534314}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;color:#8f7c72;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea,.admin-option-form input,.admin-account-form input{width:100%;padding:10px 12px;border:1px solid #e6d8d0;border-radius:8px;font-size:15px;outline:none;color:#352c28;background:#fffdfb;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.admin-option-form input:focus,.admin-account-form input:focus{border-color:#c98f8b;box-shadow:0 0 0 3px #c98f8b1f}.form-group textarea{min-height:80px;resize:vertical}.region-select,.date-select-row{display:grid;grid-template-columns:1fr;gap:8px}.date-select-row{grid-template-columns:1fr 1fr 1fr}.profile-card-head,.photo-upload-row,.flex-row,.flex-between{display:flex;align-items:center}.profile-card-head,.photo-upload-row,.flex-row{gap:12px}.flex-between{justify-content:space-between}.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;box-shadow:inset 0 0 0 1px #ffffff59,0 6px 18px #83584d2e}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-card-main{min-width:0;flex:1}.photo-preview{width:72px;height:72px;background:linear-gradient(135deg,#c98f8b,#d8aa68)}.multi-option-grid{display:flex;flex-wrap:wrap;gap:8px}.multi-option-chip{border:1px solid #e7cfc6;background:#fff;color:#7a554e;border-radius:999px;padding:8px 12px;font-size:13px;line-height:1}.multi-option-chip.active{background:linear-gradient(135deg,#c98f8b,#d8aa68);border-color:#c98f8b;color:#fff}.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,.photo-preview-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}.photo-preview-backdrop{z-index:600;background:#000000d1;padding:16px}.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:#c98f8b;cursor:nwse-resize}.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}.btn{display:block;width:100%;padding:12px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;text-align:center;transition:opacity .2s,transform .2s,box-shadow .2s}.btn:active{opacity:.86;transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,#c98f8b,#d6a05f);color:#fff;box-shadow:0 10px 18px #c17e6038}.btn-success{background:#5f9c72;color:#fff}.btn-danger{background:#d85d66;color:#fff}.btn-outline{background:#fff;color:#a8685f;border:1px solid #d7aaa0}.btn-sm{padding:8px 16px;font-size:13px;width:auto;display:inline-block}.alert{padding:12px 16px;border-radius:10px;margin-bottom:12px;font-size:14px;line-height:1.6}.alert-success{background:#edf6ef;color:#416d4b}.alert-error{background:#fde8ea;color:#ad3f4b}.alert-info{background:#fff2e7;color:#8c5f39}.tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.tag-gold{background:linear-gradient(135deg,#d8aa68,#c98f8b);color:#fff}.tag-pending{background:#f2a450;color:#fff}.tag-approved{background:#5f9c72;color:#fff}.tag-rejected{background:#d85d66;color:#fff}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fffffff5;display:flex;border-top:1px solid #eadbd4;z-index:100;box-shadow:0 -8px 24px #78534314}.bottom-nav a{flex:1;text-align:center;padding:10px 0;text-decoration:none;color:#9e8f87;font-size:12px}.bottom-nav a.router-link-active{color:#b86f67}.bottom-nav a .nav-icon{display:block;font-size:20px;margin-bottom:2px}.empty-state{text-align:center;padding:60px 20px;color:#a8968d}.empty-state .icon{font-size:48px;margin-bottom:12px;color:#d1a29b}.empty-hint{margin-top:6px;color:#aa9a91;font-size:13px;line-height:1.6}.section-note{display:flex;justify-content:space-between;gap:12px;padding:0 4px;margin-bottom:10px;color:#8f7c72;font-size:13px}.section-title{margin-bottom:12px;padding:2px 2px 4px}.section-title h3{font-size:20px;color:#332a27}.section-title p{margin-top:6px;color:#8f7c72;font-size:13px;line-height:1.6}.match-card{position:relative;overflow:hidden}.match-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#c98f8b,#d8aa68);opacity:.72}.profile-summary{color:#574943;line-height:1.7}.soft-panel{padding:10px 12px;background:#fff5ef;color:#8c5f52;border:1px solid #f0dcd4;border-radius:8px;line-height:1.6}.contact-card{display:flex;align-items:center;gap:12px;cursor:pointer}.contact-avatar{width:44px;height:44px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#c98f8b,#d8aa68);box-shadow:0 8px 18px #c17e602e}.contact-main{min-width:0;flex:1}.card-price{font-size:24px;font-weight:700;color:#b86f67}.card-price.free{color:#5f9c72}.card-duration,.text-muted{color:#8f7c72;font-size:13px}.text-sm{font-size:13px}.membership-hero{background:linear-gradient(135deg,#fffffff5,#fff4edf5);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #ead8c3}.membership-hero p{margin-top:6px;color:#7d6b61;font-size:13px;line-height:1.6}.membership-card{border:1px solid #eadbd4}.benefit-list{list-style:none;margin-top:12px;display:grid;gap:8px}.benefit-list li{color:#574943;font-size:13px;line-height:1.5}.benefit-list li:before{content:"✓";color:#b86f67;font-weight:700;margin-right:8px}.admin-page{max-width:1120px;margin:0 auto}.admin-topbar{display:flex;justify-content:space-between;align-items:center}.admin-tabs,.option-category-tabs{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto}.option-category-tabs{padding-bottom:8px}.admin-tabs button,.option-category-tabs button{border:1px solid #ead8c3;background:#fff;color:#8a6337;border-radius:8px;padding:9px 12px;white-space:nowrap}.admin-tabs button.active,.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-account-form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) auto auto;gap:8px;align-items:center;margin-bottom:10px}.permission-grid{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.admin-checkbox{display:flex;align-items:center;gap:6px;color:#555;font-size:13px}@media (max-width: 560px){.admin-filter-grid,.admin-option-form,.admin-account-form{grid-template-columns:1fr}.section-note{display:grid;gap:4px}}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}