@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--color-green-900: #046974;--color-green-800: #007534;--color-green-700: #02a048;--color-green-600: #02a048;--color-green-500: #16df5a;--color-lime: #98e303;--color-gold: #f6c600;--color-cream: #fffbf5;--color-paper: #fffbf5;--color-line: #eee5d8;--color-brown: #5a411e;--color-subtitle: #816338;--color-slate: #4d586b;--color-muted: #4a4a4a;--color-ink: #2a3850;--color-nav-inactive: #808080;--color-field-icon: #f2fff8;--color-rose: #fae2e5;--color-danger: #e1253a;--font-display: "Instrument Sans", system-ui, sans-serif;--font-body: "Roboto", system-ui, sans-serif;--font-heading: "Poppins", system-ui, sans-serif;--font-legal: "Montserrat", system-ui, sans-serif;--viewport-height: 100vh;color:var(--color-ink);letter-spacing:0;background:#eef4ee;font-family:var(--font-body)}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}*{box-sizing:border-box}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}body{min-width:320px;min-height:var(--viewport-height);margin:0}#root{min-height:var(--viewport-height)}a{color:inherit;text-decoration:none}.phone-shell{width:100%;min-height:var(--viewport-height);height:var(--viewport-height);max-width:640px;margin:0 auto;background:var(--color-paper);position:relative;display:flex;flex-direction:column;overflow:hidden}@media (min-width: 768px){body{background:linear-gradient(180deg,#e8f3ea,#eef4ee)}.phone-shell{max-width:430px;min-height:calc(var(--viewport-height) - 32px);height:calc(var(--viewport-height) - 32px);margin:16px auto;border-radius:40px;box-shadow:0 20px 50px #00321c24,0 0 0 1px #00422514;overflow:hidden}.login-shell.phone-shell{border-radius:40px}}.mobile-screen{width:100%;flex:1;min-height:0;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.primary-action,.secondary-action,.join-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;font-weight:700;display:inline-flex}.primary-action{color:#fff;background:var(--color-green-600);width:100%;font-family:var(--font-body);font-size:18px;font-weight:500;letter-spacing:.01em;border-radius:10px;height:46px}.figma-login-btn{margin-top:8px}.secondary-action{color:var(--color-green-600);background:#fff;border:1px solid var(--color-line);width:100%}.join-button{color:#fff;background:var(--color-green-500);border-radius:24px;padding:0 32px}.text-link{color:var(--color-green-600);background:none;border:0;font-family:var(--font-body);font-weight:400}.figma-field{color:var(--color-ink);background:var(--color-field-icon);border:0;border-radius:10px;display:grid;grid-template-columns:46px 1fr;align-items:center;min-height:46px;padding:0 4px 0 0;margin-bottom:12px}.figma-field-icon{width:37px;height:37px;margin-left:4px;border-radius:8px;background:var(--color-field-icon);display:grid;place-items:center;font-size:16px}.figma-field input{min-width:0;color:var(--color-ink);background:#fff;border:0;border-radius:10px;outline:none;height:46px;padding:0 14px;font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:.01em}.figma-field input::placeholder{color:var(--color-ink);opacity:.72}.login-form{width:100%;max-width:298px;margin:0 auto}.login-forgot{text-align:right;margin:0 0 16px;font-family:var(--font-body);font-size:16px}.login-forgot a{color:var(--color-green-600);text-decoration:none}.signup-line{color:var(--color-ink);margin-top:20px;font-family:var(--font-body);font-size:16px;text-align:center}.signup-line a{color:var(--color-green-600);font-weight:500;text-decoration:none}.auth-footer{margin-top:auto;padding-top:24px;color:var(--color-brown);font-family:var(--font-body);font-size:14px;letter-spacing:.01em;text-align:center}.auth-subtitle{margin:8px 0 0;color:var(--color-subtitle);font-family:var(--font-heading);font-size:20px;font-weight:600;line-height:1.5;text-align:center}.login-screen{background:var(--color-paper);padding:clamp(32px,8vh,56px) clamp(20px,6vw,40px) 28px}.login-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(24px,5vh,36px)}.field{color:#24b96b;background:#ffffffd6;border:1px solid #cfcfcf;border-radius:8px;display:grid;grid-template-columns:34px 1fr;align-items:center;height:47px;padding:0 12px}.field input{min-width:0;color:var(--color-ink);background:none;border:0;outline:none}.field input::placeholder{color:#b0b4bd}.form-row{display:block;margin-bottom:14px}.form-row span{color:var(--color-brown);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form-row div,.form-row select,.form-row .searchable-select{border:1px solid #eee5d8;border-radius:8px;align-items:center;gap:8px;min-height:43px;padding:0 12px;display:flex;width:100%;background:#fff}.form-row .searchable-select{padding:0;display:block;position:relative}.form-row input,.form-row select{width:100%;color:var(--color-slate);background:none;border:0;outline:none}.searchable-select-trigger{width:100%;min-height:43px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:none;color:var(--color-slate);text-align:left;font:inherit}.searchable-select-placeholder{color:#9aa3b2}.searchable-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchable-select-chevron{color:var(--color-brown);font-size:14px;flex-shrink:0}.searchable-select.is-open .searchable-select-chevron{transform:rotate(180deg)}.searchable-select.is-disabled{opacity:.55;pointer-events:none}.searchable-select-panel{box-sizing:border-box;background:#fff;border:1px solid var(--color-line);border-radius:8px;box-shadow:0 12px 28px #28261b24;overflow:hidden}.searchable-select-search{display:block;width:100%;max-width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--color-line);padding:10px 12px;min-height:43px;font:inherit;font-size:14px;color:var(--color-ink);outline:none;background:#fff}.searchable-select-search::-webkit-search-cancel-button{-webkit-appearance:none}.searchable-select-list{list-style:none;margin:0;padding:6px 0;max-height:min(280px,45vh);overflow:auto;-webkit-overflow-scrolling:touch}.searchable-select-option{width:100%;border:0;background:none;text-align:left;padding:10px 12px;font:inherit;font-size:14px;color:var(--color-slate);cursor:pointer}.searchable-select-option:hover,.searchable-select-option:focus-visible{background:#f2fff8;outline:none}.searchable-select-option.is-selected{color:var(--color-green-800);font-weight:600;background:#f2fff8}.searchable-select-option.is-clear{color:var(--color-muted);font-style:italic}.searchable-select-empty{padding:10px 12px;color:var(--color-muted);font-size:14px}.app-logo{display:block;line-height:0}.app-logo img{width:auto;height:auto;max-width:min(140px,32vw);max-height:120px;object-fit:contain}.app-logo.large img{max-width:min(220px,52vw);max-height:180px}.app-logo.small img{max-width:min(96px,24vw);max-height:72px}.auth-screen{display:flex;flex-direction:column;align-items:center;background:var(--color-paper);overflow:auto;width:100%;height:100%;min-height:0}.auth-title{color:var(--color-green-800);margin:clamp(12px,2vh,16px) 0 0;font-family:var(--font-display);font-size:50px;font-weight:600;line-height:1.22;letter-spacing:0;text-align:center}.onboarding-brand{position:absolute;top:clamp(24px,6vh,40px);left:50%;transform:translate(-50%);z-index:4;filter:drop-shadow(0 8px 18px #00321c33)}.onboarding-illustration{position:absolute;top:clamp(18%,22vh,28%);left:50%;transform:translate(-50%);z-index:2;width:min(220px,58vw);aspect-ratio:1}.onboarding-art{width:100%;height:100%;display:block}.pattern-green,.onboarding-screen{background:repeating-linear-gradient(45deg,#ffffff29 0 2px,transparent 2px 66px),linear-gradient(180deg,var(--color-green-500),var(--color-green-900))}.onboarding-copy h1{margin:0 0 16px;font-family:var(--font-heading);font-size:27px;font-weight:700;line-height:1.5}.onboarding-copy p{margin:0;font-family:var(--font-heading);font-size:14px;font-weight:400;line-height:1.5}.onboarding-cta{position:absolute;bottom:48px;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:16px;font-weight:600;min-width:160px}.onboarding-copy{z-index:3;color:#fff;text-align:center;position:absolute;top:clamp(52%,56vh,62%);left:clamp(20px,6vw,40px);right:clamp(20px,6vw,40px)}.dots{justify-content:center;gap:14px;margin-top:34px;display:flex}.dots button{background:none;border:1px solid #fff;border-radius:999px;width:10px;height:10px;padding:0}.dots button.active{background:var(--color-lime)}.app-layout{position:relative;flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.app-layout>.app-screen,.app-layout>.form-screen{flex:1;min-height:0;height:100%;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.app-screen{background:#fffaf1;display:flex;flex-direction:column;overflow:hidden}.app-layout>.app-screen.app-screen--scroll{overflow-y:auto}.app-screen>*:not(.app-scroll){flex-shrink:0}.green-header{color:#fff;display:grid;grid-template-columns:64px 1fr 40px;gap:clamp(12px,3vw,16px);min-height:clamp(160px,24vh,180px);padding:max(44px,env(safe-area-inset-top,0px) + 24px) clamp(16px,4vw,24px) 0;background:linear-gradient(180deg,var(--color-green-600),var(--color-green-800));position:relative}.greeting span{font-family:var(--font-body);font-size:16px;font-weight:400;letter-spacing:.01em}.greeting strong{font-family:var(--font-body);font-size:18px;font-weight:500;letter-spacing:.01em}.greeting small{font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.01em;opacity:.95}.member-avatar{width:64px;height:64px;box-shadow:0 8px 18px #28261b17;background:#fff;border-radius:8px;display:grid;place-items:center;font-weight:800;color:var(--color-green-700);font-size:22px}.greeting{display:flex;flex-direction:column;gap:4px}.section-header{color:var(--color-brown);display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;font-family:var(--font-body);font-size:16px;font-weight:500;letter-spacing:.01em}.section-header a{font-size:14px;font-weight:400;color:var(--color-green-600)}.app-scroll{flex:1;min-height:0;overflow:auto;padding:0 clamp(16px,4vw,24px) 16px;scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}.home-scroll{margin-top:-48px;position:relative;z-index:2}.member-list{display:grid;gap:12px}@media (min-width: 540px){.member-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(84px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:0;box-shadow:0 -8px 18px #80633733;display:grid;grid-template-columns:repeat(4,1fr);z-index:30;flex-shrink:0}.bottom-nav-5{grid-template-columns:repeat(5,1fr)}.bottom-nav-5 a{font-size:12px}.bottom-nav a,.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-nav-inactive);background:none;border:0;font-family:var(--font-heading);font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0}.bottom-nav a.active,.bottom-nav button.active{color:var(--color-green-600)}.member-card{text-align:left;width:100%;box-shadow:0 8px 18px #28261b17;background:#fff;border:0;border-radius:8px;display:grid;grid-template-columns:64px 1fr;align-items:center;gap:14px;min-height:96px;padding:16px;cursor:pointer}.member-card h3{color:var(--color-slate);margin:0;font-family:var(--font-body);font-size:18px;font-weight:500;letter-spacing:.01em}.member-card p{color:var(--color-slate);margin:4px 0 0;font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.01em}.member-logo{width:56px;height:56px;border-radius:8px;background:#eef2eb;display:grid;place-items:center;font-weight:800;color:var(--color-green-700)}.progress-alert{text-align:left;color:#6e6270;width:100%;min-height:100px;box-shadow:0 8px 18px #28261b17;background:#fde1e4;border:0;border-radius:8px;padding:18px 16px}.progress-alert span{font-size:15px;line-height:1.3;display:block}.membership-strip{color:#fff;background:linear-gradient(135deg,var(--color-green-800),var(--color-green-600));width:100%;min-height:76px;box-shadow:0 8px 18px #28261b17;text-align:left;border:0;border-radius:8px;display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:16px 18px;text-decoration:none}.membership-strip.static{cursor:default}.membership-strip.renewal{background:linear-gradient(135deg,#c47a00,var(--color-gold))}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--color-line);border-radius:8px;height:44px;padding:0 14px;margin-bottom:12px}.search-box input{flex:1;border:0;outline:none;background:none}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.filter-row select{height:40px;border:1px solid var(--color-line);border-radius:8px;padding:0 10px;background:#fff;color:var(--color-brown);font-size:13px}.status{border-radius:999px;display:inline-grid;place-items:center;min-width:72px;min-height:26px;font-size:11px;font-weight:900}.status.aktif{color:var(--color-green-800);background:#dff8e7}.status.expired{color:#a34b00;background:#fff0db}.status.pending{color:#a40b25;background:#ffe1e8}.form-screen{background:var(--color-cream);flex-direction:column;gap:18px;padding:max(28px,env(safe-area-inset-top,0px) + 16px) clamp(16px,4vw,24px) 28px;display:flex;overflow-y:auto}.simple-header{color:var(--color-brown);display:flex;justify-content:space-between;align-items:center;font-weight:800}.icon-button{width:38px;height:38px;color:inherit;background:#ffffffb8;border:0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.error-banner{background:var(--color-rose);color:var(--color-danger);border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600}.success-banner{background:#e8f8ee;color:var(--color-green-800);border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600}.admin-shell{min-height:var(--viewport-height);display:grid;grid-template-columns:260px 1fr;background:#f8faf7}.admin-sidebar{color:#fff;background:linear-gradient(180deg,var(--color-green-800),var(--color-green-900));padding:max(24px,env(safe-area-inset-top,0px) + 16px) 24px 24px}.admin-brand{display:grid;justify-items:center;gap:8px;margin-bottom:8px}.admin-brand .app-logo img{max-width:120px;max-height:96px;filter:drop-shadow(0 6px 14px #001a0f44)}.admin-sidebar h1{text-align:center;margin:12px 0 4px;font-size:28px}.admin-sidebar>span{text-align:center;display:block;opacity:.8;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #ffffff47}.admin-nav{display:grid;gap:8px}.admin-nav a{color:#ffffffc7;border-radius:8px;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex;font-weight:600}.admin-nav a.active{color:#fff;background:#ffffff24}.admin-content{padding:clamp(20px,4vw,32px) clamp(16px,4vw,40px);overflow:auto}.admin-topbar h2{color:var(--color-brown);margin:4px 0 0;font-size:28px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:24px 0}.metric-card{box-shadow:0 8px 18px #28261b17;background:#fff;border-radius:8px;min-height:120px;padding:20px;display:grid;gap:8px}.metric-card strong{color:var(--color-brown);font-size:36px}.metric-card span{color:var(--color-slate);font-weight:700}.admin-table{border:1px solid #ede6d8;border-radius:8px;overflow:hidden;background:#fff}.admin-row{min-height:64px;color:var(--color-slate);border-top:1px solid #f0eadf;display:grid;grid-template-columns:1.2fr 1fr 1fr 120px 140px;align-items:center;gap:12px;padding:0 16px}.admin-row.head{min-height:48px;color:var(--color-brown);background:#fff8e9;border-top:0;font-weight:800}.admin-row strong{display:block;color:var(--color-brown)}@media (max-width: 980px){.admin-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.admin-sidebar{padding-bottom:16px}.admin-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-nav a{justify-content:center;padding:0 8px;font-size:13px}.admin-row{grid-template-columns:1fr;padding:14px 16px}.admin-row.head{display:none}}@media (max-width: 480px){.phone-shell{max-width:100%;margin:0;border-radius:0;box-shadow:none}.admin-nav{grid-template-columns:1fr}}.terms-box{background:#fff;border-radius:8px;padding:18px;box-shadow:0 8px 18px #28261b17;font-size:14px;line-height:1.6;color:var(--color-slate);max-height:50vh;overflow:auto}.terms-box h3{color:var(--color-brown);margin:16px 0 8px;font-size:15px}.terms-box h3:first-child{margin-top:0}.terms-check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--color-brown);font-weight:600}.payment-summary{background:#fff;border-radius:8px;padding:20px;box-shadow:0 8px 18px #28261b17;text-align:center}.payment-summary strong{display:block;color:var(--color-green-800);font-size:28px;margin:8px 0}.payment-summary small{color:var(--color-slate);font-size:12px}.payment-label{color:var(--color-brown);font-weight:800;margin:8px 0}.payment-methods{display:grid;gap:10px}.payment-method{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:#fff;border:2px solid var(--color-line);border-radius:8px;padding:14px;text-align:left}.payment-method.selected{border-color:var(--color-green-600);background:#f0faf3}.payment-method strong{display:block;color:var(--color-brown)}.payment-method small{color:var(--color-slate);font-size:12px}.payment-icon{font-size:28px;text-align:center}.payment-instruction{background:#fff8e9;border-radius:8px;padding:16px;font-size:14px;color:var(--color-brown)}.payment-instruction code{background:#fff;padding:2px 8px;border-radius:4px;font-weight:700}.qris-mock{text-align:center}.qris-placeholder{width:120px;height:120px;margin:0 auto 12px;background:#fff;border:2px dashed var(--color-line);border-radius:8px;display:grid;place-items:center;font-weight:800;color:var(--color-slate)}.success-screen{align-items:center;text-align:center;justify-content:center}.success-icon{width:72px;height:72px;border-radius:50%;background:var(--color-green-600);color:#fff;font-size:36px;display:grid;place-items:center;margin-bottom:16px}.success-screen h2{color:var(--color-green-800);margin:0 0 12px}.success-note{color:var(--color-slate);font-size:14px;margin-bottom:24px}.page-header{display:flex;justify-content:space-between;align-items:center;padding:max(20px,env(safe-area-inset-top,0px) + 12px) 20px 12px;background:#fff;border-bottom:1px solid var(--color-line)}.page-header h1{margin:0;font-size:20px;color:var(--color-brown)}.mock-badge{font-size:11px;font-weight:700;color:var(--color-green-800);background:#dff8e7;padding:4px 10px;border-radius:999px}.info-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--color-line)}.info-tabs button{border:0;background:none;padding:8px 4px;font-size:11px;font-weight:700;color:var(--color-slate);border-radius:6px}.info-tabs button.active{color:#fff;background:var(--color-green-600)}.info-card{display:block;background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 8px 18px #28261b17;text-decoration:none}.info-card.compact{margin-top:0}.info-card h3{color:var(--color-brown);margin:0 0 6px;font-size:15px}.info-card p{color:var(--color-slate);margin:0;font-size:13px}.info-card-meta{display:flex;justify-content:space-between;margin-bottom:8px}.info-category{font-size:11px;font-weight:800;color:var(--color-green-700);background:#e8f8ee;padding:2px 8px;border-radius:4px}.info-date{font-size:12px;color:var(--color-slate)}.info-card-footer{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:var(--color-slate)}.lock-badge{color:#a34b00}.info-detail h1{color:var(--color-brown);font-size:22px;margin:8px 0}.info-author{color:var(--color-slate);font-size:13px}.info-body{color:var(--color-slate);line-height:1.6;font-size:15px}.info-stats{margin:16px 0;font-size:14px;color:var(--color-green-700);font-weight:700}.info-gate{background:#fff0db;color:#a34b00;padding:14px;border-radius:8px;font-size:14px;font-weight:600}.join-form{margin-top:16px}.join-success{background:#dff8e7;color:var(--color-green-800);padding:14px;border-radius:8px;font-weight:700;margin-top:16px}.chat-mock{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-line)}.chat-mock h4{color:var(--color-brown);margin:0 0 12px}.chat-bubble{border-radius:12px;padding:10px 14px;margin-bottom:8px;max-width:85%;font-size:14px}.chat-bubble.other{background:#f0f4f0;color:var(--color-slate)}.chat-bubble.mine{background:var(--color-green-600);color:#fff;margin-left:auto}.chat-bubble strong{display:block;font-size:12px;margin-bottom:4px}.chat-bubble p{margin:0}.chat-panel{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-line)}.chat-panel h4{color:var(--color-brown);margin:0 0 12px}.chat-messages{max-height:280px;overflow-y:auto;margin-bottom:12px}.chat-status,.chat-offline-note{color:#806f57;font-size:14px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-compose input{border:1px solid var(--color-line);border-radius:8px;padding:10px 12px;font-size:14px}.chat-send{background:var(--color-green-600);color:#fff;border:none;border-radius:8px;padding:0 16px;font-weight:700;cursor:pointer}.chat-send:disabled{opacity:.6;cursor:not-allowed}.notif-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-line)}.notif-item.unread{background:#f8fdf9;margin:0 -16px;padding:14px 16px}.notif-icon{font-size:24px}.notif-item p{margin:0 0 4px;color:var(--color-brown);font-size:14px}.notif-item small{color:var(--color-slate);font-size:12px}.doc-hint{color:var(--color-slate);font-size:14px;line-height:1.5}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--color-line);border-radius:8px;padding:28px;margin:16px 0;cursor:pointer;background:#fff}.upload-zone span{font-size:32px}.upload-zone strong{color:var(--color-brown)}.upload-zone small{color:var(--color-slate)}.doc-list{display:grid;gap:10px}.doc-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;background:#fff;border-radius:8px;padding:14px;box-shadow:0 4px 12px #28261b12}.doc-icon{font-size:24px}.doc-item strong{display:block;color:var(--color-brown);font-size:14px}.doc-item small{color:var(--color-slate)}.doc-status{font-size:11px;font-weight:800;white-space:nowrap}.doc-status.approved{color:var(--color-green-700)}.doc-status.pending{color:#a34b00}.payment-row{grid-template-columns:.8fr 1.2fr 1fr 1fr 100px}.pay-status{font-size:11px;font-weight:900;padding:4px 8px;border-radius:4px;text-align:center}.pay-status.paid{background:#dff8e7;color:var(--color-green-800)}.pay-status.pending{background:#fff0db;color:#a34b00}.pay-status.failed{background:#ffe1e8;color:#a40b25}.figma-screen{background:var(--color-paper);min-height:100%;height:100%;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top,0px) + 12px) clamp(16px,4vw,24px) calc(24px + env(safe-area-inset-bottom,0px));overflow:auto}.figma-page-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:8px}.figma-page-header h1{margin:0;text-align:center;font-family:var(--font-display);font-size:28px;font-weight:600;line-height:1.22;color:var(--color-brown)}.figma-back,.figma-back-spacer{width:40px;height:40px;display:grid;place-items:center;color:var(--color-brown);text-decoration:none;font-size:20px}.figma-subline{text-align:center;margin:0 0 20px;font-family:var(--font-body);font-size:16px;color:var(--color-subtitle)}.figma-subline a{color:var(--color-green-600);font-weight:500;text-decoration:none}.figma-form{display:grid;gap:2px}.figma-form-row{display:block;margin-bottom:12px}.figma-form-row>span{display:block;margin-bottom:6px;font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.01em;color:var(--color-brown)}.figma-field-box,.figma-field-box input,.figma-field-box select{width:100%}.figma-field-box input,.figma-field-box select{height:46px;border:1px solid #eee5d8;border-radius:10px;background:#fff;padding:0 14px;font-family:var(--font-body);font-size:16px;color:var(--color-ink);outline:none}.figma-field-box select:disabled{opacity:.6}.figma-upload{display:flex;align-items:center;justify-content:center;min-height:88px;border:1px dashed #02a048;border-radius:10px;background:#fff;color:var(--color-green-600);font-family:var(--font-body);font-size:14px;cursor:pointer;overflow:hidden;position:relative}.figma-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.figma-upload-preview{width:72px;height:72px;object-fit:cover;border-radius:8px}.figma-benefits{background:#fff;border-radius:10px;padding:16px;margin:8px 0 16px;box-shadow:0 8px 18px #28261b17;font-family:var(--font-body);font-size:14px;color:var(--color-brown);line-height:1.6}.figma-benefits ul{margin:8px 0 12px;padding-left:18px}.figma-benefits strong{font-weight:500}.figma-primary-btn,.figma-secondary-btn{margin-top:8px}.figma-secondary-btn{text-align:center;text-decoration:none;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--color-green-600);background:#fff;border:1px solid var(--color-green-600)}.figma-terms-screen{padding-bottom:120px}.figma-terms-updated{margin:0 0 12px;font-family:var(--font-legal);font-size:12px;color:var(--color-legal)}.figma-legal-box{background:#fff;border-radius:10px;padding:16px;box-shadow:0 8px 18px #28261b17;font-family:var(--font-legal);font-size:14px;line-height:1.22;color:var(--color-legal);text-align:justify}.figma-legal-box h3{margin:16px 0 8px;font-size:14px;font-weight:700;color:var(--color-green-600)}.figma-legal-box h3:first-of-type{margin-top:8px}.figma-terms-actions{position:sticky;bottom:0;display:grid;gap:10px;padding-top:16px;background:linear-gradient(180deg,transparent,var(--color-paper) 24%)}.figma-payment-head{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 8px 18px #28261b17}.figma-payment-label{display:block;font-family:var(--font-display);font-size:20px;font-weight:600;color:#404040;margin-bottom:8px}.figma-payment-amount{display:block;font-family:var(--font-display);font-size:28px;font-weight:600;color:#000;margin-bottom:4px}.figma-payment-head small{font-family:var(--font-body);font-size:14px;color:var(--color-muted)}.figma-success-screen{min-height:100%;height:100%;background:var(--color-success-bg);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:48px 24px}.figma-success-copy h1{margin:0 0 16px;font-family:var(--font-display);font-size:35px;font-weight:600;line-height:1.22}.figma-success-subtitle{margin:0 0 20px;font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.22}.figma-success-note{margin:0;font-family:var(--font-display);font-size:14px;font-weight:400;line-height:1.22;max-width:300px}.figma-success-btn{margin-top:48px;display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:46px;border-radius:10px;border:1px solid #fff;color:#fff;font-family:var(--font-body);font-size:16px;font-weight:500;text-decoration:none}.app-screen.figma-home{background:var(--color-paper)}.home-edit-btn{color:#fff!important;background:#00432557!important}.home-profile-alert{display:block;text-decoration:none;background:#ffe6e9;border-radius:8px;padding:16px 16px 14px;margin-bottom:16px;box-shadow:0 8px 18px #28261b17}.home-profile-alert-top{display:grid;grid-template-columns:1fr 28px;gap:8px;align-items:start}.home-profile-alert-copy p{margin:0;font-family:var(--font-body);font-size:16px;font-weight:400;line-height:26px;letter-spacing:.01em;color:#4a4a4a}.home-profile-alert-arrow{color:#9b1c31;display:grid;place-items:center;margin-top:2px}.home-profile-alert-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:14px}.home-profile-progress-track{height:14px;background:#fff;border-radius:999px;overflow:hidden}.home-profile-progress-fill{height:100%;background:#fc2743;border-radius:999px;transition:width .25s ease}.home-profile-progress-label{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:26px;letter-spacing:.01em;color:#4a4a4a;min-width:34px;text-align:right}.home-member-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f2fff8 55%,#e8f8ee);border-radius:12px;padding:18px 18px 14px;margin-bottom:16px;box-shadow:0 12px 28px #00321c24;border:1px solid #d4eddf}.home-member-card-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,#02a04822 0%,transparent 42%),radial-gradient(circle at 0% 100%,#00753414 0%,transparent 38%);pointer-events:none}.home-member-card-top{position:relative;display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.home-member-card-logo.member-logo{width:64px;height:64px;border-radius:10px;box-shadow:0 4px 12px #00321c1f}.home-member-card-brand{display:flex;flex-direction:column;gap:4px;min-width:0}.home-member-card-brand span{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-green-800)}.home-member-card-brand strong{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--color-brown);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-member-card-body{position:relative;margin-top:16px}.home-member-card-body h3{margin:0 0 4px;font-family:var(--font-body);font-size:20px;font-weight:700;color:var(--color-brown)}.home-member-card-business{margin:0 0 8px;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--color-slate)}.home-member-card-meta{margin:0 0 4px;font-family:var(--font-body);font-size:13px;color:var(--color-muted);line-height:1.45}.home-member-card-footer{position:relative;margin-top:14px;padding-top:12px;border-top:1px dashed #b9dcc7;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-green-800)}.home-member-list,.home-info-list{display:grid;gap:12px;margin-bottom:8px}.home-member-row,.home-info-card{display:block;text-decoration:none;background:#fff;border-radius:10px;padding:16px;box-shadow:0 8px 18px #28261b17}.home-member-row{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center}.home-member-row h3{margin:0;font-family:var(--font-body);font-size:18px;font-weight:500;color:var(--color-muted)}.home-member-row p{margin:4px 0 0;font-size:14px;color:var(--color-muted)}.home-member-row small{display:block;margin-top:2px;font-size:12px;color:var(--color-muted)}.home-info-category{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.01em}.home-info-card h3{margin:8px 0 6px;font-family:var(--font-body);font-size:18px;font-weight:500;color:var(--color-muted);line-height:1.17}.home-info-card p,.home-info-card small{display:block;margin:0;font-family:var(--font-body);font-size:12px;color:var(--color-muted)}.home-info-card small{margin-top:4px}.section-link{font-size:14px;font-weight:400;color:var(--color-green-600);text-decoration:none}