@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&family=Tajawal:wght@400;500;700;800&display=swap";:root{--pi-font-primary: "Tajawal", sans-serif;--pi-font-code: "Fira Code", monospace;--pi-logo-blue: #1388ff;--pi-logo-indigo: #3d66ff;--pi-logo-cyan: #4db7ff;--pi-logo-violet: #7a46ff;--pi-psych-calm: #22c55e;--pi-psych-energy: #f59e0b;--pi-psych-warm: #fb923c;--pi-psych-alert: #ef4444;--pi-bg-0: #05070d;--pi-bg-1: #0b1020;--pi-bg-2: #12192b;--pi-bg-3: #1a2236;--pi-border: #24304c;--pi-text: #f4f7ff;--pi-text-soft: #c2cae0;--pi-text-muted: #7f8ba8;--pi-radius-brand-lg: 22px;--pi-radius-brand-md: 16px;--pi-radius-enterprise-lg: 14px;--pi-radius-enterprise-md: 10px;--pi-shadow-md: 0 18px 34px rgba(0, 0, 0, .28);--pi-shadow-lg: 0 28px 64px rgba(0, 0, 0, .42);--pi-shadow-sm: 0 6px 18px rgba(0, 0, 0, .18);--pi-records-gold: #c9a030;--pi-records-gold-light: #e8c147;--pi-entertainment-electric: #38bdf8;--pi-font-serif: "Newsreader", Georgia, serif;--pi-editorial-mustard: #e0a536;--pi-editorial-terra: #d56847;--pi-editorial-sage: #7fae8d;--pi-editorial-cream: #f1e6cf;--pi-editorial-ink: #15192a;--pi-editorial-paper: #fbfaf4;--pi-glow-blue: 0 0 32px rgba(19, 136, 255, .22);--pi-glow-cyan: 0 0 28px rgba(77, 183, 255, .18);--pi-glow-violet: 0 0 36px rgba(122, 70, 255, .18);--pi-glow-mustard: 0 0 28px rgba(224, 165, 54, .16);--pi-transition: .16s ease;--pi-transition-slow: .28s ease}[data-pi-mode=brand]{--pi-primary: var(--pi-logo-blue);--pi-secondary: var(--pi-logo-cyan);--pi-accent: var(--pi-logo-violet);--pi-panel-bg-1: rgba(11, 16, 32, .9);--pi-panel-bg-2: rgba(18, 25, 43, .96);--pi-gradient: linear-gradient(135deg, var(--pi-logo-blue) 0%, var(--pi-logo-cyan) 42%, var(--pi-logo-violet) 100%);--pi-shell-radius: var(--pi-radius-brand-lg);--pi-card-radius: var(--pi-radius-brand-md)}[data-pi-mode=enterprise]{--pi-primary: var(--pi-logo-cyan);--pi-secondary: var(--pi-logo-blue);--pi-accent: var(--pi-logo-violet);--pi-panel-bg-1: rgba(9, 14, 24, .96);--pi-panel-bg-2: rgba(13, 18, 30, .98);--pi-gradient: linear-gradient(135deg, var(--pi-logo-cyan) 0%, var(--pi-logo-blue) 54%, var(--pi-logo-violet) 100%);--pi-shell-radius: var(--pi-radius-enterprise-lg);--pi-card-radius: var(--pi-radius-enterprise-md)}[data-pi-mode=light]{--pi-primary: var(--pi-logo-blue);--pi-secondary: var(--pi-logo-cyan);--pi-accent: var(--pi-logo-violet);--pi-panel-bg-1: rgba(255, 255, 255, .9);--pi-panel-bg-2: rgba(255, 255, 255, .97);--pi-gradient: linear-gradient(135deg, var(--pi-logo-blue) 0%, var(--pi-logo-cyan) 48%, var(--pi-logo-violet) 100%);--pi-shell-radius: var(--pi-radius-brand-lg);--pi-card-radius: var(--pi-radius-brand-md);--pi-surface-text: #121d33;--pi-surface-text-soft: #46546f;--pi-surface-text-muted: #75839d;--pi-surface-border: rgba(91, 118, 183, .18);--pi-surface-border-strong: rgba(55, 120, 216, .24);--pi-surface-shadow-lg: 0 30px 70px rgba(60, 92, 150, .16);--pi-surface-shadow-md: 0 16px 34px rgba(60, 92, 150, .11);--pi-surface-shadow-sm: 0 8px 18px rgba(60, 92, 150, .08);--pi-surface-glass: rgba(23, 44, 91, .04)}[data-pi-mode=light] .pi-panel{background:linear-gradient(180deg,var(--pi-panel-bg-1),var(--pi-panel-bg-2));border-color:var(--pi-surface-border);box-shadow:var(--pi-surface-shadow-sm);color:var(--pi-surface-text)}[data-pi-mode=light] .pi-panel:before{background:var(--pi-gradient)}[data-pi-mode=light] .pi-header{background:#fffffff5;border-color:var(--pi-surface-border);box-shadow:var(--pi-surface-shadow-sm)}[data-pi-mode=light] .pi-text{color:var(--pi-surface-text-soft)}[data-pi-mode=light] .pi-kicker{color:var(--pi-logo-blue)}[data-pi-mode=light] .pi-title{color:var(--pi-surface-text)}[data-pi-mode=light] .pi-stat-value{color:var(--pi-primary)}[data-pi-mode=light] .pi-stat-label{color:var(--pi-surface-text-soft)}[data-pi-mode=light] .pi-tag{color:var(--pi-surface-text);background:color-mix(in srgb,var(--pi-primary) 9%,transparent);border-color:color-mix(in srgb,var(--pi-primary) 22%,transparent)}[data-pi-mode=light] .pi-tag.is-psych{background:color-mix(in srgb,var(--pi-psych-accent, var(--pi-accent)) 13%,transparent);border-color:color-mix(in srgb,var(--pi-psych-accent, var(--pi-accent)) 28%,transparent);color:var(--pi-surface-text)}[data-pi-mode=light] .pi-mark{box-shadow:inset 0 0 0 1px #ffffff38,0 8px 20px #1388ff2e}[data-pi-mode=light] .pi-button-primary{color:#fff}[data-pi-mode=light] .pi-button-secondary{color:var(--pi-surface-text);border-color:var(--pi-surface-border)}[data-pi-mode=light] .pi-brand-slogan{color:var(--pi-surface-text-soft)}[data-pi-mode=light] .pi-card-note strong{color:var(--pi-psych-accent, var(--pi-primary))}[data-pi-mode=editorial]{--pi-primary: var(--pi-logo-blue);--pi-secondary: var(--pi-editorial-mustard);--pi-accent: var(--pi-logo-violet);--pi-panel-bg-1: rgba(255, 255, 255, .9);--pi-panel-bg-2: rgba(255, 255, 255, .97);--pi-gradient: linear-gradient(135deg, var(--pi-logo-blue) 0%, var(--pi-logo-cyan) 48%, var(--pi-logo-violet) 100%);--pi-shell-radius: var(--pi-radius-brand-md);--pi-card-radius: var(--pi-radius-brand-md);--pi-surface-text: #121d33;--pi-surface-text-soft: #46546f;--pi-surface-text-muted: #75839d;--pi-surface-border: rgba(91, 118, 183, .18);--pi-surface-border-strong: rgba(55, 120, 216, .24);--pi-surface-shadow-lg: 0 30px 70px rgba(60, 92, 150, .16);--pi-surface-shadow-md: 0 16px 34px rgba(60, 92, 150, .11);--pi-surface-shadow-sm: 0 8px 18px rgba(60, 92, 150, .08);--pi-surface-glass: rgba(23, 44, 91, .04)}[data-pi-psych=trust]{--pi-psych-accent: var(--pi-logo-blue)}[data-pi-psych=clarity]{--pi-psych-accent: var(--pi-logo-cyan)}[data-pi-psych=intelligence]{--pi-psych-accent: var(--pi-logo-violet)}[data-pi-psych=calm]{--pi-psych-accent: var(--pi-psych-calm)}[data-pi-psych=energy]{--pi-psych-accent: var(--pi-psych-energy)}[data-pi-psych=warmth]{--pi-psych-accent: var(--pi-psych-warm)}[data-pi-psych=alert]{--pi-psych-accent: var(--pi-psych-alert)}[data-pi-psych=erudition]{--pi-psych-accent: var(--pi-editorial-mustard)}body.pi-demo-body{margin:0;font-family:var(--pi-font-primary);color:var(--pi-text);background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--pi-logo-blue) 20%,transparent) 0%,transparent 24%),radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--pi-logo-cyan) 16%,transparent) 0%,transparent 24%),radial-gradient(circle at 74% 84%,color-mix(in srgb,var(--pi-logo-violet) 14%,transparent) 0%,transparent 28%),linear-gradient(180deg,var(--pi-bg-0) 0%,var(--pi-bg-1) 100%)}.pi-shell{width:min(1600px,calc(100vw - 40px));margin:0 auto}.pi-section{display:grid;gap:16px}.pi-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:var(--pi-card-radius);background:color-mix(in srgb,var(--pi-bg-2) 92%,transparent);border:1px solid color-mix(in srgb,var(--pi-border) 88%,transparent);box-shadow:var(--pi-shadow-md)}.pi-brand{display:flex;align-items:center;gap:.85rem}.pi-mark{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--pi-logo-cyan) 66%,white) 0%,transparent 34%),linear-gradient(135deg,var(--pi-logo-blue) 0%,var(--pi-logo-cyan) 48%,var(--pi-logo-violet) 100%);box-shadow:inset 0 0 0 1px #ffffff2e,0 12px 24px #1388ff3d}.pi-brand-copy{display:grid;gap:.2rem}.pi-brand-slogan{color:var(--pi-text-soft);font-size:.94rem;line-height:1.4}.pi-kicker{font-family:var(--pi-font-code);font-size:.74rem;text-transform:uppercase;letter-spacing:.18em;color:var(--pi-secondary)}.pi-title{margin:0;font-family:var(--pi-font-code);font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:.05em;text-transform:uppercase}.pi-text{color:var(--pi-text-soft);line-height:1.75}.pi-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:1rem}.pi-panel{position:relative;overflow:hidden;padding:1.4rem;border-radius:var(--pi-card-radius);background:linear-gradient(180deg,var(--pi-panel-bg-1),var(--pi-panel-bg-2));border:1px solid color-mix(in srgb,var(--pi-border) 88%,transparent);box-shadow:var(--pi-shadow-md)}.pi-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:var(--pi-gradient)}.pi-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.pi-grid-4{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.pi-stat{display:grid;gap:.4rem}.pi-stat-value{font-family:var(--pi-font-code);color:var(--pi-primary);font-size:1.2rem;font-weight:700}.pi-stat-label{color:var(--pi-text-soft)}.pi-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.pi-button{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.2rem;border-radius:var(--pi-card-radius);border:1px solid transparent;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;font-family:var(--pi-font-code);font-size:.88rem;font-weight:700}.pi-button-primary{background:var(--pi-gradient);color:#05070d}.pi-button-secondary{background:transparent;color:var(--pi-text);border-color:color-mix(in srgb,var(--pi-border) 88%,transparent)}.pi-tag-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.pi-tag{padding:.42rem .72rem;border-radius:999px;background:color-mix(in srgb,var(--pi-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--pi-primary) 24%,transparent);color:var(--pi-text);font-family:var(--pi-font-code);font-size:.8rem}.pi-tag.is-psych{background:color-mix(in srgb,var(--pi-psych-accent, var(--pi-accent)) 16%,transparent);border-color:color-mix(in srgb,var(--pi-psych-accent, var(--pi-accent)) 32%,transparent)}.pi-card-note{display:grid;gap:.55rem}.pi-card-note strong{font-family:var(--pi-font-code);color:var(--pi-psych-accent, var(--pi-primary))}@media(max-width:1100px){.pi-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.pi-hero,.pi-grid,.pi-grid-4{grid-template-columns:1fr}.pi-header{align-items:flex-start;flex-direction:column}}[data-pi-mode=editorial] .pi-panel{background:linear-gradient(180deg,var(--pi-panel-bg-1),var(--pi-panel-bg-2));border-color:var(--pi-surface-border);box-shadow:var(--pi-surface-shadow-sm);color:var(--pi-surface-text)}[data-pi-mode=editorial] .pi-panel:before{background:var(--pi-gradient)}[data-pi-mode=editorial] .pi-header{background:#fffffff5;border-color:var(--pi-surface-border);box-shadow:var(--pi-surface-shadow-sm)}[data-pi-mode=editorial] .pi-text{color:var(--pi-surface-text-soft)}[data-pi-mode=editorial] .pi-kicker{color:var(--pi-logo-blue)}[data-pi-mode=editorial] .pi-title{color:var(--pi-surface-text)}[data-pi-mode=editorial] .pi-stat-value{color:var(--pi-primary)}[data-pi-mode=editorial] .pi-stat-label{color:var(--pi-surface-text-soft)}[data-pi-mode=editorial] .pi-tag{color:var(--pi-surface-text);background:color-mix(in srgb,var(--pi-primary) 10%,transparent);border-color:color-mix(in srgb,var(--pi-primary) 24%,transparent)}[data-pi-mode=editorial] .pi-tag.is-psych{background:color-mix(in srgb,var(--pi-psych-accent, var(--pi-secondary)) 14%,transparent);border-color:color-mix(in srgb,var(--pi-psych-accent, var(--pi-secondary)) 30%,transparent);color:var(--pi-surface-text)}[data-pi-mode=editorial] .pi-mark{background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--pi-editorial-mustard) 55%,white) 0%,transparent 34%),linear-gradient(135deg,var(--pi-logo-blue) 0%,var(--pi-editorial-mustard) 52%,var(--pi-logo-violet) 100%);box-shadow:inset 0 0 0 1px #fff3,var(--pi-glow-mustard)}[data-pi-mode=editorial] .pi-button-primary{color:#fff}[data-pi-mode=editorial] .pi-button-secondary{color:var(--pi-surface-text);border-color:var(--pi-surface-border)}[data-pi-mode=editorial] .pi-brand-slogan{color:var(--pi-surface-text-soft)}.pi-serif{font-family:var(--pi-font-serif);font-style:italic}.pi-editorial-lead{font-family:var(--pi-font-serif);font-style:italic;line-height:1.68;font-size:1.06rem;color:var(--pi-surface-text-soft, var(--pi-text-soft))}.pi-book-card{display:grid;gap:.5rem;padding:1.2rem;border-radius:var(--pi-card-radius);background:var(--pi-editorial-paper);border:1px solid color-mix(in srgb,var(--pi-editorial-ink) 11%,transparent);box-shadow:0 4px 18px #15192a14;color:var(--pi-editorial-ink)}.pi-book-card .pi-kicker{color:var(--pi-logo-blue)}.pi-book-card-title{font-family:var(--pi-font-primary);font-weight:800;font-size:1.05rem;line-height:1.3;color:var(--pi-editorial-ink);margin:0}.pi-book-card-author{font-family:var(--pi-font-serif);font-style:italic;font-size:.88rem;color:color-mix(in srgb,var(--pi-editorial-ink) 58%,transparent)}.pi-book-card-bar{width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--pi-logo-blue) 0%,var(--pi-logo-cyan) 48%,var(--pi-logo-violet) 100%);margin-top:.2rem}.pi-collection-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .68rem;border-radius:999px;background:color-mix(in srgb,var(--pi-editorial-mustard) 14%,transparent);border:1px solid color-mix(in srgb,var(--pi-editorial-mustard) 30%,transparent);color:color-mix(in srgb,var(--pi-editorial-ink) 80%,transparent);font-family:var(--pi-font-code);font-size:.76rem}.pi-rule-warm{height:2px;border:none;background:linear-gradient(90deg,var(--pi-editorial-mustard),var(--pi-editorial-terra),transparent);margin:.8rem 0;border-radius:999px}:root{color:var(--pi-text);background:radial-gradient(circle at 8% 12%,rgba(77,183,255,.18) 0%,transparent 24%),radial-gradient(circle at 88% 12%,rgba(122,70,255,.18) 0%,transparent 28%),radial-gradient(circle at 76% 82%,rgba(19,136,255,.16) 0%,transparent 26%),linear-gradient(180deg,#04070f,#09111f);font-family:var(--pi-font-primary);color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--pi-text);background:radial-gradient(circle at 8% 12%,rgba(77,183,255,.18) 0%,transparent 24%),radial-gradient(circle at 88% 12%,rgba(122,70,255,.18) 0%,transparent 28%),radial-gradient(circle at 76% 82%,rgba(19,136,255,.16) 0%,transparent 26%),linear-gradient(180deg,#04070f,#09111f)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:min(1440px,calc(100vw - 40px));margin:0 auto;padding:24px 0 40px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.panel{position:relative;overflow:hidden;background:linear-gradient(180deg,#0c121ff5,#090e19fa);border:1px solid rgba(36,48,76,.9);border-radius:var(--pi-shell-radius);box-shadow:var(--pi-shadow-lg)}.panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:var(--pi-gradient)}.sidebar{padding:24px;display:grid;gap:24px;align-self:start;position:sticky;top:20px}.brand-lockup{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}.brand-mark{width:64px;height:64px;border-radius:22px;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.75) 0%,transparent 30%),linear-gradient(135deg,var(--pi-logo-cyan) 0%,var(--pi-logo-blue) 45%,var(--pi-logo-violet) 100%);box-shadow:inset 0 0 0 1px #ffffff24,0 18px 32px #1388ff47}.eyebrow{margin:0 0 8px;color:var(--pi-secondary);font-family:var(--pi-font-code);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.sidebar h1,.topbar h2,.hero-panel h2,.section-header h2,.panel h3,.list-card h3{margin:0;font-family:var(--pi-font-code);letter-spacing:.03em}.sidebar-copy,.section-copy,.hero-copy,.support-copy,.list-card p,.poll-card p{margin:0;color:var(--pi-text-soft);line-height:1.65}.sidebar-meta{display:grid;gap:12px}.sidebar-meta-item{display:grid;gap:4px;padding:12px 14px;border-radius:var(--pi-card-radius);background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.sidebar-meta-item span,.meta-row,.list-card small{color:var(--pi-text-muted)}.sidebar-meta-item strong{color:var(--pi-text);font-weight:700}.nav-list{display:grid;gap:10px}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--pi-card-radius);border:1px solid rgba(255,255,255,.04);background:#ffffff05;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-item:hover,.nav-item.active{transform:translateY(-1px);border-color:#4db7ff42;background:linear-gradient(180deg,#142239f2,#0a101cf2)}.nav-item span{font-weight:700}.nav-item small{min-height:1em;text-align:right}.main-column{display:grid;gap:20px}.topbar{padding:20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.topbar-actions{display:flex;gap:16px;align-items:center}.member-selector{display:grid;gap:8px}.member-selector span,label span{color:var(--pi-text-muted);font-size:.9rem}.member-selector select,input,textarea,select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--pi-text);outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#4db7ff8a;box-shadow:0 0 0 3px #4db7ff24}.badge-stack,.chip-row,.cta-row,.meta-row,.poll-option-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.badge,.chip,.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-family:var(--pi-font-code);font-size:.78rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.badge-primary,.button-primary{background:var(--pi-gradient);color:#04111d;border-color:transparent}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);font-family:var(--pi-font-code);font-size:.85rem;font-weight:700;cursor:pointer;transition:transform .18s ease,opacity .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-secondary{background:#ffffff0a;color:var(--pi-text)}.button-inline{min-height:40px}.page-grid{display:grid;gap:20px}.hero-grid,.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hero-panel,.spotlight-panel,.metric-card,.amenity-card,.poll-card,.list-card,.flash,.topbar,.sidebar,.panel{animation:rise .42s ease both}.hero-panel,.spotlight-panel,.metric-card,.amenity-card,.poll-card,.panel{padding:24px}.spotlight-stack{display:grid;gap:16px;margin-top:24px}.spotlight-stack div{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.spotlight-stack span{color:var(--pi-text-muted)}.spotlight-stack strong,.metric-card strong{color:var(--pi-text);font-size:1.65rem}.metric-grid,.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.metric-card{display:grid;gap:10px}.metric-kicker{color:var(--pi-secondary);font-family:var(--pi-font-code);font-size:.8rem;text-transform:uppercase;letter-spacing:.16em}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:end}.list-stack,.option-stack,.form-grid{display:grid;gap:16px}.list-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:#ffffff06}.list-card.compact{padding:16px}.list-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.mini-divider{padding:6px 0;color:var(--pi-text-muted);font-family:var(--pi-font-code);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.status-pill.success{background:#22c55e24;border-color:#22c55e57}.status-pill.warning{background:#f59e0b24;border-color:#f59e0b57}.status-pill.danger{background:#ef444424;border-color:#ef444457}.chip.subtle{justify-content:flex-start;border-radius:18px;line-height:1.4;padding:10px 12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.form-grid label{display:grid;gap:8px}.full-span{grid-column:1 / -1}.flash{margin-top:16px;padding:14px 16px;border-radius:16px;font-weight:700}.flash.success{background:#22c55e24;border:1px solid rgba(34,197,94,.3)}.flash.error{background:#ef444424;border:1px solid rgba(239,68,68,.3)}.poll-option{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:#ffffff08}.poll-option.selected{border-color:#4db7ff57;background:#1388ff14}.poll-option-head{display:flex;justify-content:space-between;gap:12px}.poll-bar{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff14}.poll-bar-fill{height:100%;border-radius:inherit;background:var(--pi-gradient)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.metric-grid,.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.app-shell{width:min(100vw - 24px,100%);grid-template-columns:1fr;padding:12px 0 24px}.sidebar{position:static}.hero-grid,.content-grid,.form-grid,.metric-grid,.card-grid{grid-template-columns:1fr}.topbar,.section-header,.list-card-head,.poll-option-head{flex-direction:column;align-items:start}.topbar-actions{width:100%;flex-direction:column;align-items:stretch}}@media(max-width:640px){.app-shell{width:min(100vw - 16px,100%)}.sidebar,.topbar,.hero-panel,.spotlight-panel,.panel{padding:18px}.brand-lockup{grid-template-columns:52px minmax(0,1fr)}.brand-mark{width:52px;height:52px;border-radius:18px}}