@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#26312e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f5f0;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}:root{--primary:#059669;--primary-hover:#047857;--primary-active:#065f46;--primary-light:#05966914;--primary-glow:#05966940;--accent-cyan:#06b6d4;--accent-blue:#2563eb;--accent-violet:#7c3aed;--accent-amber:#d97706;--slate-950:#090d16;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--glass-bg:#ffffffd1;--glass-bg-subtle:#ffffffa6;--glass-border:#ffffffd9;--glass-shadow:0 8px 32px 0 #0f172a0f;--glass-blur:blur(14px);--shadow-sm:0 1px 2px 0 #0000000a;--shadow-card:0 4px 20px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--shadow-hover:0 20px 30px -10px #0596691f, 0 10px 15px -3px #0f172a0f;--shadow-modal:0 25px 60px -12px #0f172a47, 0 0 0 1px #fff3;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--slate-900);-webkit-font-smoothing:antialiased;background-color:#0f172a;background-image:linear-gradient(#ffffffc7 0%,#f8fafcb8 30%,#f1f5f9db 80%,#f1f5f9f0 100%),url(/society_bg.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1)}input,select,textarea{font-family:inherit}.platform-container{flex-direction:column;min-height:100vh;display:flex}.global-navbar{-webkit-backdrop-filter:blur(16px);z-index:100;background:#ffffffd9;border-bottom:1px solid #e2e8f0cc;align-items:center;height:72px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px -2px #0f172a08}.navbar-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1380px;margin:0 auto;padding:0 20px;display:flex}.nav-brand-group{flex-shrink:0;align-items:center;gap:12px;display:flex}.app-logo{color:#fff;width:38px;height:38px;box-shadow:0 4px 14px var(--primary-glow);background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:10px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.app-logo:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:200%;height:100%;position:absolute;top:0;left:-50%;transform:skew(-25deg)}.app-title strong{color:var(--slate-900);letter-spacing:-.3px;white-space:nowrap;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;line-height:1.1;display:block}.app-title span{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-top:1px;font-size:10px;font-weight:600;display:block}.community-dropdown-pill{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9e6;border:1px solid #cbd5e1cc;align-items:center;gap:6px;max-width:240px;margin-left:6px;padding:5px 10px 5px 8px;display:flex}.community-select{color:var(--slate-800);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;max-width:175px;font-size:12.5px;font-weight:700;overflow:hidden}.btn-add-community{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#059669,#047857);border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0596694d}.btn-add-community:hover{transform:translateY(-1px);box-shadow:0 4px 10px #05966966}.btn-add-community.btn-edit-community{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #d977064d}.btn-add-community.btn-edit-community:hover{box-shadow:0 4px 10px #d9770666}.modal-top-role-badge{text-transform:uppercase;color:#b45309;background:#fef3c7;border-radius:9999px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.icon-emerald{color:var(--primary);flex-shrink:0}.nav-actions-group{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-search-wrapper{align-items:center;display:flex;position:relative}.nav-search-wrapper input{border-radius:var(--radius-full);width:190px;height:38px;color:var(--slate-800);background:#f8fafce6;border:1px solid #cbd5e1cc;outline:none;padding:0 14px 0 34px;font-size:12.5px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px 2px #00000008}.nav-search-wrapper input:focus{border-color:var(--primary);background:#fff;width:230px;box-shadow:0 0 0 3px #05966926}.search-icon{color:var(--slate-400);position:absolute;left:11px}.nav-icon-btn{width:38px;height:38px;color:var(--slate-600);background:#f1f5f9b3;border:1px solid #e2e8f0cc;border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s;display:grid;position:relative}.nav-icon-btn:hover{color:var(--primary);border-color:var(--primary-light);box-shadow:var(--shadow-sm);background:#fff;transform:translateY(-1px)}.notification-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.user-profile-menu-container{flex-shrink:0;position:relative}.user-profile-widget{border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fffffff2;border:1px solid #cbd5e1e6;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000d}.user-profile-widget:hover,.user-profile-widget.active{background:#fff;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b26}.user-dropdown-arrow{color:var(--slate-400);margin-left:2px;transition:transform .2s}.user-dropdown-arrow.open{color:#f59e0b;transform:rotate(180deg)}.avatar-circle{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid;box-shadow:0 2px 8px #d9770659}.user-meta .user-name{color:var(--slate-900);font-size:12.5px;font-weight:700;line-height:1.2;display:block}.user-meta .user-role{color:#b45309;font-size:10px;font-weight:700;display:block}.user-profile-dropdown-card{border-radius:var(--radius-lg);z-index:1000;background:#fff;border:1px solid #e2e8f0e6;width:320px;padding:14px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 36px -4px #0f172a2e,0 0 0 1px #0000000a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-user-header{border-bottom:1px solid var(--slate-100);align-items:center;gap:12px;padding-bottom:12px;display:flex}.dropdown-avatar-large{color:#fff;background:linear-gradient(135deg,#f59e0b,#b45309);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:grid;box-shadow:0 4px 12px #d977064d}.dropdown-user-info{flex-direction:column;display:flex;overflow:hidden}.dropdown-user-info strong{color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.dropdown-user-email{color:var(--slate-500);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.dropdown-user-badge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;align-self:flex-start;margin-top:3px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.dropdown-admin-group{margin-top:10px}.dropdown-section-title{color:var(--slate-400);letter-spacing:.6px;text-transform:uppercase;padding:6px 8px 4px;font-size:10px;font-weight:800}.dropdown-menu-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:8px 10px;transition:all .15s;display:flex;position:relative}.dropdown-menu-item:hover{background:var(--slate-50)}.dropdown-item-icon{border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.icon-edit-comm{color:#d97706;background:#fef3c7}.icon-approvals{color:#2563eb;background:#dbeafe}.icon-agreement{color:#059669;background:#ecfdf5}.icon-roles{color:#a855f7;background:#fae8ff}.icon-logout{color:#dc2626;background:#fee2e2}.dropdown-item-text{flex-direction:column;flex:1;display:flex}.dropdown-item-text strong{color:var(--slate-800);font-size:13px;font-weight:700;line-height:1.2}.dropdown-item-text span{color:var(--slate-500);font-size:11px}.dropdown-item-counter{color:#fff;background:#ef4444;border-radius:9999px;padding:2px 7px;font-size:10px;font-weight:800;box-shadow:0 2px 5px #ef444466}.dropdown-divider{background:var(--slate-100);height:1px;margin:6px 0}.dropdown-logout-item:hover{background:#fef2f2}.dropdown-logout-item:hover .dropdown-item-text strong{color:#dc2626}.btn-signin{background:linear-gradient(135deg, var(--slate-900) 0%, var(--slate-800) 100%);color:#fff;border-radius:var(--radius-full);letter-spacing:.2px;white-space:nowrap;flex-shrink:0;padding:8px 18px;font-size:12.5px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0f172a26}.btn-signin:hover{background:var(--slate-900);transform:translateY(-1px);box-shadow:0 6px 16px #0f172a40}.verification-strip{background:linear-gradient(90deg,#fef3c7 0%,#fde68a 100%);border-bottom:1px solid #f59e0b4d;justify-content:space-between;align-items:center;gap:16px;padding:12px 28px;display:flex;box-shadow:0 2px 8px #f59e0b14}.strip-content{color:#78350f;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.btn-verify-now{color:#fff;border-radius:var(--radius-full);white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #d977064d}.btn-verify-now:hover{transform:translateY(-1px);box-shadow:0 5px 14px #d9770666}.hero-section{border-bottom:1px solid #e2e8f0b3;padding:16px 0 32px;position:relative;overflow:hidden}.hero-glow-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-glow-1{background:radial-gradient(circle,#05966926 0%,#06b6d40d 70%,#0000 100%);width:500px;height:300px;top:-60px;left:10%}.hero-glow-2{background:radial-gradient(circle,#6366f11f 0%,#7c3aed0a 70%,#0000 100%);width:450px;height:280px;top:20px;right:5%}.hero-container{z-index:1;grid-template-columns:1.45fr .85fr;align-items:center;gap:36px;max-width:1360px;margin:0 auto;padding:0 28px;display:grid;position:relative}.hero-tag-group{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.hero-brand-pill{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);cursor:pointer;background:#ffffffe6;border:1px solid #0596694d;outline:none;align-items:center;gap:8px;padding:6px 16px 6px 12px;transition:all .2s;display:inline-flex;position:relative;box-shadow:0 2px 10px #05966914}.hero-brand-pill:hover,.hero-brand-pill:focus-within{border-color:#05966980;transform:translateY(-1px);box-shadow:0 4px 14px #05966926}.brand-dot-pulse{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;box-shadow:0 0 0 3px #10b98140}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.brand-pill-title{background:linear-gradient(135deg,#059669 0%,#0284c7 100%);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:14px;font-weight:800}.brand-pill-sep{color:var(--slate-300);font-size:11px}.brand-pill-tagline{color:#0369a1;font-size:12px;font-weight:700}.brand-tooltip-dropdown{-webkit-backdrop-filter:blur(16px);color:#fff;pointer-events:none;opacity:0;z-index:50;text-align:left;background:#0f172af2;border-radius:14px;width:380px;max-width:90vw;padding:14px 16px;transition:all .22s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);left:0;transform:translateY(6px);box-shadow:0 16px 36px -4px #0f172a40,0 0 0 1px #ffffff1a}.brand-tooltip-dropdown:before{content:"";background:#0f172af2;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a;width:10px;height:10px;position:absolute;top:-5px;left:24px;transform:rotate(45deg)}.hero-brand-pill:hover .brand-tooltip-dropdown,.hero-brand-pill:focus-within .brand-tooltip-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.brand-tooltip-badge{color:#34d399;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;background:#10b98126;border:1px solid #10b9814d;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.brand-tooltip-dropdown p{color:var(--slate-300);margin:0;font-size:11.5px;line-height:1.5}.brand-tooltip-dropdown p strong{color:#fff}.hero-heading-wrapper{margin-bottom:20px}.hero-heading-stylish{flex-direction:column;gap:6px;font-family:Outfit,sans-serif;display:flex}.heading-verbs-row{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.verb-tag{letter-spacing:-.2px;border-radius:8px;padding:3px 10px;font-size:15px;font-weight:800;transition:all .2s}.verb-lend{color:#047857;background:#10b9811f;border:1px solid #10b98140}.verb-borrow{color:#1d4ed8;background:#2563eb1f;border:1px solid #2563eb40}.verb-empower{color:#6d28d9;background:#7c3aed1f;border:1px solid #7c3aed40}.verb-tag:hover{transform:translateY(-1px)}.verb-sep{color:var(--slate-300);font-size:11px}.verb-amp{color:var(--slate-400);font-family:Georgia,serif;font-size:16px;font-style:italic;font-weight:400}.heading-subject-row{color:var(--slate-950);letter-spacing:-.8px;flex-wrap:wrap;align-items:center;gap:8px;font-size:32px;font-weight:800;line-height:1.15;display:inline-flex}.stylish-gradient-word{background:linear-gradient(135deg,#059669 0%,#0d9488 40%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block;position:relative}.stylish-gradient-word:after{content:"";opacity:.6;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:2px;height:3px;position:absolute;bottom:2px;left:0;right:0}.heading-spark-star{color:#f59e0b;font-size:18px;animation:2.5s ease-in-out infinite spark-twinkle;display:inline-block}@keyframes spark-twinkle{0%,to{opacity:.4;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(15deg)}}.hero-action-buttons{flex-wrap:nowrap;align-items:center;gap:12px;width:100%;margin-bottom:22px;display:flex}.btn-hero-action{border-radius:var(--radius-full);white-space:nowrap;-webkit-backdrop-filter:blur(10px);color:var(--slate-800);cursor:pointer;background:#fffffff2;border:1px solid #cbd5e1f2;flex:auto;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0f172a0d}.btn-hero-action:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a1a}.btn-hero-have:hover{border-color:#05966980}.btn-hero-need:hover{border-color:#2563eb80}.btn-hero-beyond:hover{border-color:#9333ea80}.btn-badge-tag{text-transform:uppercase;letter-spacing:.4px;border-radius:var(--radius-full);color:#fff;padding:2px 8px;font-size:10px;font-weight:900}.btn-badge-tag.have{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #0596694d}.btn-badge-tag.need{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #2563eb4d}.btn-badge-tag.beyond{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 2px 6px #7c3aed4d}.modal-header-icon.beyond-icon{color:#7c3aed;background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.beyond-mode-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 20px;padding:4px;display:grid}.beyond-toggle-tab{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;padding:10px 14px;transition:all .2s;display:flex}.beyond-toggle-tab strong{color:#334155;font-size:13px;font-weight:700}.beyond-toggle-tab span{color:#64748b;margin-top:2px;font-size:11px}.beyond-toggle-tab.active{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.beyond-toggle-tab.active strong{color:#7c3aed}.badge-class-fee{color:#6d28d9;white-space:nowrap;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;align-items:center;padding:2px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.badge-community-class{color:#065f46;white-space:nowrap;background:#d1fae5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.btn-arrow{color:var(--slate-400);transition:transform .2s,color .2s}.btn-hero-action:hover .btn-arrow{color:var(--slate-900);transform:translate(2px,-2px)}.hero-compact-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#ffffffbf;border:1px solid #e2e8f0d9;align-items:center;gap:14px;width:fit-content;padding:6px 16px;display:flex;box-shadow:0 2px 6px #0f172a0a}.compact-stat-item{align-items:baseline;gap:5px;display:flex}.compact-stat-item .stat-num{color:var(--slate-900);font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.compact-stat-item .stat-lbl{color:var(--slate-500);font-size:11px;font-weight:600}.compact-stat-divider{background:var(--slate-300);width:1px;height:12px}.hero-character-showcase{justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.character-card-frame{-webkit-backdrop-filter:blur(12px);background:#ffffff38;border:1px solid #ffffff73;border-radius:22px;width:100%;max-width:440px;padding:8px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 10px 30px -10px #0f172a0d,inset 0 0 16px #ffffff40}.character-card-frame:hover{background:#ffffff59;border-color:#ffffffa6;transform:translateY(-2px);box-shadow:0 16px 36px -8px #0f172a14}.character-img-wrap{background:0 0;border-radius:16px;height:230px;position:relative;overflow:hidden}.cartoon-hero-img{object-fit:cover;opacity:.76;width:100%;height:100%;transition:opacity .3s,transform .4s;display:block;-webkit-mask-image:radial-gradient(circle,#000 65%,#0000 100%);mask-image:radial-gradient(circle,#000 65%,#0000 100%)}.character-card-frame:hover .cartoon-hero-img{opacity:.88;transform:scale(1.02)}.character-speech-tag{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);z-index:2;align-items:center;gap:6px;padding:5px 12px;font-size:11px;transition:transform .2s;display:inline-flex;position:absolute;box-shadow:0 6px 16px #0000001f}.character-speech-tag:hover{transform:scale(1.04)}.character-speech-tag.tag-have{color:#fff;white-space:nowrap;background:#10b981e0;border:1px solid #fff6;padding:3px 10px;font-size:10px;top:10px;left:50%;transform:translate(-50%)}.character-speech-tag.tag-have:hover{transform:translate(-50%)scale(1.04)}.character-speech-tag.tag-need{color:#fff;background:#2563ebe0;border:1px solid #fff6;bottom:12px;right:12px}.character-speech-tag strong{font-weight:800}.character-card-footer{justify-content:space-between;align-items:center;padding:8px 6px 2px;display:flex}.character-live-pulse{align-items:center;gap:6px;display:flex}.pulse-ping{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #10b98140}.pulse-text{color:var(--slate-600);font-size:11px;font-weight:700}.character-community-name{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700}.content-container{width:100%;max-width:1320px;margin:0 auto;padding:36px 28px 60px}.toolbar-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.toolbar-row.single-line-bar{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e199 transparent;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:4px 2px 10px;display:flex;overflow:auto hidden}.toolbar-row.single-line-bar::-webkit-scrollbar{height:4px}.toolbar-row.single-line-bar::-webkit-scrollbar-track{background:0 0}.toolbar-row.single-line-bar::-webkit-scrollbar-thumb{background:#cbd5e199;border-radius:4px}.category-pill-group{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.category-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--slate-600);white-space:nowrap;background:#ffffffd9;border:1px solid #e2e8f0e6;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s;box-shadow:0 1px 3px #0f172a0a}.category-pill:hover{color:var(--slate-900);border-color:var(--slate-300);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}.category-pill.active{background:linear-gradient(135deg, var(--slate-900) 0%, var(--slate-800) 100%);color:#fff;border-color:var(--slate-900);box-shadow:0 4px 14px #0f172a2e}.auxiliary-links{flex-shrink:0;align-items:center;gap:8px;display:flex}.auxiliary-links.inline-aux-group{border-left:1px solid #e2e8f0cc;flex-wrap:nowrap;margin-left:auto;padding-left:8px}.aux-link{color:var(--slate-700);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#ffffffe6;border:1px solid #cbd5e1e6;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0f172a0a}.aux-link:hover{color:var(--primary);border-color:var(--primary);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0596691f}.dashboard-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:flex-start;gap:32px;display:grid}.feed-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.feed-header h2{color:var(--slate-900);letter-spacing:-.2px;font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.btn-clear-query{color:var(--slate-500);border-radius:var(--radius-full);border:1px solid var(--slate-200);background:#fffc;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.resource-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:11px;display:grid}.clean-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-sm);background:#ffffffd9;border:1px solid #ffffffe6;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #0f172a0d}.clean-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -4px #0f172a17,0 0 0 1px #05966940}.clean-card-img{background:var(--slate-100);height:80px;position:relative;overflow:hidden}.clean-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.clean-card:hover .clean-card-img img{transform:scale(1.04)}.badge-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);letter-spacing:.2px;background:#0f172ad1;border:1px solid #ffffff26;padding:2px 6px;font-size:8.5px;font-weight:700;position:absolute;top:5px;left:5px}.badge-status-dot{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2px 6px;font-size:8.5px;font-weight:700;position:absolute;top:5px;right:5px}.badge-status-dot.status-avail{color:#fff;background:#059669e6;border:1px solid #fff3}.badge-status-dot.status-loaned{color:#fff;background:#ea580ce6;border:1px solid #fff3}.badge-status-dot.status-private{color:#fff;background:#64748be6;border:1px solid #fff3}.clean-card-content{flex-direction:column;flex:1;padding:8px 10px;display:flex}.card-title{color:var(--slate-900);margin-bottom:5px;font-family:Outfit,sans-serif;font-size:11.5px;font-weight:700;line-height:1.25}.card-info-badges{flex-direction:column;gap:3px;margin-bottom:7px;display:flex}.card-badge-unit{color:var(--slate-600);align-items:center;gap:4px;font-size:9.5px;font-weight:600;display:flex}.card-unit-icon{color:var(--primary)}.card-badge-owner{color:var(--slate-500);font-size:9.5px}.card-badge-owner strong{color:var(--slate-800)}.badge-owner-you{background:var(--primary-light);color:var(--primary);border:1px solid #05966933;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:8.5px;font-weight:800}.card-action-bar{border-top:1px solid #e2e8f0b3;flex-direction:column;gap:5px;margin-top:auto;padding-top:6px;display:flex}.card-trust-guarantee{color:var(--slate-500);align-items:center;gap:4px;font-size:8.5px;font-weight:600;display:flex}.icon-shield-mini{color:var(--primary)}.btn-borrow-action{text-align:center;color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#059669 0%,#047857 100%);border:1px solid #ffffff26;width:100%;padding:4px 8px;font-size:10.5px;font-weight:700;box-shadow:0 2px 6px #05966933}.btn-borrow-action:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 4px 10px #0596694d}.btn-borrow-action.owner-flag{background:var(--slate-100);color:var(--slate-600);box-shadow:none;border:1px solid var(--slate-200);cursor:default}.btn-borrow-action.disabled-flag{color:#ea580c;box-shadow:none;cursor:not-allowed;background:#fff7ed;border:1px solid #ffedd5}.empty-listing-box{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#ffffffb3;border:2px dashed #cbd5e1cc;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:56px 24px;display:flex}.empty-listing-box h4{color:var(--slate-800);font-size:18px;font-weight:800}.empty-listing-box p{color:var(--slate-500);max-width:420px;font-size:14px}.btn-list-now{background:var(--primary);color:#fff;border-radius:var(--radius-full);margin-top:10px;padding:10px 24px;font-size:13px;font-weight:700;box-shadow:0 4px 14px #0596694d}.sidebar-column{flex-direction:column;gap:20px;display:flex}.sidebar-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:#ffffffd1;border:1px solid #ffffffe6;padding:24px;box-shadow:0 8px 25px -4px #0f172a0d}.sidebar-card-header{border-bottom:1px solid #e2e8f0cc;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.sidebar-card-header h3{color:var(--slate-900);letter-spacing:-.2px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.activity-timeline{flex-direction:column;gap:16px;display:flex}.timeline-entry{align-items:flex-start;gap:12px;display:flex}.timeline-bullet{background:var(--primary);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 3px #05966933}.timeline-body{flex:1}.timeline-text{color:var(--slate-700);font-size:13px;font-weight:500;line-height:1.45}.timeline-time{color:var(--slate-400);align-items:center;gap:4px;margin-top:3px;font-size:11px;font-weight:600;display:inline-flex}.empty-timeline-text{color:var(--slate-400);text-align:center;padding:16px 0;font-size:13px;line-height:1.5}.sidebar-explainer{color:var(--slate-600);margin-bottom:16px;font-size:13px;line-height:1.5}.verified-badge-pill{color:var(--primary);border-radius:var(--radius-full);background:#0596691a;border:1px solid #05966940;align-items:center;gap:8px;width:100%;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.btn-link-onboard{text-align:center;background:linear-gradient(135deg, var(--slate-900), var(--slate-800));color:#fff;border-radius:var(--radius-md);width:100%;padding:10px;font-size:13px;font-weight:700;display:block;box-shadow:0 4px 12px #0f172a26}.btn-link-onboard:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a40}.society-guidelines-list{flex-direction:column;gap:14px;list-style:none;display:flex}.society-guidelines-list li{align-items:flex-start;gap:12px;display:flex}.bullet-num{background:var(--primary-light);width:22px;height:22px;color:var(--primary);border:1px solid #05966940;border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-size:11px;font-weight:800;display:grid}.society-guidelines-list strong{color:var(--slate-800);font-size:13px;line-height:1.2;display:block}.society-guidelines-list p{color:var(--slate-500);margin-top:2px;font-size:12px;line-height:1.4}.overlay-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-dialog{border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);background:#fff;border:1px solid #fff9;width:100%;max-width:520px;max-height:90vh;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) modalIn;position:relative;overflow-y:auto}.modal-dialog.wide{max-width:760px}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-top{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.modal-top h3{color:var(--slate-900);font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.btn-close{width:32px;height:32px;color:var(--slate-400);background:var(--slate-100);border-radius:50%;place-items:center;transition:all .2s;display:grid}.btn-close:hover{background:var(--slate-200);color:var(--slate-800)}.modal-help-text{color:var(--slate-600);margin-bottom:18px;font-size:13px;line-height:1.5}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--slate-700);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);border:1px solid var(--slate-300);color:var(--slate-900);background:#fff;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-actions{border-top:1px solid var(--slate-200);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.btn-cancel{border-radius:var(--radius-md);color:var(--slate-600);background:var(--slate-100);padding:10px 18px;font-size:13px;font-weight:600}.btn-cancel:hover{background:var(--slate-200);color:var(--slate-800)}.btn-submit{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);padding:10px 22px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0596694d}.btn-submit:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px)}.btn-switch-auth{color:var(--primary);font-size:13px;font-weight:600}.btn-switch-auth:hover{text-decoration:underline}.directory-summary{color:var(--slate-600);margin-bottom:20px;font-size:14px}.directory-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.directory-block-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:16px}.block-name{color:var(--slate-900);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.block-count{color:var(--slate-500);margin-bottom:12px;font-size:12px}.block-units{flex-wrap:wrap;gap:6px;display:flex}.block-unit-pill{border:1px solid var(--slate-200);color:var(--slate-700);background:#fff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.vendors-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.vendor-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px;display:flex}.vendor-card h4{color:var(--slate-900);font-size:15px;font-weight:700}.vendor-category{color:var(--primary);font-size:12px;font-weight:600}.vendor-phone{color:var(--slate-600);margin-top:4px;font-size:13px}.workflow-section{margin-bottom:24px}.workflow-section h4{color:var(--slate-900);align-items:center;gap:8px;margin-bottom:12px;font-size:15px;font-weight:700;display:flex}.requests-table{border-collapse:collapse;width:100%;font-size:13px}.requests-table th{text-align:left;background:var(--slate-100);color:var(--slate-700);padding:10px;font-weight:700}.requests-table td{border-bottom:1px solid var(--slate-200);padding:12px 10px}.btn-table-action{border-radius:4px;margin-right:6px;padding:4px 10px;font-size:12px;font-weight:700}.btn-table-action.approve{background:var(--primary);color:#fff}.btn-table-action.reject{color:#fff;background:#ef4444}.btn-table-action.return{color:#fff;background:#2563eb}.platform-footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-top:1px solid #e2e8f0cc;margin-top:auto;padding:28px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:0 28px;display:flex}.footer-brand{align-items:center;gap:14px;display:flex}.footer-logo{background:var(--slate-900);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.footer-brand strong{color:var(--slate-900);font-family:Outfit,sans-serif;font-size:15px}.footer-brand p{color:var(--slate-500);font-size:12px}.footer-meta{color:var(--slate-500);align-items:center;gap:12px;font-size:12px;display:flex}.footer-meta strong{color:var(--slate-800)}.badge-society-status{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);border:1px solid #05966933;padding:3px 10px;font-weight:700}.toast-notification{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-md);z-index:300;background:#0f172af2;border:1px solid #ffffff26;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideToast;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000040}@keyframes slideToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flash-ticker-bar{color:#fff;z-index:40;background:linear-gradient(90deg,#090d16 0%,#0f172a 50%,#1e1b4b 100%);border-bottom:1px solid #ffffff1a;padding:8px 0;position:relative;overflow:hidden}.flash-ticker-inner{align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:0 28px;display:flex}.ticker-label{color:#fff;border-radius:var(--radius-full);letter-spacing:.8px;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);align-items:center;gap:6px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #dc262666}.ticker-icon{animation:1.5s infinite pulseTicker}@keyframes pulseTicker{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.ticker-track-wrap{white-space:nowrap;flex:1;overflow:hidden}.ticker-track{color:#e2e8f0;align-items:center;gap:18px;font-size:12.5px;animation:35s linear infinite marquee;display:inline-flex}.ticker-track:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(10%)}to{transform:translate(-50%)}}.ticker-track strong{color:#38bdf8}.ticker-sep{color:#64748b;font-size:14px}.aux-link.ert-link{color:#dc2626;background:#fef2f2e6;border-color:#ef44444d}.aux-link.ert-link:hover{color:#991b1b;background:#fee2e2;border-color:#dc2626}.badge-ert-live{color:#fff;border-radius:var(--radius-full);background:#dc2626;padding:2px 7px;font-size:10px;font-weight:800}.icon-pulse-red{color:#dc2626;animation:1.4s infinite pulseAlert}@keyframes pulseAlert{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.aux-link.scrap-link{color:var(--primary);background:#ecfdf5e6;border-color:#0596694d}.aux-link.scrap-link:hover{border-color:var(--primary);background:#d1fae5}.ert-alert-banner{color:#991b1b;border-radius:var(--radius-md);background:#fee2e2;border:1px solid #fca5a5;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.ert-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.ert-card{border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0e6;flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:0 4px 12px #0f172a0a}.ert-header-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ert-header-row strong{color:var(--slate-900);font-size:15px}.ert-role{color:#dc2626;margin-top:2px;font-size:12px;font-weight:600}.ert-avail-pill{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-full);white-space:nowrap;padding:3px 8px;font-size:11px;font-weight:700}.ert-loc{color:var(--slate-600);align-items:center;gap:6px;font-size:12px;display:flex}.btn-call-ert{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #dc26264d}.btn-call-ert:hover{transform:translateY(-1px);box-shadow:0 6px 16px #dc262666}.sidebar-card.ert-quick-card{background:linear-gradient(#fef2f2d9 0%,#fffffff2 100%);border:1.5px solid #ef44444d}.btn-sidebar-ert{color:#fff;border-radius:var(--radius-md);background:#dc2626;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #dc262640}.btn-sidebar-ert:hover{background:#b91c1c;transform:translateY(-1px)}.scrap-categories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.scrap-rate-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:18px;display:flex}.scrap-card-top{justify-content:space-between;align-items:center;display:flex}.scrap-card-top strong{color:var(--slate-900);font-size:14px}.scrap-tag{color:var(--primary);background:var(--primary-light);border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:700}.scrap-rate-card p{color:var(--slate-600);font-size:12px;line-height:1.4}.scrap-rate-value{color:var(--primary);margin-top:auto;padding-top:8px;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.scrap-action-footer{border-radius:var(--radius-md);background:#ecfdf5;border:1px solid #05966940;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.scrap-action-footer strong{color:#064e3b;font-size:14px}.scrap-action-footer p{color:#047857;margin-top:2px;font-size:12px}.btn-book-scrap{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#059669 0%,#047857 100%);padding:12px 24px;font-size:13px;font-weight:700;box-shadow:0 4px 14px #0596694d}.btn-book-scrap:hover{transform:translateY(-1px);box-shadow:0 6px 18px #05966966}.nav-top-pills{align-items:center;gap:8px;display:flex}.top-nav-pill{border-radius:var(--radius-full);color:var(--slate-700);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9e6;border:1px solid #cbd5e1cc;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.top-nav-pill:hover{color:var(--slate-900);border-color:var(--slate-300);background:#fff;transform:translateY(-1px)}.top-nav-pill.ert{color:#dc2626;background:#fef2f2f2;border-color:#ef44444d}.top-nav-pill.ert:hover{color:#991b1b;background:#fee2e2;border-color:#dc2626}.top-nav-pill.scrap{color:var(--primary);background:#ecfdf5f2;border-color:#0596694d}.top-nav-pill.scrap:hover{border-color:var(--primary);background:#d1fae5}.top-nav-pill.ngo{color:#e11d48;background:linear-gradient(135deg,#fff1f2f2,#fee2e2f2);border-color:#f43f5e59}.top-nav-pill.ngo:hover{color:#be123c;background:#ffe4e6;border-color:#f43f5e}.icon-pulse-heart{color:#e11d48;animation:1.8s ease-in-out infinite heartPulse}@keyframes heartPulse{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}to{transform:scale(1)}}.ngo-pill-badge{color:#fff;background:#e11d48;border-radius:9999px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:800}.top-nav-pill.admin{color:#2563eb;background:#eff6ff;border-color:#2563eb4d}.badge-admin-count{color:#fff;background:#ef4444;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-weight:800;display:grid}.top-nav-pill.agreement{color:#7c3aed;background:#faf5ff;border-color:#7c3aed4d}.top-nav-pill.agreement:hover{background:#f3e8ff;border-color:#7c3aed}.top-nav-pill.superadmin{color:#b45309;background:#fffbeb;border-color:#f59e0b59}.top-nav-pill.superadmin:hover{color:#92400e;background:#fef3c7;border-color:#d97706}.form-hint{color:var(--slate-500);margin-top:5px;font-size:11.5px;line-height:1.4}.agreement-create-form{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:18px}.checkbox-category-row{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.checkbox-label{color:var(--slate-700);border:1px solid var(--slate-200);border-radius:var(--radius-md);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.agreement-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);margin-bottom:12px;padding:16px}.agreement-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.agreement-categories{color:var(--slate-600);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.agreement-cat-pill{color:#2563eb;border-radius:var(--radius-full);background:#eff6ff;border:1px solid #2563eb33;padding:2px 8px;font-size:11px;font-weight:700}@media (width<=1024px){.hero-container{grid-template-columns:1fr;gap:36px}.dashboard-layout{grid-template-columns:1fr}}@media (width<=768px){.hero-heading{font-size:34px}.hero-tag-group{flex-direction:column;align-items:flex-start}.nav-search-wrapper input{width:180px}.nav-search-wrapper input:focus{width:220px}.footer-inner{flex-direction:column;align-items:flex-start}}.item-photo-section{flex-direction:column;gap:10px;margin:16px 0;display:flex}.photo-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.photo-section-header label{color:var(--slate-700);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.photo-mode-toggle{background:var(--slate-100);border:1px solid var(--slate-200);border-radius:9999px;gap:6px;padding:3px;display:flex}.btn-mode-pill{color:var(--slate-600);cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-mode-pill:hover{color:var(--slate-900)}.btn-mode-pill.active{color:var(--primary);background:#fff;box-shadow:0 1px 4px #00000014}.preset-equipment-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px;max-height:220px;padding:6px 2px;display:grid;overflow-y:auto}.preset-equipment-card{border-radius:var(--radius-md);border:2px solid var(--slate-200);cursor:pointer;text-align:center;background:#fff;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.preset-equipment-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.preset-equipment-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #05966940}.preset-equipment-card img{object-fit:cover;width:100%;height:68px;display:block}.preset-equipment-card .preset-name{color:var(--slate-800);white-space:nowrap;text-overflow:ellipsis;background:var(--slate-50);padding:4px;font-size:11px;font-weight:600;overflow:hidden}.preset-check-badge{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:4px;right:4px;box-shadow:0 2px 5px #0003}.custom-upload-box{margin-top:4px}.upload-dropzone{border:2px dashed var(--slate-300);border-radius:var(--radius-md);background:var(--slate-50);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;transition:all .2s;display:flex}.upload-dropzone:hover{border-color:var(--primary);background:#f0fdf4}.upload-dropzone-icon{color:var(--primary);margin-bottom:8px}.dropzone-title{color:var(--slate-800);font-size:13px;font-weight:600}.dropzone-subtitle{color:var(--slate-500);margin-top:2px;font-size:11px}.uploaded-preview-wrap{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:#fff;align-items:center;gap:14px;padding:10px;display:flex}.uploaded-preview-img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--slate-200);width:72px;height:72px}.uploaded-preview-meta{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.uploaded-preview-meta span{color:var(--emerald-600);font-size:12px;font-weight:600}.btn-remove-photo{color:var(--rose-600);cursor:pointer;background:#fff1f2;border:1px solid #ffe4e6;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:background .15s;display:inline-flex}.btn-remove-photo:hover{background:#ffe4e6}.card-borrowed-info{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5;border-radius:4px;align-items:center;gap:4px;margin-top:4px;padding:3px 6px;font-size:9.5px;line-height:1.25;display:flex}.card-borrowed-info svg{color:#ea580c;flex-shrink:0;width:11px;height:11px}.btn-card-return{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);border:none;width:100%;padding:4px 8px;font-size:10px;font-weight:700;transition:all .15s;box-shadow:0 2px 6px #ea580c40}.btn-card-return:hover{background:linear-gradient(135deg,#c2410c 0%,#9a3412 100%);transform:translateY(-1px)}.btn-card-owner-approve{color:#fff;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;padding:6px 10px;font-size:11px;font-weight:700;transition:all .15s;box-shadow:0 2px 6px #05966940}.btn-card-owner-approve:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px)}.btn-card-owner-return{color:#334155;border-radius:var(--radius-sm);cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;padding:5px 9px;font-size:11px;font-weight:600;transition:all .15s}.btn-card-owner-return:hover{color:#0f172a;background:#e2e8f0}.btn-card-owner-toggle-disable{color:#e11d48;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#fff1f2;border:1px solid #fecdd3;padding:3px 7px;font-size:10px;font-weight:700;transition:all .15s}.btn-card-owner-toggle-disable:hover{color:#be123c;background:#ffe4e6;transform:translateY(-1px)}.btn-card-owner-toggle-enable{color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;padding:3px 7px;font-size:10px;font-weight:700;transition:all .15s;box-shadow:0 1px 4px #05966940}.btn-card-owner-toggle-enable:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px)}.ngo-header-icon{color:#fff;border-radius:var(--radius-sm);background:linear-gradient(135deg,#e11d48,#be123c);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 3px 10px #e11d4859}.ngo-modal-toolbar{border-bottom:1px solid var(--slate-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 20px;padding-bottom:14px;display:flex}.ngo-tab-switch{border-radius:var(--radius-full);background:#f1f5f9;gap:4px;padding:3px;display:flex}.ngo-tab-btn{border-radius:var(--radius-full);color:var(--slate-600);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.ngo-tab-btn:hover{color:var(--slate-900)}.ngo-tab-btn.active{color:#e11d48;box-shadow:var(--shadow-sm);background:#fff}.btn-ngo-export-csv{color:#fff;border-radius:var(--radius-full);background:#059669;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #05966940}.btn-ngo-export-csv:hover{color:#fff;background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.ngo-donations-list{min-height:220px}.ngo-empty-state{text-align:center;color:var(--slate-500);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.ngo-empty-state h4{color:var(--slate-800);margin-top:10px;margin-bottom:4px;font-size:15px;font-weight:700}.ngo-empty-state p{color:var(--slate-500);max-width:360px;font-size:13px}