@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{color:#18211c;font-synthesis:none;background:#f5f7f3;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f7f3ed;border-bottom:1px solid #dfe5de;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;max-width:1440px;height:72px;margin:auto;padding:0 30px;display:flex}.brand,.account,.profile,.facts,.facts span{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:#146b4a;border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;display:grid;box-shadow:0 8px 20px #146b4a38}.brand strong{letter-spacing:-.04em;font-size:18px;display:block}.brand small{color:#718078;margin-top:3px;font-size:11px;font-weight:600;display:block}.account{gap:8px}.icon-button{color:#637169;background:0 0;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.profile{background:#fff;border:1px solid #dce4dd;border-radius:12px;gap:9px;padding:5px 10px 5px 5px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #14281e0d}.avatar{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.avatar-dark{color:#fff;background:#193f32;width:31px;height:31px}.workspace{grid-template-columns:minmax(0,1fr) 350px;gap:24px;max-width:1440px;margin:auto;padding:28px 30px 50px;display:grid}.event-hero{color:#fff;background:#123f31;border-radius:26px;grid-template-columns:1.08fr .92fr;min-height:260px;display:grid;overflow:hidden;box-shadow:0 22px 60px #17372b29}.event-copy{flex-direction:column;justify-content:space-between;padding:30px;display:flex}.hero-meta{color:#ffffffa6;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.status{color:#173626;background:#d8ff62;border-radius:99px;padding:6px 12px;font-weight:800}.status.closed{color:#526158;background:#e4e8e5}.eyebrow{color:#a8c6b9;letter-spacing:.15em;text-transform:uppercase;margin:22px 0 0;font-size:12px;font-weight:800}.event-copy h1{letter-spacing:-.05em;max-width:580px;margin:8px 0 0;font-size:clamp(30px,3.3vw,44px);line-height:1.08}.facts{color:#fffc;flex-wrap:wrap;gap:24px;font-size:13px}.facts span{gap:8px}.facts svg{color:#d8ff62}.facts b{color:#fff}.hero-image{min-height:250px;position:relative;overflow:hidden}.hero-image>img{object-fit:cover;width:100%;height:100%;display:block}.hero-image:after{content:"";background:linear-gradient(90deg,#123f31 0%,#0000 45%);position:absolute;inset:0}.countdown{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000061;border:1px solid #fff3;border-radius:15px;padding:11px 15px;position:absolute;bottom:18px;right:18px}.countdown small{color:#ffffffa6;letter-spacing:.13em;font-size:10px;font-weight:800;display:block}.countdown b{color:#e5ff91;margin-top:2px;font-size:22px;display:block}.section-heading{justify-content:space-between;align-items:end;gap:15px;margin:30px 0 16px;display:flex}.section-heading h2,.panel-title h2{letter-spacing:-.04em;margin:0}.section-heading h2{font-size:24px}.section-heading p{color:#718078;margin:5px 0 0;font-size:13px}.search-button{color:#65736b;background:#fff;border:1px solid #dbe3dc;border-radius:12px;align-items:center;gap:8px;padding:10px 13px;font-size:13px;font-weight:700;display:flex}.dish-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.dish-card{background:#fff;border:1px solid #dfe5df;border-radius:20px;padding:11px;transition:all .2s;overflow:hidden;box-shadow:0 8px 30px #23362c0f}.dish-card.selected{border-color:#1b7957;box-shadow:0 0 0 2px #1b79571a,0 8px 30px #23362c0f}.dish-image{border-radius:14px;height:120px;position:relative;overflow:hidden}.dish-image img{object-fit:cover;width:100%;height:100%;display:block}.dish-image span{color:#146b4a;background:#fffffff0;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px}.dish-content{padding:14px 4px 3px}.dish-content h3{letter-spacing:-.03em;margin:0;font-size:16px}.dish-content>p{color:#7b877f;min-height:39px;margin:5px 0 0;font-size:12px;line-height:1.6}.dish-footer{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.dish-footer>b{color:#146b4a;font-size:15px}.add{color:#146b4a;background:#edf7f1;border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.stepper{color:#fff;background:#146b4a;border-radius:12px;align-items:center;padding:3px;display:flex}.stepper button{color:#fff;background:0 0;border:0;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.stepper span{text-align:center;width:28px;font-size:13px;font-weight:800}.sidebar{flex-direction:column;gap:18px;display:flex}.panel{background:#fff;border:1px solid #dfe5df;border-radius:22px;padding:20px;box-shadow:0 8px 30px #23362c0f}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title h2{font-size:17px}.panel-title h2 em{color:#87928b;font-style:normal}.panel-title>span{color:#839087;font-size:11px;font-weight:700}.name-field{margin-top:17px;display:block}.name-field span{color:#69776f;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.name-field input{color:#18211c;border:1px solid #dce4dd;border-radius:11px;outline:none;width:100%;padding:10px 12px}.name-field input:focus{border-color:#1b7957;box-shadow:0 0 0 3px #1b79571a}.order-lines{gap:11px;margin:17px 0;display:grid}.order-line{grid-template-columns:24px 1fr auto;align-items:start;gap:10px;font-size:12px;display:grid}.order-line .quantity{color:#285b45;background:#edf4ef;border-radius:8px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.order-line strong{line-height:24px}.order-line>b{white-space:nowrap;line-height:24px}.empty{color:#7a867f;text-align:center;background:#f5f7f3;border-radius:12px;margin:0;padding:14px;font-size:12px;line-height:1.5}.total{color:#69776f;border-top:1px dashed #d9e1da;justify-content:space-between;align-items:center;padding-top:15px;font-size:13px;display:flex}.total b{color:#18211c;font-size:19px}.join-button{color:#173626;background:#d8ff62;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:15px;font-size:14px;font-weight:800;display:flex}.join-button:disabled{color:#77837b;background:#dfe5df}.payment-note{color:#7b877f;justify-content:center;align-items:center;gap:6px;margin:11px 0 0;font-size:10px;display:flex}.success-message,.error-message{text-align:center;margin:10px 0 0;font-size:11px;font-weight:700}.success-message{color:#18724f}.error-message{color:#b13c32}.participants{gap:13px;margin-top:16px;display:grid}.participant{align-items:center;gap:10px;display:flex}.participant>div{flex:1;min-width:0}.participant strong,.participant small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.participant strong{font-size:12px}.participant small{color:#7b877f;margin-top:3px;font-size:10px}.tone-0{color:#165e46;background:#c8f0dd}.tone-1{color:#23588f;background:#d8e9ff}.tone-2{color:#934527;background:#ffe0d0}.tone-3{color:#6d3d9c;background:#eee1ff}.paid{color:#1b7957;background:#e3f6e9;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.pending{color:#a4794f;font-size:10px;font-weight:700}.slack-note{color:#295274;background:#f0f7ff;border:1px solid #d9e6f5;border-radius:18px;align-items:center;gap:11px;padding:14px 15px;display:flex}.slack-note>span{background:#fff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 2px 8px #14283c14}.slack-note p{margin:0;font-size:10px;line-height:1.55}.slack-note b{font-size:12px;display:block}@media (width<=1050px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;display:grid}.slack-note{grid-column:1/-1}}@media (width<=720px){.topbar-inner,.workspace{padding-left:16px;padding-right:16px}.profile>span:not(.avatar){display:none}.event-hero{grid-template-columns:1fr}.event-copy{min-height:270px}.hero-image:after{background:linear-gradient(#123f31 0%,#0000 45%)}.dish-grid{grid-template-columns:1fr}.dish-card{grid-template-columns:135px 1fr;display:grid}.dish-image{height:100%;min-height:140px}.section-heading{align-items:start}.search-button{display:none}.sidebar{display:flex}}@media (width<=440px){.dish-card{grid-template-columns:1fr}.dish-image{height:150px}.event-copy{padding:23px}.facts{gap:11px}}