:root{--md-primary:#1a73e8;--md-primary-container:#d3e3fd;--md-on-primary:#fff;--md-on-primary-container:#041e49;--md-secondary:#5f6368;--md-secondary-container:#e8eaed;--md-on-secondary-container:#161b22;--md-background:#f8f9fa;--md-surface:#fff;--md-surface-variant:#e8eaed;--md-surface-container:#f1f3f4;--md-surface-container-high:#e8eaed;--md-on-surface:#202124;--md-on-surface-variant:#5f6368;--md-error:#d93025;--md-error-container:#fce8e6;--md-success:#137333;--md-success-container:#e6f4ea;--md-outline:#dadce0;--md-outline-variant:#e8eaed;--chip-blue:#e8f0fe;--chip-blue-text:#1967d2;--chip-green:#e6f4ea;--chip-green-text:#137333;--chip-purple:#f3e8fd;--chip-purple-text:#7b1fa2;--chip-orange:#fef3e2;--chip-orange-text:#b5620b;--font-brand:"Google Sans", "Roboto", sans-serif;--font-body:"Roboto", sans-serif;--elevation-1:0 1px 2px 0 #3c40434d, 0 1px 3px 1px #3c404326;--elevation-2:0 1px 2px 0 #3c40434d, 0 2px 6px 2px #3c404326;--elevation-3:0 4px 8px 3px #3c404326, 0 1px 3px #3c40434d;--elevation-4:0 6px 10px 4px #3c404326, 0 2px 3px #3c40434d;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--motion-standard:cubic-bezier(.2, 0, 0, 1);--motion-emphasized:cubic-bezier(.05, .7, .1, 1);--duration-short:.2s;--duration-medium:.3s;--duration-long:.4s}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--md-background);color:var(--md-on-surface);-webkit-font-smoothing:antialiased;overflow:hidden}.material-symbols-outlined{font-family:"Material Symbols Outlined",sans-serif;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;line-height:1;display:inline-block}.login-page{z-index:1000;background:linear-gradient(135deg,#0f172a 0%,#1e293b 40%,#0f172a 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-shape{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.login-shape-1{background:#1a73e8;width:400px;height:400px;animation:20s ease-in-out infinite floatShape;top:-100px;right:-100px}.login-shape-2{background:#8ab4f8;width:300px;height:300px;animation:25s ease-in-out infinite reverse floatShape;bottom:-80px;left:-80px}.login-shape-3{background:#34a853;width:200px;height:200px;animation:18s ease-in-out 5s infinite floatShape;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatShape{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-20px,30px)scale(.95)}75%{transform:translate(20px,20px)scale(1.02)}}.login-card{-webkit-backdrop-filter:blur(20px);text-align:center;z-index:1;width:100%;max-width:400px;animation:cardEntry .6s var(--motion-emphasized) both;background:#fffffff2;border-radius:28px;flex-direction:column;align-items:center;gap:16px;padding:44px 36px 36px;display:flex;position:relative;box-shadow:0 8px 32px #00000040,0 0 0 1px #ffffff1a}@keyframes cardEntry{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-logo-container{color:#fff;background:linear-gradient(135deg,#1a73e8 0%,#4285f4 50%,#8ab4f8 100%);border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;animation:3s ease-in-out infinite logoPulse;display:flex;box-shadow:0 4px 20px #1a73e866}@keyframes logoPulse{0%,to{box-shadow:0 4px 20px #1a73e866}50%{box-shadow:0 4px 28px #1a73e899}}.app-logo.large .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:40px}.login-title{font-family:var(--font-brand);color:var(--md-on-surface);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.login-subtitle{color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.08em;margin-top:-8px;font-size:.875rem;font-weight:500}.login-guest{text-align:center;margin-top:4px}.login-guest .btn-text{color:var(--md-on-surface-variant);font-size:.875rem}.login-guest .btn-text:hover{background:var(--md-surface-container)}.login-footer{text-align:center;color:#ffffff73;z-index:1;font-size:.8rem;position:absolute;bottom:20px;left:0;right:0}.login-footer a{color:#8ab4f8b3;transition:color var(--duration-short);font-weight:500;text-decoration:none}.login-footer a:hover{color:#8ab4f8}@media (max-width: 480px){.login-card{border-radius:24px;padding:36px 24px 28px}.login-title{font-size:1.5rem}}.demo-banner{border-radius:var(--radius-md);text-align:left;color:#1967d2;background:#e8f0fe;border:1px solid #adccf9;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;display:flex}.demo-banner .material-symbols-outlined{font-size:24px}.demo-banner div{flex-direction:column;display:flex}.btn-google-login{border:1px solid var(--md-outline);border-radius:var(--radius-full);background:var(--md-surface);width:100%;height:48px;color:var(--md-on-surface-variant);font-family:var(--font-brand);cursor:pointer;transition:background var(--duration-short), box-shadow var(--duration-short);justify-content:center;align-items:center;gap:12px;font-size:.9375rem;font-weight:500;display:flex}.btn-google-login:hover{background:var(--md-surface-container);box-shadow:var(--elevation-1)}.btn-google-login:active{background:var(--md-surface-container-high)}.top-app-bar{z-index:200;background:var(--md-surface);border-bottom:1px solid var(--md-outline);height:64px;transition:box-shadow var(--duration-short) var(--motion-standard);position:fixed;top:0;left:0;right:0}.top-app-bar.scrolled{box-shadow:var(--elevation-2);border-bottom-color:#0000}.top-app-bar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1600px;height:100%;margin:0 auto;padding:0 16px 0 24px;display:flex}.app-brand{flex-shrink:0;align-items:center;gap:12px;min-width:0;display:flex}.app-logo{color:#fff;background:linear-gradient(135deg,#1a73e8,#8ab4f8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.app-logo .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:20px}.app-title{font-family:var(--font-brand);color:var(--md-on-surface);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:1.375rem;font-weight:700;overflow:hidden}.top-bar-actions{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.search-bar-container{flex:1;min-width:0;max-width:440px}.search-bar{background:var(--md-surface-container);border:1px solid var(--md-outline);border-radius:var(--radius-full);height:40px;transition:background var(--duration-short) var(--motion-standard), box-shadow var(--duration-short) var(--motion-standard), border-color var(--duration-short) var(--motion-standard);align-items:center;gap:12px;padding:0 16px;display:flex}.search-bar:focus-within{background:var(--md-surface);border-color:var(--md-primary);box-shadow:0 0 0 3px #1a73e81f}.search-bar-icon{color:var(--md-on-surface-variant);flex-shrink:0;font-size:18px}.search-bar input{font-family:var(--font-body);color:var(--md-on-surface);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9rem}.search-bar input::placeholder{color:var(--md-on-surface-variant)}.search-clear-btn{cursor:pointer;width:24px;height:24px;color:var(--md-on-surface-variant);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.search-clear-btn:hover{background:var(--md-surface-variant)}.search-clear-btn .material-symbols-outlined{font-size:16px}.coin-pill{background:var(--chip-orange);border-radius:var(--radius-full);color:var(--chip-orange-text);font-family:var(--font-brand);border:1px solid #fad2a1;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:700;display:flex}.coin-pill .coin-icon{font-variation-settings:"FILL" 1;font-size:18px}.user-profile-menu{flex-shrink:0;align-items:center;display:flex;position:relative}.user-avatar{border:1.5px solid var(--md-outline);object-fit:cover;cursor:pointer;width:36px;height:36px;transition:box-shadow var(--duration-short);border-radius:50%}.user-avatar:hover{box-shadow:0 0 0 2px var(--md-primary)}.user-dropdown{background:var(--md-surface);border-radius:var(--radius-lg);width:260px;box-shadow:var(--elevation-4);border:1px solid var(--md-outline-variant);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;transition:opacity var(--duration-short) var(--motion-standard), transform var(--duration-short) var(--motion-standard), visibility 0s linear var(--duration-short);z-index:500;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px)scale(.95)}.user-dropdown.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity var(--duration-short) var(--motion-standard), transform var(--duration-short) var(--motion-standard), visibility 0s linear 0s;transform:translateY(0)scale(1)}.user-dropdown-header{align-items:center;gap:12px;padding:16px;display:flex}.user-dropdown-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.user-dropdown-name{color:var(--md-on-surface);font-size:.9rem;font-weight:600;line-height:1.3}.user-dropdown-email{color:var(--md-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.78rem;line-height:1.3;overflow:hidden}.user-dropdown-divider{background:var(--md-outline-variant);height:1px;margin:0}.user-dropdown-item{width:100%;font-family:var(--font-body);color:var(--md-on-surface);cursor:pointer;transition:background var(--duration-short);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;display:flex}.user-dropdown-item:hover{background:var(--md-surface-container)}.user-dropdown-item .material-symbols-outlined{color:var(--md-on-surface-variant);font-size:20px}.user-dropdown-danger,.user-dropdown-danger .material-symbols-outlined{color:var(--md-error)}.user-dropdown-danger:hover{background:var(--md-error-container)}.change-photo-card{background:var(--md-surface);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--elevation-4);text-align:center;transition:transform var(--duration-medium) var(--motion-emphasized);padding:32px;transform:scale(.92)translateY(12px)}.dialog-scrim.open .change-photo-card{transform:scale(1)translateY(0)}.change-photo-preview-wrap{width:100px;height:100px;margin:0 auto 20px;position:relative}.change-photo-preview{object-fit:cover;border:3px solid var(--md-outline);border-radius:50%;width:100px;height:100px}.change-photo-edit-overlay{background:var(--md-primary);color:#fff;border:2px solid var(--md-surface);cursor:pointer;width:32px;height:32px;transition:background var(--duration-short);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.change-photo-edit-overlay:hover{background:#1967d2}.change-photo-edit-overlay .material-symbols-outlined{font-size:18px}.change-photo-title{font-family:var(--font-brand);margin-bottom:6px;font-size:1.25rem;font-weight:700}.change-photo-subtitle{color:var(--md-on-surface-variant);margin-bottom:20px;font-size:.85rem}.change-photo-actions{justify-content:center;gap:12px;display:flex}.change-photo-actions .btn-filled,.change-photo-actions .btn-text{justify-content:center;min-width:120px}.page-layout{position:fixed;top:64px;bottom:0;left:0;right:0;display:flex;overflow:hidden;background:var(--md-surface)}.nav-rail{background:var(--md-surface);border-right:1px solid var(--md-outline);z-index:100;width:80px;transition:width var(--duration-medium) var(--motion-emphasized);flex-direction:column;padding:12px 0;display:flex;position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.nav-rail-items{flex-direction:column;gap:4px;padding:0 8px;display:flex}.nav-rail-item{border-radius:var(--radius-lg);color:var(--md-on-surface-variant);cursor:pointer;transition:background var(--duration-short) var(--motion-standard), color var(--duration-short) var(--motion-standard);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:100%;padding:12px 4px;display:flex;position:relative}.nav-rail-item:hover{color:var(--md-primary);background:#1a73e814}.nav-rail-item.active{color:var(--md-primary)}.nav-rail-item.active .nav-icon{background:var(--md-primary-container);color:var(--md-on-primary-container)}.nav-icon{border-radius:var(--radius-full);width:56px;height:32px;transition:background var(--duration-short);justify-content:center;align-items:center;font-size:22px;display:flex}.nav-rail-item.active .nav-icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.nav-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:68px;font-size:.75rem;font-weight:500;overflow:hidden}.nav-rail-divider{background:var(--md-outline);height:1px;margin:8px 4px}.main-content{flex:1;max-width:1400px;margin-left:80px;padding:0 24px 120px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tab-panel{display:none}.tab-panel.active{display:block}.filter-chips-row{background:var(--md-background);z-index:90;padding:16px 0 8px;position:sticky;top:0}.filter-chips-scroll{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.filter-chips-scroll::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);border:1px solid var(--md-outline);background:var(--md-surface);color:var(--md-on-surface-variant);font-family:var(--font-body);cursor:pointer;transition:background var(--duration-short) var(--motion-standard), color var(--duration-short) var(--motion-standard), border-color var(--duration-short) var(--motion-standard), box-shadow var(--duration-short);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:6px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.filter-chip .chip-icon{font-size:16px;display:none}.filter-chip.active{background:var(--md-primary-container);border-color:var(--md-primary-container);color:var(--md-on-primary-container)}.filter-chip.active .chip-icon{display:inline}.filter-chip:hover:not(.active){background:var(--md-surface-container);box-shadow:var(--elevation-1)}.prompts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-top:8px;display:grid}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:80px 32px;display:flex}.empty-illustration{background:var(--md-primary-container);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:8px;display:flex}.empty-icon{color:var(--md-primary);font-size:48px}.empty-title{font-family:var(--font-brand);color:var(--md-on-surface);font-size:1.5rem;font-weight:500}.empty-body{color:var(--md-on-surface-variant);max-width:380px;font-size:.9375rem;line-height:1.6}.prompt-card{background:var(--md-surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);transition:box-shadow var(--duration-medium) var(--motion-standard), transform var(--duration-medium) var(--motion-standard);cursor:default;flex-direction:column;display:flex;overflow:hidden}.prompt-card:hover{box-shadow:var(--elevation-3);transform:translateY(-2px)}.card-image-wrapper{background:var(--md-surface-container);cursor:zoom-in;width:100%;height:160px;position:relative;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-long) var(--motion-standard)}.prompt-card:hover .card-image-wrapper img{transform:scale(1.04)}.image-zoom-overlay{opacity:0;transition:opacity var(--duration-short);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-image-wrapper:hover .image-zoom-overlay{opacity:1}.image-zoom-overlay .material-symbols-outlined{color:#fff;font-size:36px}.card-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-title{font-family:var(--font-brand);color:var(--md-on-surface);flex:1;font-size:1rem;font-weight:600;line-height:1.4}.card-menu{flex-shrink:0;gap:4px;display:flex}.icon-btn{width:36px;height:36px;color:var(--md-on-surface-variant);cursor:pointer;transition:background var(--duration-short);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--md-surface-container-high)}.icon-btn .material-symbols-outlined{font-size:20px}.icon-btn.edit-btn:hover{color:var(--md-primary);background:var(--md-primary-container)}.icon-btn.delete-btn:hover{color:var(--md-error);background:var(--md-error-container)}.icon-btn.share-btn:hover{color:var(--md-success);background:var(--md-success-container)}.sync-btn{color:var(--md-primary)}.sync-btn:hover{color:var(--md-on-primary);background:var(--md-primary-container)}.sync-btn.syncing .material-symbols-outlined{animation:1s linear infinite spinSync}@keyframes spinSync{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-text-block{background:var(--md-surface-container);border-radius:var(--radius-sm);padding:12px;position:relative}.prompt-text{color:var(--md-on-surface-variant);white-space:pre-wrap;word-break:break-word;max-height:120px;padding-right:36px;font-size:.85rem;line-height:1.6;overflow-y:auto}.copy-btn{background:var(--md-surface);width:32px;height:32px;color:var(--md-primary);cursor:pointer;box-shadow:var(--elevation-1);transition:background var(--duration-short), box-shadow var(--duration-short), transform var(--duration-short);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.copy-btn:hover{background:var(--md-primary-container);box-shadow:var(--elevation-2)}.copy-btn:active{transform:scale(.95)}.copy-btn .material-symbols-outlined{font-size:17px}.card-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.card-tag{border-radius:var(--radius-full);background:var(--chip-blue);color:var(--chip-blue-text);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.card-tag:nth-child(4n+2){background:var(--chip-green);color:var(--chip-green-text)}.card-tag:nth-child(4n+3){background:var(--chip-purple);color:var(--chip-purple-text)}.card-tag:nth-child(4n+4){background:var(--chip-orange);color:var(--chip-orange-text)}.card-date{color:var(--md-on-surface-variant);letter-spacing:.2px;font-size:.72rem}.community-header{border-bottom:1px solid var(--md-outline);margin-bottom:16px;padding:24px 0 16px}.community-header h2{font-family:var(--font-brand);color:var(--md-on-surface);font-size:1.5rem;font-weight:700}.community-header p{color:var(--md-on-surface-variant);margin-top:4px;font-size:.95rem}.card-author-meta{border-top:1px solid var(--md-outline-variant);align-items:center;gap:10px;margin-top:4px;padding-top:10px;display:flex}.author-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.author-info{flex-direction:column;display:flex}.author-name{color:var(--md-on-surface);font-size:.78rem;font-weight:600}.share-date{color:var(--md-on-surface-variant);font-size:.7rem}.vault-container{flex-direction:column;gap:24px;max-width:720px;margin:0 auto;padding:24px 0;display:flex}.coin-vault-card{background:var(--md-surface);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--elevation-2);border:1px solid #fad2a1;flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex}.vault-coin-large{color:#e28714;font-variation-settings:"FILL" 1;font-size:72px}.vault-balance{font-family:var(--font-brand);color:var(--md-on-surface);font-size:3.5rem;font-weight:700;line-height:1}.vault-label{font-family:var(--font-brand);color:var(--md-on-surface-variant);font-size:1.1rem;font-weight:500}.vault-subtext{color:var(--md-on-surface-variant);max-width:440px;font-size:.88rem;line-height:1.6}.transaction-history-container{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);overflow:hidden}.transaction-title{font-family:var(--font-brand);color:var(--md-on-surface);border-bottom:1px solid var(--md-outline);background:var(--md-surface-container);padding:16px 20px;font-size:1.1rem;font-weight:600}.transactions-list{flex-direction:column;display:flex}.transaction-item{border-bottom:1px solid var(--md-outline-variant);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-meta{align-items:center;gap:12px;display:flex}.transaction-icon{background:var(--md-success-container);width:40px;height:40px;color:var(--md-success);border-radius:50%;justify-content:center;align-items:center;display:flex}.transaction-icon.reject{background:var(--md-error-container);color:var(--md-error)}.transaction-icon .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:20px}.transaction-info{flex-direction:column;display:flex}.transaction-desc{color:var(--md-on-surface);font-size:.88rem;font-weight:500}.transaction-date{color:var(--md-on-surface-variant);font-size:.75rem}.transaction-value{font-family:var(--font-brand);color:var(--md-success);font-size:1rem;font-weight:700}.transaction-value.negative{color:var(--md-error)}.transaction-empty-state{color:var(--md-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.admin-dashboard-container{flex-direction:column;gap:24px;padding:24px 0;display:flex}.admin-subtabs{gap:8px;border-bottom:1px solid var(--md-outline);padding-bottom:12px;overflow-x:auto;display:flex}.admin-subtab{border:none;background:none;color:var(--md-on-surface-variant);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--duration-short) var(--motion-standard);white-space:nowrap;align-items:center;gap:6px;display:flex}.admin-subtab .material-symbols-outlined{font-size:18px}.admin-subtab:hover{background:var(--md-surface-container);color:var(--md-on-surface)}.admin-subtab.active{color:var(--md-primary);border-bottom:2px solid var(--md-primary);background:rgba(26,115,232,.06)}.admin-tab-content{display:none}.admin-tab-content.active{display:block}.admin-settings-card{background:var(--md-surface);border:1px solid var(--md-outline);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);padding:20px 24px}.admin-settings-card h3{font-family:var(--font-brand);margin-bottom:16px;font-size:1.1rem;font-weight:600}.admin-settings-form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.review-queue-section{flex-direction:column;gap:16px;display:flex}.review-queue-section h3{font-family:var(--font-brand);border-bottom:1px solid var(--md-outline);padding-bottom:8px;font-size:1.1rem;font-weight:600}.admin-card-actions{gap:8px;margin-top:12px;display:flex}.admin-card-actions button{flex:1}.btn-filled.approve-btn{background:var(--md-success);color:#fff}.btn-filled.approve-btn:hover{background:#0f5d28}.btn-text.reject-btn{color:var(--md-error)}.btn-text.reject-btn:hover{background:var(--md-error-container)}.fab{border-radius:var(--radius-xl);background:var(--md-primary);height:56px;color:var(--md-on-primary);cursor:pointer;font-family:var(--font-brand);letter-spacing:.1px;box-shadow:var(--elevation-3);z-index:150;transition:box-shadow var(--duration-short) var(--motion-standard), transform var(--duration-short) var(--motion-emphasized), background var(--duration-short);border:none;align-items:center;gap:10px;padding:0 20px 0 16px;font-size:.9375rem;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px}.fab:hover{box-shadow:var(--elevation-4);background:#1967d2}.fab:active{transform:scale(.97)}.fab-icon{font-size:24px}.btn-filled{border-radius:var(--radius-full);background:var(--md-primary);color:var(--md-on-primary);font-family:var(--font-brand);cursor:pointer;transition:background var(--duration-short), box-shadow var(--duration-short), transform var(--duration-short);border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-filled:hover{box-shadow:var(--elevation-2);background:#1967d2}.btn-filled:active{transform:scale(.97)}.btn-filled .material-symbols-outlined{font-size:18px}.btn-text{border-radius:var(--radius-full);color:var(--md-primary);font-family:var(--font-brand);cursor:pointer;transition:background var(--duration-short);background:0 0;border:none;align-items:center;gap:6px;padding:10px 16px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-text:hover{background:#1a73e814}.auth-form-container{width:100%;max-width:320px;margin:0 auto}.auth-field{margin-bottom:12px}.auth-field:last-of-type{margin-bottom:16px}.auth-input{border:1px solid var(--md-outline);border-radius:var(--radius-md);width:100%;font-family:var(--font-body);background:var(--md-surface);color:var(--md-on-surface);box-sizing:border-box;transition:border-color var(--duration-short), box-shadow var(--duration-short);outline:none;padding:12px 14px;font-size:.9375rem}.auth-input:focus{border-color:var(--md-primary);box-shadow:0 0 0 1px var(--md-primary)}.auth-input::placeholder{color:var(--md-on-surface-variant)}.form-error{color:var(--md-error);margin-bottom:12px;font-size:.85rem;display:none}.form-hint{text-align:center;color:var(--md-on-surface-variant);margin-top:12px;font-size:.85rem}.form-hint a{color:var(--md-primary);font-weight:500;text-decoration:none}.form-hint a:hover{text-decoration:underline}.btn-filled.btn-full{width:100%;padding:12px;font-size:1rem}.btn-whatsapp{color:#fff;background:#25d366}.btn-whatsapp:hover{box-shadow:var(--elevation-2);background:#1fb855}.btn-whatsapp .whatsapp-inner{justify-content:center;align-items:center;gap:8px;display:flex}.btn-outlined{border-radius:var(--radius-full);border:1px solid var(--md-outline);color:var(--md-primary);font-family:var(--font-brand);cursor:pointer;transition:background var(--duration-short), border-color var(--duration-short), color var(--duration-short);background:0 0;align-items:center;gap:4px;padding:6px 14px;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-outlined:hover{background:#1a73e814}.btn-outlined:active{transform:scale(.97)}.btn-outlined .material-symbols-outlined{font-size:16px}.btn-outlined.btn-sm{min-height:28px;padding:4px 10px;font-size:.75rem}.btn-outlined.btn-admin-active{background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.btn-outlined.btn-danger{background:var(--md-error);color:#fff;border-color:var(--md-error)}.btn-outlined.btn-success{background:var(--md-success);color:#fff;border-color:var(--md-success)}.admin-user-row{border-bottom:1px solid var(--md-surface-variant);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex}.admin-user-info{flex:1;min-width:180px}.admin-user-name{font-size:.95rem;font-weight:500}.admin-user-email{color:var(--md-on-surface-variant);font-size:.8rem}.admin-user-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-user-coins{color:var(--md-primary);min-width:40px;font-size:.85rem;font-weight:500}.result-card{background:var(--md-primary-container);border-radius:var(--radius-md);border:1px solid var(--md-primary);margin-top:16px;padding:16px;display:none}.result-card-label{color:var(--md-primary);margin-bottom:8px;font-weight:600}.result-card-row{color:var(--md-on-surface-variant);margin-bottom:4px;font-size:.85rem}.result-card-code{background:var(--md-surface-variant);border-radius:var(--radius-xs);-webkit-user-select:all;user-select:all;padding:2px 8px;font-weight:600}.admin-form-flex{flex-wrap:wrap;gap:12px;display:flex}.admin-form-flex>.text-field-wrapper{flex:1;min-width:200px}.admin-user-list{overflow-x:auto}.btn-icon-text{align-items:center;gap:4px;display:inline-flex}.btn-icon-text .material-symbols-outlined{font-size:18px}.change-pw-instruction{color:var(--md-on-surface-variant);margin-bottom:16px;font-size:.9rem}.change-pw-card{background:var(--md-surface);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--elevation-4);text-align:center;transition:transform var(--duration-medium) var(--motion-emphasized);flex-direction:column;align-items:center;gap:0;padding:40px 32px 32px;display:flex;transform:scale(.92)translateY(12px)}.dialog-scrim.open .change-pw-card{transform:scale(1)translateY(0)}.change-pw-icon-circle{background:linear-gradient(135deg, var(--md-primary), #8ab4f8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;display:flex;box-shadow:0 4px 16px #1a73e84d}.change-pw-icon-circle .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:34px}.change-pw-title{font-family:var(--font-brand);color:var(--md-on-surface);margin-bottom:8px;font-size:1.5rem;font-weight:700}.change-pw-subtitle{color:var(--md-on-surface-variant);max-width:300px;margin-bottom:28px;font-size:.9rem;line-height:1.5}.change-pw-form{flex-direction:column;gap:0;width:100%;display:flex}.change-pw-form .auth-field{text-align:left}.change-pw-form .auth-input{width:100%}.change-pw-submit{height:48px;margin-top:8px}.change-pw-success{flex-direction:column;align-items:center;justify-content:center;padding:24px 0 8px;display:none}.change-pw-success-icon{margin-bottom:16px;animation:pw-success-pop .5s var(--motion-emphasized) forwards}.change-pw-success-icon .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 48;font-size:64px;color:var(--md-success)}.change-pw-success-title{font-family:var(--font-brand);color:var(--md-on-surface);margin-bottom:8px;font-size:1.3rem;font-weight:700}.change-pw-success-sub{color:var(--md-on-surface-variant);font-size:.9rem;line-height:1.5}.change-pw-success.show{display:flex}.change-pw-success.hide{display:none}@keyframes pw-success-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.change-pw-card{margin:16px;padding:32px 24px 24px}.change-pw-title{font-size:1.25rem}}.whatsapp-icon{font-size:20px}.dialog-scrim{z-index:300;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-medium) var(--motion-standard), visibility 0s linear var(--duration-medium);background:#00000052;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-scrim.open{opacity:1;visibility:visible;pointer-events:all;transition:opacity var(--duration-medium) var(--motion-standard), visibility 0s linear 0s}.dialog-container{background:var(--md-surface);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--elevation-4);max-height:90vh;transition:transform var(--duration-medium) var(--motion-emphasized);flex-direction:column;display:flex;overflow:hidden;transform:scale(.92)translateY(12px)}.dialog-scrim.open .dialog-container{transform:scale(1)translateY(0)}.dialog-header{padding:24px 24px 0}.dialog-title{font-family:var(--font-brand);color:var(--md-on-surface);font-size:1.375rem;font-weight:700}.dialog-content{flex-direction:column;flex:1;gap:20px;padding:20px 24px;display:flex;overflow-y:auto}.dialog-actions{border-top:1px solid var(--md-outline);justify-content:flex-end;align-items:center;gap:8px;padding:16px 16px 20px;display:flex}.text-field-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.text-field-label{color:var(--md-on-surface);letter-spacing:.1px;font-size:.8125rem;font-weight:500}.label-helper{color:var(--md-on-surface-variant);font-size:.75rem;font-weight:400}.text-field{background:var(--md-surface-container);border:1px solid var(--md-outline);border-radius:var(--radius-sm);height:52px;transition:border-color var(--duration-short), background var(--duration-short), box-shadow var(--duration-short);align-items:center;gap:12px;padding:0 16px;display:flex}.text-field--multiline{align-items:flex-start;height:auto;padding:12px 16px}.text-field:focus-within{border-color:var(--md-primary);background:var(--md-surface);box-shadow:0 0 0 3px #1a73e81a}.text-field-icon{color:var(--md-on-surface-variant);flex-shrink:0;font-size:20px}.text-field-input{font-family:var(--font-body);color:var(--md-on-surface);resize:none;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.9375rem}.text-field-input::placeholder{color:var(--md-on-surface-variant)}.image-upload-area{border:2px dashed var(--md-outline);border-radius:var(--radius-md);cursor:pointer;min-height:120px;transition:border-color var(--duration-short), background var(--duration-short);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-upload-area:hover,.image-upload-area.dragover{border-color:var(--md-primary);background:#1a73e80a}.file-input-hidden{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;inset:0}.upload-placeholder{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.upload-icon{color:var(--md-primary);font-size:36px}.upload-text{color:var(--md-on-surface);font-size:.875rem;font-weight:500}.upload-subtext{color:var(--md-on-surface-variant);font-size:.75rem}.image-preview-container{z-index:3;width:100%;max-height:220px;position:relative}.image-preview-container img{object-fit:contain;background:var(--md-surface-variant);width:100%;height:220px}.remove-image-btn{color:#fff;cursor:pointer;width:32px;height:32px;transition:background var(--duration-short), transform var(--duration-short);z-index:4;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#000c;transform:scale(1.1)}.remove-image-btn .material-symbols-outlined{font-size:18px}.image-viewer-container{justify-content:center;align-items:center;max-width:92vw;max-height:88vh;display:flex;position:relative}.image-viewer-container img{border-radius:var(--radius-md);max-width:100%;max-height:85vh;box-shadow:0 24px 48px #00000080}.image-viewer-close{color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--duration-short);background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-52px;right:0}.image-viewer-close:hover{background:#ffffff40}.snackbar-container{z-index:500;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:90vw;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.snackbar{color:#fff;border-radius:var(--radius-sm);box-shadow:var(--elevation-4);animation:snackbar-in .2s var(--motion-emphasized) forwards, snackbar-out .2s var(--motion-standard) 2.5s forwards;white-space:nowrap;background:#323232;align-items:center;gap:12px;padding:14px 20px;font-size:.9rem;font-weight:500;display:flex}.snackbar .material-symbols-outlined{color:#8ab4f8;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:20px}@keyframes snackbar-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes snackbar-out{0%{opacity:1}to{opacity:0}}.hidden{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--md-outline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--md-secondary)}@media (max-width: 767px){.nav-rail{display:none!important}.bottom-nav{display:flex!important}.top-app-bar{height:auto}.top-app-bar-inner{flex-direction:column;align-items:stretch;gap:8px;height:auto;padding:10px 12px;overflow:visible}.app-brand{flex-shrink:0}.app-title{font-size:1.125rem}.top-bar-actions{justify-content:space-between;gap:8px;width:100%}.search-bar-container{flex:1;max-width:60%}.search-bar{height:36px;padding:0 10px}.coin-pill{padding:4px 8px;font-size:.75rem}.user-avatar{width:28px;height:28px}.page-layout{top:112px;background:var(--md-surface)}.filter-chips-row{padding:10px 0 4px;top:0}.main-content{flex:1;margin-left:0;padding:0 12px 90px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.prompts-grid{grid-template-columns:1fr;gap:12px}.fab{z-index:210;bottom:96px;right:16px}.dialog-scrim{align-items:flex-end;padding:16px 12px}.dialog-container{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100%;max-height:95vh}.vault-container{gap:16px;padding:12px 0}.coin-vault-card{padding:24px 16px}.vault-balance{font-size:2.5rem}.transaction-item{padding:12px 16px}.admin-settings-form{flex-direction:column;align-items:stretch}}.bottom-nav{background:var(--md-surface);border-top:1px solid var(--md-outline);z-index:200;padding:4px 0 env(safe-area-inset-bottom,8px);flex-direction:row;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--md-on-surface-variant);cursor:pointer;border-radius:var(--radius-lg);transition:all .2s var(--motion-standard);font-size:11px;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;text-decoration:none;display:flex}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:var(--md-primary)}.bottom-nav-item.active .material-symbols-outlined{background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:var(--radius-full);font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;padding:2px 16px}.bottom-nav-item .material-symbols-outlined{border-radius:var(--radius-full);transition:all .2s var(--motion-standard);padding:2px 16px;font-size:24px}.bottom-nav .apk-link{color:var(--md-success)!important}.bottom-nav .apk-link .material-symbols-outlined{color:var(--md-success)!important;background:#e6f4ea!important}@media (min-width: 768px) and (max-width: 1024px){.prompts-grid{grid-template-columns:repeat(2,1fr)}}@supports (padding:env(safe-area-inset-bottom)){.fab,.snackbar-container{bottom:calc(24px + env(safe-area-inset-bottom))}@media (max-width: 767px){.fab{bottom:calc(96px + env(safe-area-inset-bottom))!important;z-index:210!important}}}.prompt-text.locked{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:var(--radius-sm,8px);min-height:48px}.prompt-text-block{position:relative}.prompt-unlock-overlay{-webkit-backdrop-filter:blur(2px);border-radius:var(--radius-sm,8px);z-index:5;background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.prompt-unlock-overlay .unlock-btn{align-items:center;gap:6px;animation:2s ease-in-out infinite pulse-unlock;display:flex;box-shadow:0 2px 12px #1a73e84d;border-radius:20px!important;height:auto!important;padding:8px 18px!important;font-size:.82rem!important}@keyframes pulse-unlock{0%,to{box-shadow:0 2px 12px #1a73e84d}50%{box-shadow:0 2px 20px #1a73e88c}}.community-card .community-card-image{aspect-ratio:16/9;border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;cursor:pointer;overflow:hidden}.community-card .community-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.community-card .community-card-image:hover img{transform:scale(1.04)}.community-card-no-image{aspect-ratio:16/9;background:var(--color-surface-variant,#f0f4ff);border-radius:var(--radius-lg,12px) var(--radius-lg,12px) 0 0;color:var(--color-text-secondary,#999);justify-content:center;align-items:center;font-size:2rem;display:flex}.community-prompt-hidden-notice{border-radius:var(--radius-sm,8px);background:var(--color-surface-variant,#f4f4f8);align-items:center;gap:6px;margin:8px 0 4px;padding:6px 10px;display:flex}.community-save-area{margin:10px 0 6px}.save-community-btn{justify-content:center;align-items:center;gap:6px;width:100%;transition:transform .15s,box-shadow .15s;display:flex;border-radius:var(--radius-md,10px)!important;height:auto!important;padding:10px 16px!important;font-size:.88rem!important}.save-community-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #1a73e859}.save-community-btn:disabled{opacity:.65;cursor:not-allowed}.community-saved-chip{color:#137333;background:#e6f4ea;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}

/* ===== ADMIN PANEL RESPONSIVE ===== */
.admin-dashboard-container { max-width: 900px; width: 100%; overflow-x: hidden; box-sizing: border-box; }
.admin-settings-card { max-width: 100%; overflow: hidden; box-sizing: border-box; }
.admin-subtabs { scrollbar-width: none; overflow-x: auto; }
.admin-subtabs::-webkit-scrollbar { display: none; }
.admin-user-list { max-width: 100%; overflow-x: hidden; }
.admin-settings-form { overflow: hidden; }
.admin-form-flex { overflow: hidden; }

@media (max-width: 767px) {
  .main-content { overflow-x: hidden; }
  .admin-dashboard-container { padding: 12px 0; gap: 16px; max-width: 100%; }
  .admin-subtabs { gap: 2px; padding-bottom: 8px; -webkit-overflow-scrolling: touch; justify-content: space-around; }
  .admin-subtab { padding: 8px 8px; font-size: .72rem; gap: 4px; min-height: 40px; flex-shrink: 0; }
  .admin-subtab .material-symbols-outlined { font-size: 16px; }
  .admin-settings-card { padding: 16px; border-radius: var(--radius-md); }
  .admin-settings-card h3 { font-size: 1rem; margin-bottom: 12px; }
  .admin-settings-form { gap: 12px; flex-direction: column; align-items: stretch; }
  .admin-form-flex { gap: 10px; flex-direction: column; }
  .admin-form-flex > .text-field-wrapper { min-width: 0; flex-basis: 100%; width: 100%; }
  .text-field { max-width: 100%; }
  .text-field input { min-width: 0; }
  .admin-user-row { gap: 10px; padding: 10px 0; flex-direction: column; align-items: stretch; }
  .admin-user-info { min-width: 0; flex-basis: 100%; width: 100%; }
  .admin-user-actions { gap: 6px; flex-wrap: wrap; }
  .admin-card-actions { flex-direction: column; gap: 6px; }
  .admin-card-actions .btn-filled,
  .admin-card-actions .btn-text { width: 100%; justify-content: center; min-height: 44px; }
  .admin-user-list { max-height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
  .admin-user-actions .btn-outlined { min-height: 36px; font-size: .72rem; padding: 4px 8px; }
  .admin-user-coins { min-width: auto; }
  #adminPendingQueueGrid.prompts-grid { grid-template-columns: 1fr; gap: 12px; }
  .admin-settings-form .btn-filled, .admin-settings-form .btn-whatsapp { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
  .admin-subtab span:last-child { display: none; }
  .admin-subtab { padding: 10px 14px; gap: 0; }
  .admin-subtab .material-symbols-outlined { font-size: 20px; }
  .admin-user-actions { flex-direction: column; align-items: stretch; }
  .admin-user-actions .btn-outlined { width: 100%; justify-content: center; min-height: 40px; }
}

@media (max-width: 767px) {
  .admin-subtabs { overflow-x: hidden; overflow-y: hidden; flex-wrap: wrap; justify-content: space-around; }
}