:root{--forest:#173a30;--forest-2:#204b3e;--cream:#f7f5ef;--paper:#fffefa;--sage:#e9eee8;--line:#dce2db;--ink:#243a32;--muted:#738078;--terra:#bd8b6e;--green:#43856a;--red:#a9655b;--gold:#aa8b4b;--display:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 22px 60px rgba(23,58,48,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:inherit}.demo-header{height:78px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,250,.95);border-bottom:1px solid rgba(23,58,48,.09)}.demo-brand img{width:142px;max-height:54px;object-fit:contain}.demo-header-actions{display:flex;align-items:center;gap:24px}.back-link{font-size:12px;font-weight:700;text-decoration:none;color:var(--forest)}.back-link:hover{text-decoration:underline;text-decoration-color:var(--terra);text-underline-offset:4px}.language-button{border:0;background:none;color:var(--forest);font-weight:800;font-size:12px;letter-spacing:.08em;cursor:pointer;padding:10px}.demo-main{width:min(1220px,calc(100% - 40px));margin:0 auto;padding:62px 0 50px}.intro{max-width:760px;margin-bottom:36px}.eyebrow{margin:0 0 15px;color:#a9775d;font-size:10px;font-weight:800;letter-spacing:.2em}.intro h1{font:400 clamp(42px,6vw,70px)/1.03 var(--display);letter-spacing:-.04em;color:var(--forest);margin:0}.intro h1 em{font-weight:400;color:#a9775d}.intro-copy{max-width:680px;color:#5e6e65;line-height:1.75;margin:20px 0 17px;font-size:15px}.demo-notice{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border:1px solid #d9e4dc;border-radius:10px;background:#f0f5ef;color:#496655;line-height:1.55;font-size:12px}.demo-notice>span:first-child{font-size:16px;line-height:1.2}.price-pill{display:inline-flex;margin-top:16px;padding:8px 12px;border-radius:999px;background:#efe9df;color:#775d4d;font-size:11px;font-weight:800;text-decoration:none}.price-pill:hover{background:#e8dece}.demo-shell{overflow:hidden;border:1px solid #d9dfd8;border-radius:20px;background:var(--paper);box-shadow:var(--shadow)}.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 23px;border-bottom:1px solid var(--line);background:#fffefa}.event-heading{display:flex;align-items:center;gap:12px;min-width:230px}.status-dot{width:9px;height:9px;border-radius:50%;background:#6baa80;box-shadow:0 0 0 4px #e8f2ea}.event-heading strong,.event-heading small{display:block}.event-heading strong{font-size:14px;color:var(--forest)}.event-heading small{margin-top:4px;color:var(--muted);font-size:11px}.demo-controls{display:flex;align-items:center;justify-content:flex-end;gap:18px}.mode-control{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.mode-control select{min-width:185px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;color:var(--forest);font:600 12px var(--sans)}.qr-switch{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#52635a;font-size:11px;font-weight:700;cursor:pointer}.qr-switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-ui{position:relative;width:34px;height:19px;border-radius:99px;background:#aeb8b0;transition:.2s}.switch-ui::after{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:white;transition:.2s}.qr-switch input:checked+.switch-ui{background:var(--forest)}.qr-switch input:checked+.switch-ui::after{transform:translateX(15px)}.qr-switch input:focus-visible+.switch-ui{outline:3px solid #c4ddd0;outline-offset:2px}.demo-workspace{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:590px}.demo-sidebar{display:flex;flex-direction:column;background:var(--forest);color:#fff;padding:27px 16px 18px}.sidebar-label{padding:0 10px;color:#a3b7aa;font-size:9px;font-weight:800;letter-spacing:.18em}.sidebar-event{padding:22px 10px 20px;color:#f5e8dc;font:500 15px/1.4 var(--display);border-bottom:1px solid rgba(255,255,255,.13)}.demo-nav{display:grid;gap:5px;margin-top:17px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:9px;background:transparent;color:#dce7df;text-align:left;padding:12px 11px;font:600 12px var(--sans);cursor:pointer;transition:.16s}.nav-item>span:first-child{width:17px;color:#b6cabc;font-size:15px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.13);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--terra)}.sidebar-foot{display:flex;gap:8px;align-items:flex-start;margin-top:auto;padding:15px 10px 0;color:#c0d0c5;font-size:10px;line-height:1.5;border-top:1px solid rgba(255,255,255,.14)}.lock-icon{font-size:14px}.demo-content{min-width:0;padding:30px clamp(18px,3vw,36px);background:#fbfaf6}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:21px}.view-heading h2{margin:0;color:var(--forest);font:500 30px/1.1 var(--display)}.view-heading p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.eyebrow-small{margin:0 0 8px;color:#a9775d;font-size:9px;font-weight:800;letter-spacing:.16em}.demo-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:#eaf2ec;color:#4c765b;font-size:9px;font-weight:800;white-space:nowrap}.demo-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#63a37b}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{min-height:112px;padding:16px;border:1px solid var(--line);border-radius:12px;background:white}.stat-label{color:var(--muted);font-size:10px;line-height:1.4}.stat-value{margin-top:10px;color:var(--forest);font:500 31px/1 var(--display)}.stat-foot{margin-top:8px;color:#819087;font-size:9px}.overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:15px}.panel-card{padding:17px;border:1px solid var(--line);border-radius:12px;background:white}.panel-card h3{margin:0 0 13px;color:var(--forest);font-size:12px}.panel-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.progress-line{height:8px;margin:12px 0 8px;border-radius:99px;background:#edf0eb;overflow:hidden}.progress-line span{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .25s}.progress-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.flow-card{display:flex;gap:12px;align-items:flex-start}.flow-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:#edf2eb;color:var(--forest);font-size:15px}.flow-card strong{display:block;color:var(--forest);font-size:11px}.flow-card p{margin-top:5px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quiet-button,.primary-button,.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:10px 12px;font:700 10px var(--sans);text-decoration:none;cursor:pointer}.primary-button{background:var(--forest);color:white}.primary-button:hover{background:var(--forest-2)}.quiet-button{background:#edf1ec;color:var(--forest)}.quiet-button:hover{background:#e1e9e1}.small-button{padding:7px 9px;background:#edf1ec;color:var(--forest);font-size:9px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.guest-table{width:100%;border-collapse:collapse;white-space:nowrap}.guest-table th,.guest-table td{padding:12px 13px;text-align:left;border-bottom:1px solid #edf0eb}.guest-table th{background:#f7f8f4;color:#78847c;font-size:9px;letter-spacing:.05em}.guest-table td{color:#3d5147;font-size:10px}.guest-table tr:last-child td{border-bottom:0}.guest-name{font-weight:700;color:var(--forest)!important}.status-chip{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.status-confirmed{background:#e8f2e9;color:#4e8059}.status-declined{background:#f6ebe8;color:#a05f56}.status-pending{background:#f4f0e4;color:#967c3f}.search-input{width:min(100%,260px);border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 11px;font:12px var(--sans)}.filter-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.confirm-list{display:grid;gap:10px}.confirm-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr) 40px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.confirm-row strong{color:var(--forest);font-size:10px}.confirm-row small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.confirm-count{color:var(--forest);font-weight:800;font-size:12px;text-align:right}.message-preview{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff;color:#53645a;font-size:11px;line-height:1.75}.link-box{overflow-wrap:anywhere;padding:12px;border-radius:8px;background:#f3f5f1;color:#5c6f63;font-size:10px}.demo-form{display:grid;gap:12px;max-width:520px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff}.demo-form label{display:grid;gap:6px;color:#52645a;font-size:10px;font-weight:700}.demo-form input,.demo-form select{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;font:12px var(--sans)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.qr-card{display:grid;justify-items:center;gap:11px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.qr-art{display:grid;grid-template-columns:repeat(21,7px);gap:1px;padding:7px;border:5px solid #fff;outline:1px solid #d9ded8;background:#fff}.qr-art i{width:7px;height:7px;background:transparent}.qr-art i.on{background:#183a30}.qr-card small{text-align:center;color:var(--muted);font-size:9px;line-height:1.5}.arrive-state{display:inline-flex;gap:6px;align-items:center;color:#4e8059;font-size:10px;font-weight:800}.arrive-state::before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8f2e9}.empty-state{padding:26px;text-align:center;color:var(--muted);font-size:11px}.toast{position:fixed;bottom:20px;left:50%;z-index:5;transform:translate(-50%,18px);opacity:0;pointer-events:none;max-width:calc(100% - 32px);padding:12px 16px;border-radius:10px;background:var(--forest);color:#fff;font-size:11px;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.workflow-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fffefa}.workflow-num{color:#b68668;font:500 24px var(--display)}.workflow-card h2{margin:12px 0 8px;color:var(--forest);font:500 20px var(--display)}.workflow-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.demo-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px;padding:27px clamp(20px,4vw,36px);border-left:5px solid var(--terra);border-radius:3px;background:var(--forest);color:#fff}.demo-cta .eyebrow{color:#dfb49b;margin-bottom:8px}.demo-cta h2{margin:0;font:500 clamp(23px,3vw,33px)/1.2 var(--display)}.demo-cta p:last-child{margin:8px 0 0;color:#d9e4dd;font-size:11px;line-height:1.6}.cta-button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:210px;padding:14px 16px;border-radius:8px;background:#fffefa;color:var(--forest);font-size:11px;font-weight:800;text-decoration:none}.cta-button:hover{background:#f3e9df}.demo-footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:#78847c;font-size:10px}.demo-footer span{font-weight:800;letter-spacing:.17em;color:var(--forest)}.demo-footer a{text-decoration:none}.demo-footer a:hover{text-decoration:underline}
@media(max-width:880px){.demo-workspace{grid-template-columns:180px minmax(0,1fr)}.demo-sidebar{padding-inline:12px}.demo-content{padding:24px 18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.demo-topbar{align-items:flex-start;flex-direction:column}.demo-controls{width:100%;justify-content:space-between}.qr-layout{grid-template-columns:190px 1fr}}
@media(max-width:620px){.demo-header{height:66px;padding:0 17px}.demo-brand img{width:120px}.demo-header-actions{gap:10px}.back-link{font-size:10px}.demo-main{width:calc(100% - 24px);padding:36px 0}.intro h1{font-size:44px}.intro-copy{font-size:13px}.demo-notice{font-size:10px}.demo-shell{border-radius:14px}.demo-topbar{padding:14px}.demo-controls{align-items:flex-start;flex-wrap:wrap;gap:12px}.mode-control{flex:1}.mode-control select{min-width:0;width:100%}.demo-workspace{display:block;min-height:0}.demo-sidebar{padding:11px;background:var(--forest)}.sidebar-label,.sidebar-event,.sidebar-foot{display:none}.demo-nav{display:flex;gap:5px;margin:0;overflow:auto}.nav-item{flex:0 0 auto;width:auto;gap:6px;padding:10px 9px;font-size:10px}.nav-item>span:first-child{width:auto}.demo-content{padding:20px 13px}.view-heading{align-items:flex-start}.view-heading h2{font-size:25px}.view-heading p{font-size:10px}.demo-tag{font-size:8px}.stat-grid{gap:8px}.stat-card{min-height:98px;padding:12px}.stat-value{font-size:26px}.stat-label{font-size:9px}.stat-foot{font-size:8px}.filter-row{align-items:stretch;flex-direction:column}.search-input{width:100%}.confirm-row{grid-template-columns:1fr 1fr 28px;padding:10px}.qr-layout{grid-template-columns:1fr}.qr-card{width:max-content;margin:0 auto}.workflow-grid{grid-template-columns:1fr;gap:9px;margin-top:20px}.workflow-card{padding:16px}.workflow-card h2{margin-top:8px}.demo-cta{align-items:stretch;flex-direction:column;gap:16px;margin-top:14px;padding:22px 18px}.cta-button{width:100%;min-width:0}.demo-footer{padding:18px 14px;font-size:9px}}