:root{font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#152338;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f7f8fb;--surface:#fff;--surface-soft:#f9fafc;--text:#172338;--muted:#778197;--line:#e8ebf1;--primary:#7655d9;--primary-deep:#5f41c4;--primary-soft:#f0ebff;--warm:#d99b68;--green:#23966c;--green-soft:#e7f7ef;--amber:#b77c21;--amber-soft:#fff5dc;--rose:#b94a6b;--rose-soft:#fff0f4;--shadow:0 18px 48px rgba(26,36,63,.06);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;transition:background .25s,color .25s}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:#ddd2ff;color:#39206f}.muted{color:var(--muted)!important}.success-text{color:#16845d!important}.danger-text{color:#bd4660!important}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:var(--primary);text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow-dot{height:6px;width:6px;border-radius:50%;background:#9678ef;box-shadow:0 0 0 4px #e9e1ff}.hero-period{color:#9678ef}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--primary);letter-spacing:-.035em}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b8a5ff;outline-offset:2px}.app-loader{position:fixed;z-index:9999;inset:0;background:#101525;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#8f9ab0;transition:opacity .45s,visibility .45s}.app-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-mark,.brand-mark{display:grid;place-items:center;font-family:Georgia,serif;font-weight:700;background:linear-gradient(140deg,#bba4ff,#7655d9 62%,#e0aa78);color:#fff;box-shadow:0 8px 24px #7655d944}.loader-mark{width:52px;height:52px;border-radius:17px;font-size:29px}.loader-track{height:2px;width:150px;background:#30364a;overflow:hidden;border-radius:10px}.loader-track span{height:100%;display:block;width:40%;background:#a58bff;animation:loader 1.3s ease-in-out infinite}.app-loader small{font-size:9px;letter-spacing:.2em}@keyframes loader{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}.button{border:1px solid transparent;border-radius:12px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:750;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button span{font-size:15px}.button-primary{color:#fff;background:linear-gradient(135deg,#8163e4,#6341c6);box-shadow:0 9px 22px #7556d933}.button-primary:hover{background:linear-gradient(135deg,#7254d1,#5636b3);box-shadow:0 11px 25px #7556d94d}.button-quiet{background:var(--surface);border-color:var(--line);color:var(--text)}.button-quiet:hover{border-color:#c9bafd;background:var(--primary-soft);color:var(--primary)}.button-outline{border-color:#d4c8fa;color:var(--primary);background:transparent}.button-outline:hover{background:var(--primary-soft)}.button-danger{background:var(--rose-soft);color:var(--rose);border-color:#f5d8e0}.button-light{background:#fff;color:#42376b;box-shadow:0 7px 16px #0b102522}.button-translucent{border-color:#ffffff4a;background:#ffffff12;color:#fff}.button-large{padding:14px 20px;border-radius:13px;font-size:13px}.button-small{padding:8px 12px;border-radius:9px;font-size:11px}.button-mini{padding:6px 9px;border-radius:8px;font-size:10px}.button-full{width:100%}.button:disabled{opacity:.45;pointer-events:none}.icon-button{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:11px;font-size:17px;transition:.18s}.icon-button:hover{color:var(--primary);border-color:#cdbffa;background:var(--primary-soft)}.icon-danger:hover{color:var(--rose);border-color:#ffc8d7;background:var(--rose-soft)}.text-link,.small-link{font-weight:750;font-size:11px;color:var(--primary)}.text-link span{font-size:15px;margin-left:5px}.small-link{display:inline-flex;align-items:center;gap:5px}.text-link:hover,.small-link:hover{color:var(--primary-deep);text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;font-size:9px;letter-spacing:.04em;font-weight:800;white-space:nowrap}.badge-green{background:var(--green-soft);color:#13784f}.badge-amber{background:var(--amber-soft);color:#9f6b18}.badge-rose{background:var(--rose-soft);color:#b13b5d}.badge-violet{background:var(--primary-soft);color:#6948c8}.badge-neutral{background:#eff1f5;color:#687286}.flash-wrap{display:grid;gap:8px;margin:0 0 22px}.flash{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border-radius:13px;border:1px solid var(--line);font-size:12px;box-shadow:0 4px 13px #17233808}.flash>span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-weight:900;flex-shrink:0}.flash-success{background:#f0fbf5;color:#176a4a;border-color:#d4f1e0}.flash-success>span{background:#d9f6e5}.flash-error{background:#fff4f6;color:#9d324d;border-color:#f7dce3}.flash-error>span{background:#ffe0e7}.flash>div{flex:1}.flash ul{margin:5px 0 0;padding-left:18px}.flash button{border:0;background:transparent;color:inherit;font-size:20px;line-height:1}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:1000;display:grid;gap:8px;max-width:min(360px,calc(100vw - 40px))}.toast{background:#1c2438;color:#fff;padding:13px 16px;border-radius:13px;box-shadow:0 14px 40px #11182b33;font-size:12px;animation:toast-in .22s ease}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* Public brand and landing */
.public-nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,26px);gap:28px;background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:39px;height:39px;border-radius:13px;font-size:23px}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy b{font-size:17px;letter-spacing:.06em}.brand-copy b span{color:#9576f2}.brand-copy small{font-size:8px;letter-spacing:.18em;margin-top:5px;color:var(--muted);font-weight:800}.public-nav nav{display:flex;align-items:center;gap:32px}.public-nav nav a{font-size:11px;color:var(--muted);font-weight:700;transition:color .2s}.public-nav nav a:hover{color:var(--primary)}.public-nav-actions{display:flex;gap:10px;align-items:center}.nav-login{font-size:11px;font-weight:750;padding:8px 10px}.public-main{overflow:hidden}.hero-section{min-height:690px;padding:82px 8.4% 26px;display:grid;grid-template-columns:minmax(380px,1fr) minmax(360px,.95fr);align-items:center;position:relative;gap:25px;background:radial-gradient(ellipse at 74% 44%,#ede5ff 0%,transparent 40%),linear-gradient(130deg,#fbfaff,#f8f9fc 55%,#f4f0ff)}.hero-copy{position:relative;z-index:2;max-width:570px;padding-bottom:30px}.hero-copy h1{font-size:clamp(48px,5.4vw,76px);font-weight:650;line-height:1.02;letter-spacing:-.065em;margin:27px 0 23px}.hero-copy h1 em{font-size:1.1em;color:#8162d8}.hero-description{max-width:455px;color:#778197;font-size:13px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:30px;flex-wrap:wrap}.button-quiet.button-large{background:transparent;border-color:transparent;box-shadow:none;color:#555f77}.play-icon{font-size:13px;width:22px;height:22px;border:1px solid #d7dbe6;border-radius:50%;display:grid;place-items:center}.hero-social-proof{display:flex;align-items:center;gap:13px;margin-top:36px}.mini-avatars{display:flex;padding-left:5px}.mini-avatars span{width:29px;height:29px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;margin-left:-5px;background:#d7c8f5;color:#4f3b7c;font-size:9px;font-weight:900}.mini-avatars span:nth-child(2){background:#f2d7c7;color:#80563e}.mini-avatars span:nth-child(3){background:#c1e3d4;color:#29624d}.mini-avatars span:nth-child(4){background:#fff;color:#7655d9}.rating-stars{color:#e2aa56;font-size:10px;letter-spacing:2px}.hero-social-proof small{font-size:10px;color:#8d95a7}.hero-art{height:550px;position:relative;display:flex;align-items:center;justify-content:center}.art-glow{position:absolute;width:400px;height:400px;background:#dfd3ff;border-radius:50%;filter:blur(22px);opacity:.7}.art-orbit{border:1px solid #c8b9f4;border-radius:50%;position:absolute;transform:rotate(-24deg)}.orbit-one{width:430px;height:540px}.orbit-two{width:510px;height:440px;transform:rotate(34deg);border-color:#e0c3c8}.phone-mockup{width:260px;height:480px;position:relative;z-index:2;background:#181922;border:6px solid #252535;border-radius:38px;padding:8px;box-shadow:0 35px 70px #4b3e7560,0 8px 15px #3b315a55;transform:rotate(4deg)}.phone-island{position:absolute;z-index:4;top:8px;left:50%;transform:translateX(-50%);height:20px;width:75px;background:#171821;border-radius:20px}.phone-screen{height:100%;border-radius:28px;overflow:hidden;background:linear-gradient(155deg,#f8f0e3,#f5dfdc 47%,#ead8ee);color:#63544b;display:flex;flex-direction:column;align-items:center;text-align:center;padding:54px 18px 17px;position:relative}.phone-flower{font-size:42px;color:#c59c9d;margin-bottom:10px}.phone-screen small{font-size:7px;letter-spacing:.3em}.phone-screen h3{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.25;margin:15px 0;color:#5a4745}.phone-screen h3 i{font-size:20px;color:#b27d86;font-weight:400}.phone-divider{display:flex;align-items:center;gap:8px;font-size:15px;color:#ad797d;margin:8px 0 14px}.phone-divider span{width:29px;height:1px;background:#c6a1a0}.phone-screen>p{font-family:Georgia,serif;font-size:12px;letter-spacing:.15em}.phone-photo{margin-top:auto;width:150px;height:105px;background:linear-gradient(140deg,#d8b9a7,#f1d8c9 48%,#c6d0b8);border-radius:60% 60% 4px 4px;display:flex;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:28px;font-family:Georgia,serif}.phone-photo i{font-size:19px}.phone-bottom{margin-top:13px;font-size:8px;letter-spacing:.2em}.floating-note{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;background:#fff;padding:13px 16px;border-radius:15px;box-shadow:0 15px 40px #5142771b;border:1px solid #fff9;min-width:180px}.note-one{top:96px;right:-2px}.note-two{bottom:85px;left:-16px}.note-icon{width:32px;height:32px;border-radius:11px;background:#f0e9ff;color:#7c5bd7;display:grid;place-items:center;font-size:16px}.note-green{background:#e5f7ef;color:#27946d}.floating-note b{display:block;font-size:10px}.floating-note small{display:block;color:#8e96a8;font-size:9px;margin-top:2px}.art-caption{position:absolute;font-size:8px;letter-spacing:.15em;font-weight:800;color:#9d91bb;z-index:1}.caption-top{top:47px;left:5px;display:flex;align-items:center;gap:8px}.caption-dot{width:5px;height:5px;border-radius:50%;background:#a68ce9}.caption-bottom{bottom:25px;right:13px}.caption-bottom span{font-size:13px}.hero-bottom-line{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #e5e1f1;font-size:8px;color:#9699aa;letter-spacing:.16em;font-weight:800}.hero-scroll i{font-size:14px;font-style:normal;margin-left:8px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 9%;background:#fff;border-block:1px solid #edf0f5}.trust-strip>div{display:flex;gap:12px;align-items:center;justify-content:center}.trust-icon{width:39px;height:39px;border-radius:12px;background:#f3eeff;color:#8060d5;display:grid;place-items:center;font-size:19px;flex-shrink:0}.trust-strip p{margin:0;display:flex;flex-direction:column}.trust-strip b{font-size:11px}.trust-strip small{color:#9299a9;font-size:9px;margin-top:3px}.section{padding:105px 9%}.collection-section{background:#fbfcfe}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}.section-heading h2,.steps-section h2{font-size:clamp(38px,4.1vw,56px);margin:15px 0 0;line-height:1.05;letter-spacing:-.055em}.section-heading h2 em,.steps-section h2 em{font-size:1.1em}.section-heading-side{max-width:320px}.section-heading-side p{font-size:12px;color:#7e8799;line-height:1.8;margin-bottom:15px}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.theme-card{min-width:0}.theme-cover{height:300px;border-radius:15px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:16px;color:#fff;isolation:isolate}.cover--violet{background:linear-gradient(145deg,#8770d7,#514380 62%,#292444)}.cover--emerald{background:linear-gradient(145deg,#7a9c84,#315d4b 58%,#1d3d35)}.cover--rose{background:linear-gradient(145deg,#c990a0,#986478 57%,#63404f)}.cover--amber{background:linear-gradient(145deg,#e4bb7e,#aa7947 57%,#754b38)}.cover--blue{background:linear-gradient(145deg,#95bfd4,#547f9a 55%,#2e4f69)}.cover--midnight{background:linear-gradient(145deg,#535b84,#272946 55%,#141723)}.cover--terracotta{background:linear-gradient(145deg,#d6a28a,#ac6d50 55%,#6e4133)}.cover--pastel{background:linear-gradient(145deg,#f2d7d8,#d4c7e8 52%,#b7d7d4);color:#68566c}.theme-cover:before,.theme-cover:after{content:"";position:absolute;z-index:-1;border:1px solid #ffffff45;border-radius:50%;width:210px;height:290px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(25deg)}.theme-cover:after{width:175px;height:265px;transform:translate(-50%,-50%) rotate(-22deg);border-color:#ffffff30}.cover-top,.cover-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.16em;font-weight:800;color:inherit;opacity:.8}.cover-art{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.cover-flower{font-size:34px;font-family:Georgia,serif;margin-bottom:20px;opacity:.8}.cover-art small{font-size:7px;letter-spacing:.28em}.cover-art h3{font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.2;max-width:90%;margin:13px 0 6px;letter-spacing:-.03em}.cover-ampersand{font-family:Georgia,serif;font-style:italic;font-size:25px;opacity:.75;margin-bottom:6px}.cover-art p{font-family:Georgia,serif;font-style:italic;font-size:10px;letter-spacing:.06em;margin:0}.cover-arrow{width:27px;height:27px;border-radius:50%;border:1px solid #ffffff60;display:grid;place-items:center;font-size:13px}.theme-card-info{display:flex;justify-content:space-between;gap:10px;padding:15px 1px 0}.theme-card-info h3{font-size:13px;margin:0 0 5px;letter-spacing:-.02em}.theme-card-info p{color:#8b93a4;font-size:10px;line-height:1.6;margin:0;max-width:170px}.price-block{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.price-block del,.theme-price-row del{font-size:9px;color:#a5aaba}.price-block strong{font-size:12px;color:var(--primary)}.collection-cta{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:55px}.collection-cta p{font-size:8px;letter-spacing:.17em;color:#a0a5b4;font-weight:800;margin:0}.cta-line{height:1px;max-width:100px;flex:1;background:#e1e3ec}.feature-band{background:#211c36;color:#fff;padding:94px 10%;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;position:relative;overflow:hidden}.feature-band:before{content:"";position:absolute;right:-120px;top:-250px;width:500px;height:500px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 40px #ffffff05,0 0 0 80px #ffffff03}.feature-band .eyebrow{color:#b6a2fa}.feature-band h2{font-size:clamp(39px,4.2vw,56px);margin:20px 0;line-height:1.05}.feature-band h2 em{color:#c3b1ff}.feature-band-copy>p{font-size:12px;line-height:1.9;color:#b7b2ca;max-width:330px;margin-bottom:27px}.feature-stack{position:relative;z-index:1}.feature-item{display:grid;grid-template-columns:30px 43px 1fr 20px;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #ffffff1c}.feature-item:first-child{border-top:1px solid #ffffff1c}.feature-item>span{font-size:9px;letter-spacing:.1em;color:#aaa2c3}.feature-item-icon{width:42px;height:42px;border:1px solid #ffffff22;border-radius:13px;background:#ffffff0d;display:grid;place-items:center;font-size:19px;color:#c3b4fa}.feature-item h3{font-size:13px;letter-spacing:-.015em;margin:0 0 6px}.feature-item p{font-size:10px;color:#aaa5bf;margin:0;line-height:1.7}.feature-item>b{color:#b7a6f6;font-size:17px}.steps-section{text-align:center;padding:100px 10%;background:#fff}.steps-section>.eyebrow{justify-content:center}.steps-section h2{margin:16px 0 54px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left}.step-card{position:relative;padding:0 16px 10px}.step-card>span{font-size:10px;color:#9d8acb;font-weight:800;letter-spacing:.1em}.step-illustration{height:145px;border-radius:18px;margin:14px 0 24px;display:grid;place-items:center;font-family:Georgia,serif;font-size:70px;position:relative;overflow:hidden}.step-illustration>div{position:absolute;right:15px;bottom:9px;font-family:Inter,sans-serif;font-size:9px;letter-spacing:.15em;font-weight:800;opacity:.6}.step-illustration-one{background:linear-gradient(135deg,#f4edff,#e7ddff);color:#8e70d9}.step-illustration-two{background:linear-gradient(135deg,#ffefe7,#f4d5c9);color:#c18d7b}.step-illustration-three{background:linear-gradient(135deg,#e6f5ed,#cce9db);color:#4e9d7b}.step-card h3{font-size:15px;margin:0 0 8px}.step-card p{font-size:11px;color:#858d9f;line-height:1.8;margin:0;max-width:250px}.closing-cta{text-align:center;position:relative;overflow:hidden;padding:100px 20px 110px;background:radial-gradient(ellipse at center,#f3edff,#fbfaff 55%,#f8f8fb)}.closing-sparkle{color:#9d85e7;font-size:33px;margin-bottom:22px}.closing-cta>.eyebrow{justify-content:center}.closing-cta h2{font-size:clamp(46px,6vw,72px);line-height:1;margin:20px 0}.closing-cta h2 em{font-size:1.15em}.closing-cta p{font-size:12px;color:#858da0;margin-bottom:27px}.closing-ring{position:absolute;border:1px solid #d8cdfb;border-radius:50%;width:390px;height:390px;top:50%;transform:translateY(-50%);opacity:.5}.ring-a{left:-250px}.ring-b{right:-250px}.public-footer{background:#fff;padding:32px 9% 20px;border-top:1px solid #edf0f4}.footer-main{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.footer-main p{margin:0;color:#9299a8;font-size:10px}.footer-meta{border-top:1px solid #eef0f4;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#a0a6b4}.footer-meta b{color:#8e72e0}
/* Dashboard shell */
.workspace{min-height:100vh;display:flex;background:var(--bg)}.sidebar{width:244px;flex:0 0 244px;position:fixed;left:0;top:0;bottom:0;background:#171b2c;color:#fff;padding:25px 15px 17px;display:flex;flex-direction:column;z-index:50;overflow-y:auto}.sidebar .brand{padding:0 9px 29px}.sidebar .brand-copy b{color:#fff}.sidebar .brand-copy small{color:#858da7}.side-label{font-size:8px;letter-spacing:.19em;color:#767f9b;font-weight:800;padding:0 12px;margin:2px 0 10px}.side-label-spaced{margin-top:28px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#9aa2ba;border-radius:10px;font-size:11px;font-weight:650;transition:.17s}.side-nav a:hover{background:#ffffff0b;color:#fff}.side-nav a.active{background:linear-gradient(100deg,#6c50bd50,#6c50bd16);color:#eee8ff;box-shadow:inset 3px 0 #a88cff}.nav-icon{width:19px;display:inline-grid;place-items:center;font-size:17px;font-weight:400;color:#8a83b6}.side-nav a.active .nav-icon{color:#bca7ff}.nav-count{margin-left:auto;background:#493b70;color:#d4c8ff;padding:2px 6px;border-radius:5px;font-size:9px}.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:auto;padding:16px 11px 4px;border-top:1px solid #ffffff12}.sidebar-bottom b{font-size:9px;display:block;color:#cfd5e4}.sidebar-bottom small{font-size:8px;color:#77819c;display:block;margin-top:3px}.status-pulse{height:6px;width:6px;display:inline-block;border-radius:50%;background:#57c99b;box-shadow:0 0 0 4px #57c99b20;flex-shrink:0}.client-side-card{display:flex;flex-direction:column;align-items:flex-start;padding:16px 14px;margin:0 4px 28px;background:linear-gradient(135deg,#302747,#23253b);border:1px solid #ffffff12;border-radius:14px}.client-side-icon{width:30px;height:30px;border:1px solid #ffffff24;border-radius:10px;display:grid;place-items:center;color:#cbbaff;margin-bottom:12px}.client-side-card small{font-size:7px;letter-spacing:.16em;color:#a9a0c9;font-weight:800}.client-side-card>b{font-size:12px;margin-top:5px}.client-side-card .muted{font-size:9px;margin-top:4px;color:#a09cb2!important}.sidebar-invite-note{display:flex;align-items:flex-start;gap:9px;padding:14px 10px;margin-top:25px;background:#ffffff08;border-radius:12px;border:1px solid #ffffff0c}.sidebar-invite-note>span{color:#c5aefa;font-size:17px}.sidebar-invite-note p{margin:0}.sidebar-invite-note b{font-size:9px;display:block;color:#e3def2}.sidebar-invite-note small{font-size:8px;display:block;color:#9994af;line-height:1.6;margin-top:5px}.workspace-main{margin-left:244px;min-width:0;flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:76px;padding:0 31px;display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.crumb{display:flex;align-items:center;gap:10px;font-size:10px}.crumb span{color:var(--muted)}.crumb i{font-style:normal;color:#c2c7d2}.crumb b{font-weight:800}.topbar-actions{display:flex;align-items:center;gap:10px}.top-user{display:flex;align-items:center;gap:9px;padding-left:6px}.top-user>span:last-child{display:flex;flex-direction:column}.top-user b{font-size:10px}.top-user small{font-size:8px;color:var(--muted);letter-spacing:.12em;font-weight:800;margin-top:3px}.avatar{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#d8cdfa,#b0a1e9);display:grid;place-items:center;color:#4b377f;font-size:13px;font-weight:900;flex-shrink:0}.avatar-warm{background:linear-gradient(135deg,#fae0cd,#e9b99a);color:#7c4d37}.logout-link{background:transparent;border:0;color:var(--muted);font-size:10px;margin-left:4px}.logout-link:hover{color:var(--rose)}.mobile-menu{display:none}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:30px 31px 45px;flex:1}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:26px}.page-heading h1{font-size:clamp(27px,2.5vw,37px);font-weight:650;letter-spacing:-.055em;margin:10px 0 9px;line-height:1.12}.page-heading>div>p{font-size:11px;color:var(--muted);margin:0}.heading-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:9px;font-weight:750;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:19px}.stat-card{padding:17px 18px 15px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 3px 10px #1a244005;min-width:0;position:relative;overflow:hidden}.stat-card.stat-accent{border-color:#ddd3ff;background:linear-gradient(145deg,#fff,#f9f6ff)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;font-weight:650}.stat-icon{width:31px;height:31px;display:grid;place-items:center;background:var(--surface-soft);color:#8f7bd0;border:1px solid var(--line);border-radius:10px;font-size:16px;flex-shrink:0}.stat-number{font-size:29px;line-height:1.3;font-weight:750;letter-spacing:-.06em;margin:13px 0 9px;font-variant-numeric:tabular-nums}.stat-money{font-size:clamp(17px,1.8vw,25px);padding-top:5px}.stat-foot{display:flex;align-items:center;gap:7px;color:#929aab;font-size:9px}.stat-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-amber{background:#d5a046}.dot-green{background:#32a77a}.dot-violet{background:#9a81ef}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:17px;margin-bottom:19px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:0 3px 10px #1a244005;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 21px 15px}.panel-heading h2{font-size:14px;letter-spacing:-.03em;margin:0 0 5px}.panel-heading p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.panel-pill,.filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:7px 9px;font-size:8px;letter-spacing:.1em;font-weight:800;color:var(--muted);white-space:nowrap}.panel-pill .status-pulse{height:5px;width:5px}.panel-more{letter-spacing:3px;color:#9ba3b2}.panel-revenue{padding-bottom:12px}.revenue-summary{padding:2px 21px 10px;display:flex;flex-direction:column}.revenue-summary strong{font-size:27px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.revenue-summary small{font-size:9px;color:var(--muted);margin-top:2px}.chart-bars{height:160px;display:flex;align-items:stretch;gap:17px;padding:0 22px 0;border-bottom:1px solid var(--line)}.chart-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.chart-value{font-size:8px;color:#9ba2b2;height:24px;white-space:nowrap}.chart-track{height:104px;width:100%;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,transparent 24%,var(--line) 25%,transparent 26%,transparent 49%,var(--line) 50%,transparent 51%,transparent 74%,var(--line) 75%,transparent 76%)}.chart-track span{display:block;width:min(30px,68%);min-height:5px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#b7a2ff,#7655d9);box-shadow:0 5px 10px #8d72db20}.chart-column small{font-size:8px;color:#959daf;padding:9px 0 11px}.chart-legend{display:flex;justify-content:space-between;padding:13px 21px 0;font-size:8px;color:#9ba1b0}.chart-legend span:first-child{display:flex;align-items:center;gap:7px}.chart-legend i{width:6px;height:6px;border-radius:50%;background:#9378df}.quick-panel{padding-bottom:0}.quick-action,.tool-link{display:flex;align-items:center;gap:11px;padding:14px 20px;border-top:1px solid var(--line);transition:background .18s}.quick-action:hover,.tool-link:hover{background:var(--surface-soft)}.quick-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.quick-violet{background:#f0ebff;color:#8060d5}.quick-peach{background:#fff0e6;color:#bc7955}.quick-green{background:#e7f7ef;color:#278f68}.quick-action>span:nth-child(2),.tool-link>div{display:flex;flex-direction:column;min-width:0;flex:1}.quick-action b,.tool-link b{font-size:10px}.quick-action small,.tool-link small{font-size:9px;color:var(--muted);margin-top:3px}.quick-action>i,.tool-link>i{font-style:normal;color:#a6adbb;font-size:17px}.quick-mini-stat{display:flex;align-items:center;gap:10px;background:var(--surface-soft);padding:14px 20px;margin:9px 14px 14px;border-radius:11px}.mini-stat-icon{font-size:19px;color:var(--primary)}.quick-mini-stat>div{display:flex;flex-direction:column;flex:1}.quick-mini-stat b{font-size:15px}.quick-mini-stat small{font-size:8px;color:var(--muted)}.mini-live{font-size:7px;letter-spacing:.1em;color:#2a9a70;display:flex;align-items:center;gap:5px;font-weight:800}.mini-live i{width:5px;height:5px;border-radius:50%;background:#35b783}.table-panel{margin-bottom:18px;overflow:hidden}.table-scroll{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:normal;min-width:750px}.data-table th{padding:11px 17px;background:var(--surface-soft);border-block:1px solid var(--line);font-size:8px;text-transform:uppercase;letter-spacing:.11em;color:#9099aa;font-weight:800;white-space:nowrap}.data-table td{padding:14px 17px;border-bottom:1px solid var(--line);font-size:10px;vertical-align:middle;color:var(--text);max-width:240px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-soft)}.data-table td>b,.data-table td>small{display:block}.data-table td>b{font-size:10px}.data-table td>small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.5;overflow-wrap:anywhere}.table-primary-text{color:var(--primary)!important;font-variant-numeric:tabular-nums}.table-actions{display:flex;align-items:center;gap:5px}.table-empty{padding:38px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:11px}.table-empty>span{height:38px;width:38px;border-radius:13px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:20px;margin-bottom:5px}.table-empty b{color:var(--text);font-size:12px}.table-empty small{font-size:10px}.activity-list{padding:0 21px 14px}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-symbol{width:30px;height:30px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-content>b,.activity-content b{font-size:10px}.activity-content p{margin:4px 0;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.activity-content small{font-size:8px;color:#98a0b0}.activity-row time{font-size:8px;color:#9aa1b0;white-space:nowrap}.table-primary-text{font-weight:800}.table-panel>.panel-heading{padding-bottom:18px}.table-panel>.panel-heading .text-link{white-space:nowrap}.pagination-wrap{padding:15px 20px;border-top:1px solid var(--line)}.pagination-wrap nav{display:flex;gap:5px;align-items:center;justify-content:flex-end;font-size:10px}.pagination-wrap a,.pagination-wrap span[aria-current],.pagination-wrap span[aria-disabled]{padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.pagination-wrap span[aria-current]{background:var(--primary-soft);color:var(--primary);border-color:#d7cafa}.pagination-wrap span[aria-disabled]{opacity:.55}.app-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 31px;border-top:1px solid var(--line);font-size:9px;color:#9aa2b1;background:var(--surface)}.app-footer b{color:var(--primary);font-size:13px}.app-footer span:last-child{font-family:Georgia,serif;font-style:italic}
/* Admin tables, settings, forms */
.method-tag,.ip-chip{display:inline-flex;background:var(--surface-soft);border:1px solid var(--line);padding:5px 7px;border-radius:6px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.05em}.stacked-actions{display:flex;flex-direction:column;gap:6px;min-width:125px}.reject-form{display:flex;gap:4px}.reject-form input{width:110px;min-width:0;font-size:9px;padding:6px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text)}.person-cell{display:flex;align-items:center;gap:9px;min-width:155px}.person-cell>span:last-child{display:flex;flex-direction:column}.person-cell b{font-size:10px}.person-cell small{font-size:9px;color:var(--muted);margin-top:3px}.search-form{display:flex;gap:6px;align-items:center}.search-form input,.search-form select{height:33px;min-width:130px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:10px}.details-pop{position:relative}.details-pop summary{cursor:pointer;list-style:none}.details-pop summary::-webkit-details-marker{display:none}.mini-form{position:absolute;right:0;top:26px;width:230px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px;z-index:5;box-shadow:var(--shadow);display:grid;gap:10px}.admin-management-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:17px}.panel-form{padding:3px 21px 22px;display:grid;gap:14px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field label,.manual-token-form>label{font-size:10px;font-weight:800;color:var(--text)}.form-field small{font-size:9px;color:var(--muted);line-height:1.5}.form-field input,.form-field select,.form-field textarea,.manual-token-form input{width:100%;min-width:0;background:var(--surface);border:1px solid #e1e5ed;border-radius:10px;padding:11px 12px;color:var(--text);font-size:11px;outline:0;transition:border-color .15s,box-shadow .15s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.manual-token-form input:focus{border-color:#b9a5f4;box-shadow:0 0 0 3px #8b6de51a}.form-field input::placeholder,.form-field textarea::placeholder,.manual-token-form input::placeholder{color:#aeb5c3}.form-field textarea{resize:vertical;min-height:65px}.form-field input[type=file]{padding:9px;font-size:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);line-height:1.5}.checkbox-line input{accent-color:var(--primary);width:14px;height:14px;flex-shrink:0}.form-note{font-size:9px;color:var(--muted);line-height:1.6}.admin-list{padding:0 20px}.admin-list-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}.admin-list-row:last-child{border-bottom:0}.admin-list-row>div:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;min-width:0}.admin-list-row b{font-size:10px}.admin-list-row small{font-size:9px;color:var(--muted)}.you-tag{font-size:7px;letter-spacing:.08em;color:var(--green);background:var(--green-soft);padding:3px 5px;border-radius:4px;margin-left:4px}.admin-row-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.admin-row-actions>small{margin-bottom:2px}.subsection-heading{margin:25px 0 13px;padding-top:17px;border-top:1px solid var(--line)}.subsection-heading h3{font-size:12px;margin:0 0 4px}.subsection-heading p{font-size:9px;color:var(--muted);margin:0}.theme-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.theme-admin-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 3px 10px #1a244005}.theme-admin-card .theme-cover{height:225px;border-radius:0;padding:13px}.theme-admin-card .cover-art h3{font-size:21px}.theme-admin-card .theme-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.theme-admin-info{padding:16px}.theme-admin-title{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}.theme-admin-title h3{font-size:13px;margin:0 0 4px}.theme-admin-title small{font-size:9px;color:var(--muted)}.theme-price-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-end;margin-top:13px;padding-bottom:13px;border-bottom:1px solid var(--line)}.theme-price-row>div{display:flex;flex-direction:column}.theme-price-row strong{font-size:15px;color:var(--primary)}.theme-price-row>span{font-size:9px;color:var(--muted)}.theme-admin-info>p{font-size:10px;color:var(--muted);line-height:1.65;margin:12px 0}.theme-admin-actions{display:flex;align-items:center;justify-content:space-between;gap:7px}.theme-edit-panel{padding:0 0 18px}.theme-form-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:0}.theme-form-main{padding:0 21px 22px}.theme-form-side{background:var(--surface-soft);border-left:1px solid var(--line);padding:21px}.theme-form-side .theme-preview{position:sticky;top:95px}.theme-form-side .theme-cover{margin:17px 0 15px;height:285px}.theme-form-side .theme-cover .cover-art h3{font-size:22px}.theme-preview .eyebrow{margin-bottom:7px}.theme-preview>.form-field{margin-top:14px}.theme-active-line{margin:16px 0}.security-note{padding:13px;border-radius:12px;border:1px solid #e5e0f7;background:#f8f5ff;margin-top:18px}.security-note>span{color:var(--primary);font-size:17px;float:left;margin-right:7px}.security-note b{font-size:10px;color:#4d3b7b}.security-note p{font-size:9px;color:#7e7598;line-height:1.7;margin:5px 0 0}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:17px 21px 0;border-top:1px solid var(--line)}.features-check-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.features-check-grid label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);padding:9px;border-radius:9px;font-size:9px}.features-check-grid input{accent-color:var(--primary)}.settings-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(265px,.55fr);gap:17px;align-items:start}.settings-main{display:grid;gap:17px}.settings-main .panel{padding-bottom:22px}.settings-main .form-grid{padding:0 21px}.settings-icon{width:30px;height:30px;border:1px solid var(--line);background:var(--primary-soft);color:var(--primary);border-radius:10px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.payment-settings-list{padding:0 21px}.payment-method-editor{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.payment-method-number{font-size:10px;font-weight:850;color:#a4aabb;padding-top:11px}.payment-method-editor .form-grid{padding:0;gap:11px}.settings-side{position:sticky;top:94px;display:grid;gap:12px}.settings-side-panel{padding:20px}.settings-side-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#201b36;color:#c9b8ff;font:700 25px Georgia;margin-bottom:20px}.settings-side-panel h3{font-size:20px;margin:11px 0}.settings-side-panel>p{font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:17px}.setting-check-row{display:flex;gap:9px;align-items:flex-start;padding:13px 0;border-top:1px solid var(--line)}.setting-check-row>span{width:20px;height:20px;border-radius:7px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-size:11px;flex-shrink:0}.setting-check-row b,.setting-check-row small{display:block}.setting-check-row b{font-size:10px}.setting-check-row small{font-size:9px;color:var(--muted);margin-top:3px}.maintenance-toggle{border-top:1px solid var(--line);padding-top:15px;margin-top:8px}.settings-qris-preview{width:120px;height:120px;object-fit:contain;border:1px solid var(--line);border-radius:12px;margin-top:8px}.telemetry-table{min-width:1000px}.privacy-banner{display:flex;gap:13px;padding:17px 19px;background:#f4f0ff;border:1px solid #e3dafb;border-radius:14px;margin-bottom:18px}.privacy-icon{height:35px;width:35px;display:grid;place-items:center;background:#e9e0ff;color:#7051c8;border-radius:11px;font-size:20px;flex-shrink:0}.privacy-banner b{font-size:11px;color:#51407f}.privacy-banner p{font-size:10px;color:#7c719b;line-height:1.7;margin:5px 0 0}.ip-chip{font-family:monospace;font-size:9px}.pagination-wrap svg{width:12px;height:12px;vertical-align:middle}
/* Client dashboard */
.client-hero-card{background:linear-gradient(116deg,#28213f,#4c3a76 62%,#7c6bb5);min-height:230px;border-radius:20px;color:#fff;padding:27px 31px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:17px;box-shadow:0 15px 35px #42326120}.client-hero-card:before{content:"";position:absolute;right:-70px;top:-180px;width:390px;height:390px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 30px #ffffff06,0 0 0 70px #ffffff05}.client-hero-copy{position:relative;z-index:2}.client-hero-kicker{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.18em;color:#d0c5ef;font-weight:800}.client-hero-kicker i{height:5px;width:5px;border-radius:50%;background:#76d1ae}.client-hero-copy h2{font-family:Georgia,serif;font-size:clamp(28px,3vw,43px);font-weight:400;letter-spacing:-.045em;margin:17px 0 7px}.client-hero-copy h2 em{color:#d6c8ff;font-style:italic}.client-hero-copy>p{font-size:10px;color:#d0c9e2}.client-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px}.client-hero-countdown{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin-right:28px}.countdown-orbit{width:106px;height:106px;border:1px solid #c9b4ff66;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 7px #ffffff06;position:relative}.countdown-orbit:after{content:"";position:absolute;inset:-7px;border:1px dashed #ffffff30;border-radius:50%}.countdown-orbit span{font-size:35px;font-weight:700;letter-spacing:-.08em;line-height:1}.countdown-orbit small{font-size:7px;letter-spacing:.2em;margin-top:6px;color:#c9b8f0}.client-hero-countdown>p{font-size:10px;line-height:1.6;color:#d0c5e8;margin:0}.hero-sparkle{position:absolute;top:-24px;right:17px;font-size:29px;color:#dbcfff}.client-hero-motif{position:absolute;right:20%;bottom:-80px;font-size:220px;color:#ffffff07;font-family:Georgia,serif}.invitation-status-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.invitation-status-left{display:flex;align-items:center;gap:10px;min-width:0}.status-stamp{height:29px;width:29px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:13px;flex-shrink:0}.invitation-status-left b,.invitation-status-left small{display:block}.invitation-status-left b{font-size:10px}.invitation-status-left small{font-size:9px;color:var(--muted);margin-top:3px}.invitation-link-copy{display:flex;align-items:center;gap:8px;max-width:45%;min-width:0;background:var(--surface-soft);border:1px solid var(--line);padding:6px 7px 6px 10px;border-radius:9px}.invitation-link-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:9px;color:var(--muted)}.invitation-link-copy button{border:0;border-radius:7px;background:var(--primary-soft);color:var(--primary);height:26px;width:28px}.client-stats-grid{margin-bottom:18px}.invitation-editor-panel{padding-bottom:18px}.invitation-editor-panel form{padding:0 21px}.client-dashboard-grid{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)}.client-tools-panel{padding-bottom:15px}.client-tools-panel .panel-heading{padding-bottom:15px}.tool-link{padding:13px 19px}.template-summary{margin:17px 19px 3px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.template-summary-cover{min-height:125px;padding:14px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;color:white;position:relative;overflow:hidden}.template-summary-cover:before{content:"";position:absolute;inset:10px;border:1px solid #ffffff38;border-radius:50%;width:150px;left:50%;transform:translateX(-50%)}.template-summary-cover>span,.template-summary-cover>small{font-size:7px;letter-spacing:.2em;z-index:1}.template-summary-cover>b{font-family:Georgia,serif;font-size:20px;font-weight:400;z-index:1}.template-summary-cover i{font-weight:400}.template-summary-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:11px 13px}.template-summary-info .badge{font-size:7px}.template-summary-info>b{font-size:10px}.template-summary-info>small{font-size:9px;color:var(--muted)}.payment-guidance{display:flex;gap:17px;padding:0 21px 18px}.guidance-qris,.guidance-placeholder{width:106px;height:106px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);display:grid;place-items:center;flex-shrink:0;overflow:hidden}.guidance-qris img{width:100%;height:100%;object-fit:contain;padding:7px}.guidance-placeholder{font-size:30px;color:#b2a1e3}.guidance-copy{flex:1;min-width:0}.guidance-copy>b{font-size:11px}.guidance-copy>p{font-size:9px;color:var(--muted);line-height:1.6;margin:5px 0 9px}.bank-detail{display:inline-flex;flex-direction:column;vertical-align:top;background:var(--surface-soft);padding:8px 10px;border-radius:8px;border:1px solid var(--line);margin:0 6px 5px 0;min-width:130px}.bank-detail span{font-size:8px;color:var(--muted)}.bank-detail b{font-size:10px;margin-top:3px}.bank-detail small{font-size:8px;color:var(--muted);margin-top:2px}.payment-unconfigured{padding:8px 10px;color:#936e26;background:#fff8e8;border:1px solid #f5e7c5;border-radius:8px;font-size:9px;line-height:1.6}.proof-upload-form{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:150px}.proof-upload-form input[type=file]{max-width:180px;font-size:9px}.privacy-consent-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px 20px;border:1px solid var(--line);background:var(--surface);border-radius:15px;margin-bottom:5px}.privacy-consent-copy b{font-size:11px}.privacy-consent-copy p{font-size:9px;color:var(--muted);line-height:1.7;margin:4px 0 0;max-width:600px}.privacy-consent-card form{display:grid;gap:10px;justify-items:start;max-width:330px}.privacy-consent-card .checkbox-line{align-items:flex-start}
/* Guest list and scanner */
.guest-management-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:17px;align-items:start}.guest-add-panel{position:sticky;top:96px}.guest-add-panel .panel-form{gap:12px}.guest-list-panel{overflow:hidden}.guest-list{padding:0 19px}.guest-row{display:grid;grid-template-columns:35px minmax(100px,1fr) 92px 62px;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.guest-row:last-child{border-bottom:0}.guest-avatar{width:34px;height:34px;border-radius:12px;background:#f2edff;color:#7d5cce;display:grid;place-items:center;font-size:12px;font-weight:850}.guest-info{min-width:0}.guest-info>b{font-size:10px;display:block;overflow-wrap:anywhere}.guest-info>small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.guest-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.guest-tags .badge{font-size:7px;padding:4px 6px}.guest-qr{display:flex;flex-direction:column;align-items:center;gap:4px}.qr-code{min-height:60px;min-width:60px;display:grid;place-items:center;background:#fff;border-radius:5px}.qr-code img,.qr-code canvas{max-width:60px;max-height:60px}.guest-qr .small-link{font-size:8px}.guest-row-actions{display:flex;justify-content:flex-end;gap:5px}.guest-row-actions .icon-button{width:29px;height:29px;font-size:13px;border-radius:9px}.guest-empty{padding:60px 20px}.qr-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center}.qr-modal.open{display:flex}.qr-modal-backdrop{position:absolute;inset:0;background:#1516299c;backdrop-filter:blur(5px)}.qr-modal-card{position:relative;width:min(360px,calc(100% - 30px));padding:26px;border-radius:22px;background:var(--surface);box-shadow:0 30px 80px #080b1840;text-align:center}.qr-modal-card h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:12px 0 20px}.qr-modal-close{position:absolute;right:14px;top:14px}.qr-modal-code{width:200px;height:200px;margin:0 auto 17px;padding:8px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px}.qr-modal-code img,.qr-modal-code canvas{max-width:180px;max-height:180px}.qr-modal-card>p{font-size:10px;color:var(--muted);line-height:1.7}.scanner-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:17px;align-items:start}.scanner-panel{padding-bottom:20px}.scanner-live{font-size:8px;letter-spacing:.13em;color:var(--green);display:flex;align-items:center;gap:7px;font-weight:850}.scanner-live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #31a77920}.scanner-frame{position:relative;background:#111526;border-radius:15px;overflow:hidden;width:calc(100% - 42px);margin:0 21px;min-height:330px;display:grid;place-items:center}.scanner-placeholder{display:flex;flex-direction:column;align-items:center;color:#d1c9e9;gap:9px;padding:55px 15px}.scanner-reticle{height:65px;width:65px;display:grid;place-items:center;border:1px solid #9f88e5;border-radius:16px;color:#b8a4ff;font-size:35px}.scanner-placeholder b{font-size:12px}.scanner-placeholder small{font-size:9px;color:#858ba8;text-align:center}.scanner-controls{display:flex;gap:8px;margin:15px 21px 20px}.manual-token-form{margin:0 21px;display:grid;gap:7px}.manual-token-form>div{display:flex;gap:7px}.manual-token-form input{flex:1}.manual-token-form>small{font-size:8px;color:var(--muted)}.scanner-feedback{margin:15px 21px 0;padding:11px 13px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--line);font-size:10px;color:var(--muted)}.scanner-feedback.success{background:var(--green-soft);border-color:#cceedd;color:#17754f}.scanner-feedback.error{background:var(--rose-soft);border-color:#f3d5df;color:#a93d5b}.scanner-summary{padding:21px}.scanner-summary-top{display:flex;align-items:center;gap:13px}.scanner-summary-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--green-soft);color:var(--green);font-size:19px}.scanner-summary-top>div{display:flex;flex-direction:column;gap:4px}.scanner-summary-top small{font-size:8px;letter-spacing:.15em;color:var(--muted);font-weight:800}.scanner-summary-top strong{font-size:28px;letter-spacing:-.05em}.summary-separator{height:1px;background:var(--line);margin:19px 0}.scanner-summary h3{font-size:13px;margin:0 0 11px}.scanner-summary ul{margin:0;padding-left:16px;color:var(--muted);font-size:10px;line-height:1.8}.scanner-summary li{margin:6px 0}.scanner-summary-bottom{display:flex;align-items:center;gap:8px;background:var(--surface-soft);padding:11px;border-radius:9px;margin-top:19px;font-size:8px;color:var(--muted)}
/* Order flow */
.order-page{display:grid;grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);align-items:start;gap:55px;max-width:1400px;margin:auto;padding-top:64px;padding-bottom:90px}.order-intro{position:sticky;top:100px;padding-top:25px}.order-intro h1{font-size:clamp(44px,4.5vw,63px);margin:19px 0;line-height:.99;letter-spacing:-.06em}.order-intro h1 em{font-size:1.13em}.order-intro>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:340px}.secure-note{display:flex;gap:9px;align-items:flex-start;padding:13px;margin-top:27px;background:#f0ebff;border:1px solid #e0d7fc;color:#76629e;border-radius:12px;font-size:9px;line-height:1.7;max-width:340px}.secure-note>span{font-size:16px}.order-wizard{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.wizard-progress{display:flex;align-items:center;padding:19px 25px;border-bottom:1px solid var(--line);background:var(--surface-soft)}.wizard-step{display:flex;align-items:center;gap:8px;color:#a1a8b8;white-space:nowrap}.wizard-step>span{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;font-size:8px;font-weight:850;background:var(--surface)}.wizard-step>b{font-size:9px}.wizard-step.active{color:var(--primary)}.wizard-step.active>span,.wizard-step.done>span{background:var(--primary);color:#fff;border-color:var(--primary)}.wizard-step.done{color:var(--green)}.wizard-progress>i{height:1px;background:var(--line);flex:1;min-width:10px;margin:0 9px}.wizard-panel{display:none;padding:26px}.wizard-panel.active{display:block;animation:panel-in .22s ease}@keyframes panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.wizard-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px}.wizard-panel-heading small{font-size:8px;letter-spacing:.15em;color:var(--primary);font-weight:850}.wizard-panel-heading h2{font-size:19px;margin:8px 0}.wizard-panel-heading p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.wizard-count{font-size:9px;color:var(--muted);background:var(--surface-soft);padding:7px 9px;border:1px solid var(--line);border-radius:8px;white-space:nowrap}.wizard-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wizard-theme-option{display:block;border:1px solid var(--line);padding:7px;border-radius:13px;cursor:pointer;position:relative;transition:.18s}.wizard-theme-option:hover{border-color:#c6b5fb;transform:translateY(-2px)}.wizard-theme-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px #8264dc1e;background:#fbf9ff}.wizard-theme-option>input{position:absolute;opacity:0;pointer-events:none}.wizard-theme-option .theme-cover{height:132px;border-radius:8px;padding:8px}.cover-mini-tag{align-self:flex-start;font-size:6px;letter-spacing:.1em;background:#ffffff24;padding:4px 6px;border-radius:5px}.cover-mini-title{font-family:Georgia,serif;font-size:16px;text-align:center;margin:auto 0}.cover-mini-heart{align-self:flex-end;font-size:13px}.wizard-theme-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:10px 2px 5px}.wizard-theme-meta b{font-size:10px}.wizard-theme-meta strong{font-size:10px;color:var(--primary);white-space:nowrap}.wizard-theme-option>small{display:block;color:var(--muted);font-size:8px;line-height:1.5;margin:0 2px 4px}.wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.wizard-footer>.muted{font-size:9px}.payment-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.payment-choice{border:1px solid var(--line);border-radius:13px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;cursor:pointer}.payment-choice:has(input:checked){border-color:var(--primary);background:#fbf9ff;box-shadow:0 0 0 2px #8264dc1b}.payment-choice input{accent-color:var(--primary)}.payment-choice-icon{font-size:25px;color:var(--primary)}.payment-choice b{font-size:11px}.payment-choice small{font-size:9px;color:var(--muted)}.order-reassurance{display:flex;gap:11px;padding:13px;background:var(--green-soft);border:1px solid #d5efe2;border-radius:12px;margin-top:18px}.order-reassurance>span{width:22px;height:22px;border-radius:7px;background:#d1f0e0;color:#20845e;display:grid;place-items:center;flex-shrink:0}.order-reassurance b{font-size:10px;color:#176f4e}.order-reassurance p{font-size:9px;color:#53826e;line-height:1.6;margin:4px 0 0}.slug-input{display:flex;align-items:center;border:1px solid #e1e5ed;border-radius:10px;overflow:hidden;background:var(--surface-soft)}.slug-input>span{font-size:9px;white-space:nowrap;color:var(--muted);padding:0 8px}.slug-input input{border:0;border-radius:0;background:transparent;min-width:60px}.slug-input:focus-within{border-color:#b9a5f4;box-shadow:0 0 0 3px #8b6de51a}.slug-input input:focus{box-shadow:none}.slug-input:focus-within{outline:0}
/* Authentication and wedding invitation */
.auth-section{min-height:calc(100vh - 140px);display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.auth-art{padding:65px 10%;background:linear-gradient(140deg,#231c39,#4a396f 70%,#6b5b91);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:650px}.auth-art:after{content:"✧";font-family:Georgia,serif;position:absolute;right:8%;top:6%;font-size:110px;color:#ffffff0d}.auth-art .eyebrow{color:#c2b2f4}.auth-art h1{font-size:clamp(40px,4.5vw,63px);font-weight:500;margin:22px 0 14px;line-height:1.02}.auth-art h1 em{color:#d4c7ff}.auth-art>p{font-size:12px;color:#c2bad9;max-width:330px;line-height:1.8}.auth-art-card{align-self:center;margin:30px 0 15px;width:min(320px,90%);height:255px;border:1px solid #ffffff40;outline:1px solid #ffffff18;outline-offset:8px;background:linear-gradient(140deg,#e9dcd1,#f6eae0 52%,#c7b7ce);color:#635366;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;box-shadow:0 25px 70px #110b2580;transform:rotate(-3deg);position:relative}.auth-art-card:before{content:"";position:absolute;inset:12px;border:1px solid #a78eae65}.auth-art-card span,.auth-art-card small{font-size:7px;letter-spacing:.22em;z-index:1}.auth-art-card h2{font:400 34px Georgia,serif;margin:0;z-index:1}.auth-art-card h2 i{font-size:19px;color:#a77c9b}.auth-art-card>div{font-size:9px;letter-spacing:.16em;z-index:1}.auth-art-footer{position:absolute;bottom:27px;left:10%;font-size:8px;letter-spacing:.2em;color:#a49abf}.auth-form-side{display:grid;place-items:center;padding:55px 30px;background:var(--surface)}.auth-form{width:min(390px,100%)}.auth-form .eyebrow{margin-bottom:18px}.auth-form h2{font-size:40px;line-height:1.04;margin:0 0 12px}.auth-form h2 em{font-size:1.08em}.auth-form>p{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:28px}.auth-form form{display:grid;gap:16px}.auth-form .button{margin-top:5px}.auth-switch{font-size:10px;color:var(--muted);text-align:center;margin:21px 0}.auth-switch a{color:var(--primary);font-weight:800}.auth-secure{text-align:center;border-top:1px solid var(--line);padding-top:17px;font-size:9px;line-height:1.6;color:#9ba2b1}.auth-form .checkbox-line{margin-top:-3px}.auth-register-section .auth-art-card{transform:rotate(3deg)}.wedding-page{background:#f9f4eb;color:#4d4642;min-height:100vh;font-family:Georgia,"Times New Roman",serif}.wedding--emerald{background:#f0f4ed;color:#374e42}.wedding--rose{background:#fbf0f2;color:#604652}.wedding--blue{background:#eff5f8;color:#344c60}.wedding--midnight{background:#181d2b;color:#f1e8d8}.wedding--terracotta{background:#fbf0e9;color:#6c483c}.wedding--violet{background:#f5f0fb;color:#4b3c63}.wedding--amber{background:#faf2e4;color:#684a32}.wedding--pastel{background:#fcf2f1;color:#70566b}.wedding-topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;font-family:Inter,sans-serif;border-bottom:1px solid currentColor; border-color:#b7a79755}.wedding-brand{font-size:12px;font-weight:900;letter-spacing:.15em}.wedding-brand span{font-size:7px;display:block;letter-spacing:.25em;margin-top:3px;opacity:.65}.wedding-topbar>span{font-size:7px;letter-spacing:.2em;opacity:.65}.wedding-rsvp-link{font-family:Inter,sans-serif;font-size:9px;font-weight:800;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:5px}.wedding-rsvp-link span{margin-left:7px}.wedding-hero{min-height:700px;padding:85px 20px 55px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.wedding-hero:before,.wedding-hero:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(18deg);height:570px;width:360px;border:1px solid #af987e4a;border-radius:50%;pointer-events:none}.wedding-hero:after{transform:translate(-50%,-50%) rotate(-18deg);height:540px;width:330px}.wedding-ornament{font-size:38px;color:#b4978d;z-index:1}.wedding-eyebrow,.wedding-section-label{font-family:Inter,sans-serif;font-size:8px;letter-spacing:.26em;font-weight:800;opacity:.7;z-index:1}.wedding-hero h1{font-size:clamp(38px,7vw,79px);line-height:1.08;font-weight:400;letter-spacing:-.045em;margin:25px 0;z-index:1}.wedding-hero h1 em{color:inherit;font-style:italic}.wedding-hero h1>span{color:#b38a7e;font-style:italic;font-size:.65em}.wedding-rule{display:flex;align-items:center;gap:13px;color:#b18c80;font-size:18px;z-index:1}.wedding-rule span{width:60px;height:1px;background:#b18c805f}.wedding-date{font-size:12px;letter-spacing:.2em;margin:19px 0 10px;z-index:1}.wedding-quote{font-size:13px;line-height:1.7;font-style:italic;max-width:390px;opacity:.72;z-index:1}.wedding-guest-greeting{display:flex;flex-direction:column;gap:5px;background:#ffffff99;border:1px solid #b7a79755;border-radius:12px;padding:13px 20px;margin:13px 0;z-index:1}.wedding-guest-greeting>b{font-size:21px;font-weight:400}.wedding-guest-greeting small{font:10px Inter,sans-serif;opacity:.7}.button-wedding{margin-top:19px;border:1px solid #9c837e78;color:inherit;background:#ffffff4a;font:800 9px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;z-index:1}.wedding-scroll-mark{position:absolute;bottom:22px;font:8px Inter,sans-serif;letter-spacing:.2em;opacity:.6}.wedding-scroll-mark span{display:block;font-size:16px;margin-top:6px}.wedding-details{padding:80px 8% 92px;max-width:1000px;margin:auto;border-top:1px solid #b7a79755;text-align:center}.wedding-section-label{display:block}.wedding-details h2,.wedding-rsvp-section h2{font-size:clamp(35px,5vw,56px);font-weight:400;margin:15px 0 36px}.wedding-details h2 em,.wedding-rsvp-section h2 em{color:inherit}.wedding-date-card{max-width:570px;margin:0 auto 32px;display:flex;align-items:center;gap:24px;text-align:left;border:1px solid #b7a79769;padding:20px 25px;background:#ffffff49}.wedding-date-card>div{min-width:100px;display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #b7a79769;padding-right:23px}.wedding-date-card small{font:8px Inter,sans-serif;letter-spacing:.13em}.wedding-date-card strong{font-size:45px;font-weight:400;line-height:1}.wedding-date-card p{font-size:12px;line-height:1.8;margin:0;opacity:.75}.wedding-event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;text-align:left}.wedding-event-grid article{padding:25px;border:1px solid #b7a79769;background:#ffffff45;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.wedding-event-grid article>span{font:8px Inter,sans-serif;letter-spacing:.17em;opacity:.6}.wedding-event-grid h3{font:400 25px Georgia,serif;margin:3px 0}.wedding-event-grid p{font-size:12px;margin:0}.wedding-event-grid strong{font-size:12px;font-weight:400}.wedding-event-grid small{font:10px Inter,sans-serif;opacity:.68;line-height:1.7}.wedding-rsvp-section{padding:82px 20px 95px;background:#eae2db66;text-align:center}.wedding-rsvp-section>p{font:11px Inter,sans-serif;color:inherit;opacity:.72}.wedding-rsvp-form{width:min(430px,100%);margin:30px auto 0;text-align:left;display:grid;gap:15px}.wedding-page .form-field label{font:9px Inter,sans-serif;letter-spacing:.06em}.wedding-page .form-field input,.wedding-page .form-field select,.wedding-page .form-field textarea{border-color:#b7a79778;background:#ffffff82;color:#433b38;border-radius:7px;font-family:Inter,sans-serif}.wedding-page .button-primary{font-family:Inter,sans-serif}.wedding-footer{text-align:center;padding:65px 15px 35px}.wedding-footer .wedding-ornament{margin-bottom:20px}.wedding-footer h2{font-size:clamp(30px,5vw,49px);font-weight:400;margin:15px 0}.wedding-footer h2 em{color:inherit}.wedding-footer p{font-size:12px;opacity:.75}.wedding-footer>small{display:block;margin-top:30px;font:8px Inter,sans-serif;letter-spacing:.1em;opacity:.55}.wedding--midnight .wedding-topbar,.wedding--midnight .wedding-details{border-color:#ffffff20}.wedding--midnight .wedding-hero:before,.wedding--midnight .wedding-hero:after{border-color:#d7c2a534}.wedding--midnight .wedding-date-card,.wedding--midnight .wedding-event-grid article{background:#ffffff08;border-color:#ffffff25}.wedding--midnight .wedding-rsvp-section{background:#ffffff08}.wedding--midnight .wedding-page .form-field input,.wedding--midnight .form-field select,.wedding--midnight .form-field textarea{background:#ffffff0a;color:#f1e8d8;border-color:#ffffff35}
/* Empty states, privacy */
.empty-state{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted);font-size:11px;background:var(--surface);border:1px dashed var(--line);border-radius:16px}.you-tag{vertical-align:middle}.table-empty small{line-height:1.7}.form-actions .form-note{margin-right:auto}
/* Theme modes */
html[data-theme="dark"]{--bg:#0f1320;--surface:#171c2a;--surface-soft:#1d2333;--text:#eef0f6;--muted:#9ba4b8;--line:#2a3143;--primary:#b09aff;--primary-deep:#c9bcff;--primary-soft:#2b2541;--green-soft:#172f2b;--amber-soft:#362d1e;--rose-soft:#38232d;--shadow:0 18px 48px #0002;color-scheme:dark}html[data-theme="dark"] .public-nav,html[data-theme="dark"] .trust-strip,html[data-theme="dark"] .steps-section,html[data-theme="dark"] .public-footer{background:var(--surface)}html[data-theme="dark"] .hero-section{background:radial-gradient(ellipse at 74% 44%,#29213f 0%,transparent 40%),linear-gradient(130deg,#151928,#151927 55%,#1d1930)}html[data-theme="dark"] .hero-copy h1,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .steps-section h2,html[data-theme="dark"] .closing-cta h2{color:#f1eff8}html[data-theme="dark"] .collection-section{background:#121725}html[data-theme="dark"] .closing-cta{background:radial-gradient(ellipse at center,#211c35,#151927 60%)}html[data-theme="dark"] .stat-card.stat-accent{background:linear-gradient(145deg,#211e31,#171c2a);border-color:#3a3156}html[data-theme="dark"] .flash-success{background:#172f2b;color:#a9ebcc;border-color:#244a3e}html[data-theme="dark"] .flash-error{background:#38232d;color:#f2b4c5;border-color:#55303f}html[data-theme="dark"] .privacy-banner{background:#221d35;border-color:#3b3155}html[data-theme="dark"] .privacy-banner b{color:#d0c2ff}html[data-theme="dark"] .privacy-banner p{color:#b5a9d3}html[data-theme="dark"] .secure-note{background:#26203a;border-color:#3a3154;color:#c3b4ed}html[data-theme="dark"] .security-note{background:#242035;border-color:#3a3154}html[data-theme="dark"] .security-note b{color:#d1c3ff}html[data-theme="dark"] .security-note p{color:#b7accf}html[data-theme="dark"] .payment-unconfigured{background:#382f20;border-color:#5a4829;color:#e5c07f}html[data-theme="dark"] .order-reassurance{background:#172f2b;border-color:#274c40}html[data-theme="dark"] .order-reassurance b{color:#a8e6c6}html[data-theme="dark"] .order-reassurance p{color:#9dc9b4}html[data-theme="dark"] .auth-art{background:linear-gradient(140deg,#171325,#302448 70%,#40365a)}html[data-theme="dark"] .wedding-page{filter:none}html[data-theme="dark"] .wedding--midnight{background:#181d2b}html[data-theme="dark"] .wedding-page:not(.wedding--midnight){color:#4d4642}
html[data-theme="hack"]{--bg:#050706;--surface:#0b100d;--surface-soft:#111813;--text:#d8ffe2;--muted:#7fa18a;--line:#1d3425;--primary:#00ff62;--primary-deep:#5eff98;--primary-soft:#102a19;--green:#00ff62;--green-soft:#102a19;--amber-soft:#2c2412;--rose-soft:#2b141a;--shadow:0 0 0 1px #00ff6215;--radius:8px;color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}html[data-theme="hack"] .sidebar{background:#020503;border-right:1px solid #164d27}html[data-theme="hack"] .brand-mark{background:#001f0a;color:#00ff62;box-shadow:0 0 22px #00ff6233}html[data-theme="hack"] .panel,html[data-theme="hack"] .stat-card,html[data-theme="hack"] .topbar,html[data-theme="hack"] .public-nav{box-shadow:none;border-radius:8px}html[data-theme="hack"] .button-primary{background:#073d1b;color:#8dffad;box-shadow:none;border:1px solid #1a7d3d}html[data-theme="hack"] .eyebrow,html[data-theme="hack"] em,html[data-theme="hack"] .text-link,html[data-theme="hack"] .small-link{color:#00ff62}html[data-theme="hack"] .cover--violet,html[data-theme="hack"] .cover--emerald,html[data-theme="hack"] .cover--rose,html[data-theme="hack"] .cover--amber,html[data-theme="hack"] .cover--blue,html[data-theme="hack"] .cover--midnight,html[data-theme="hack"] .cover--terracotta,html[data-theme="hack"] .cover--pastel{filter:saturate(.65)}html[data-theme="hack"] .hero-section,html[data-theme="hack"] .collection-section,html[data-theme="hack"] .steps-section,html[data-theme="hack"] .closing-cta{background:var(--bg)}html[data-theme="hack"] .hero-copy h1,html[data-theme="hack"] h1,html[data-theme="hack"] h2,html[data-theme="hack"] h3{letter-spacing:-.02em}html[data-theme="hack"] .status-pulse{background:#00ff62;box-shadow:0 0 0 4px #00ff6218}html[data-theme="hack"] .privacy-banner{background:#101c14;border-color:#1c5b30}html[data-theme="hack"] .privacy-banner b,html[data-theme="hack"] .privacy-banner p{color:#a2ffba}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:1200px){.hero-section{padding-inline:6%;grid-template-columns:minmax(320px,1fr) minmax(320px,.9fr)}.hero-copy h1{font-size:58px}.hero-art{transform:scale(.9)}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.theme-cover{height:330px}.theme-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:220px;flex-basis:220px}.workspace-main{margin-left:220px}.page-content{padding-inline:24px}.topbar{padding-inline:24px}.app-footer{padding-inline:24px}.guest-management-grid{grid-template-columns:270px minmax(0,1fr)}.guest-row{grid-template-columns:34px minmax(80px,1fr) 70px 58px;gap:8px}.guest-qr .qr-code{transform:scale(.85)}}
@media(max-width:980px){.public-nav{padding-inline:22px}.public-nav nav{gap:15px}.hero-section{grid-template-columns:1fr;gap:0;padding:70px 8% 20px}.hero-copy{max-width:700px;padding-bottom:0}.hero-art{height:510px;margin-top:5px;transform:none}.phone-mockup{transform:rotate(2deg) scale(.88)}.trust-strip{padding-inline:5%;grid-template-columns:repeat(2,1fr);row-gap:20px}.feature-band{grid-template-columns:1fr;gap:40px}.order-page{grid-template-columns:1fr;gap:25px;padding-top:35px}.order-intro{position:relative;top:auto;padding-top:0}.order-intro h1 br{display:none}.order-intro>p{max-width:600px}.secure-note{max-width:600px;margin-top:15px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.client-dashboard-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-side{position:relative;top:auto;grid-template-columns:1fr}.theme-form-layout{grid-template-columns:1fr}.theme-form-side{border-left:0;border-top:1px solid var(--line)}.theme-form-side .theme-preview{position:relative;top:auto}.theme-form-side .theme-preview .theme-cover{max-width:350px}.scanner-layout{grid-template-columns:1fr}.scanner-summary{order:-1}.scanner-summary-top{display:inline-flex}.admin-management-grid{grid-template-columns:1fr}.guest-management-grid{grid-template-columns:1fr}.guest-add-panel{position:relative;top:auto}.guest-add-panel .panel-form{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-add-panel .panel-form .form-field:first-of-type,.guest-add-panel .panel-form .form-note,.guest-add-panel .panel-form button{grid-column:1/-1}.guest-add-panel .panel-form .form-grid{grid-column:1/-1}.auth-section{grid-template-columns:.85fr 1.15fr}.auth-art{padding-inline:8%}.auth-art h1{font-size:44px}}
@media(max-width:720px){.public-nav{height:68px;padding-inline:16px;gap:10px}.brand-mark{width:35px;height:35px}.brand-copy b{font-size:15px}.public-nav nav{display:none}.public-nav-actions{gap:6px}.public-nav-actions .button{font-size:10px;padding:8px 10px}.public-nav-actions .nav-login{display:none}.hero-section{padding:55px 22px 20px;min-height:0}.hero-copy h1{font-size:clamp(42px,12vw,61px)}.hero-description{font-size:12px}.hero-actions{gap:6px}.hero-actions .button{font-size:11px;padding:12px}.hero-social-proof{margin-top:24px}.hero-art{height:420px;margin-top:10px;overflow:visible}.art-glow{width:300px;height:300px}.orbit-one{width:300px;height:400px}.orbit-two{width:360px;height:330px}.phone-mockup{transform:scale(.74) rotate(3deg);transform-origin:center}.floating-note{padding:9px 10px;min-width:145px;gap:7px}.note-one{right:-2px;top:45px}.note-two{left:-3px;bottom:43px}.floating-note b{font-size:9px}.floating-note small{font-size:8px}.note-icon{width:27px;height:27px}.caption-top{top:12px;left:0}.caption-bottom{bottom:3px;right:0;font-size:7px}.hero-bottom-line{font-size:7px;gap:8px}.hero-scroll{display:none}.trust-strip{padding:24px 15px;gap:17px 8px}.trust-strip>div{justify-content:flex-start;gap:8px}.trust-icon{width:32px;height:32px;border-radius:10px;font-size:15px}.trust-strip b{font-size:9px}.trust-strip small{font-size:8px}.section{padding:65px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}.section-heading h2,.steps-section h2{font-size:40px}.section-heading-side{max-width:450px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.theme-cover{height:250px;padding:12px}.cover-art h3{font-size:19px}.cover-flower{font-size:28px;margin-bottom:14px}.theme-card-info{flex-direction:column;gap:7px;padding-top:11px}.theme-card-info p{max-width:none}.price-block{align-items:flex-start;flex-direction:row-reverse;justify-content:flex-end;gap:8px}.price-block strong{font-size:12px}.collection-cta{gap:8px;flex-wrap:wrap;margin-top:30px}.collection-cta p{font-size:7px}.cta-line{max-width:30px}.feature-band{padding:65px 22px;gap:28px}.feature-band h2{font-size:41px}.feature-item{grid-template-columns:19px 37px 1fr 15px;gap:9px;padding:16px 0}.feature-item-icon{width:36px;height:36px}.feature-item h3{font-size:12px}.feature-item p{font-size:9px}.steps-section{padding:65px 22px}.steps-section h2{margin-bottom:32px}.steps-grid{grid-template-columns:1fr;gap:24px}.step-card{padding:0}.step-illustration{height:110px;margin:10px 0 16px;font-size:56px}.step-card p{max-width:none}.closing-cta{padding:70px 20px}.closing-cta h2{font-size:52px}.public-footer{padding:25px 20px 16px}.footer-main{align-items:flex-start;gap:12px;flex-direction:column}.footer-main p{font-size:9px}.footer-meta{gap:9px;flex-direction:column;font-size:8px}.workspace{display:block}.sidebar{transform:translateX(-103%);transition:transform .24s;box-shadow:12px 0 30px #090d1d25;width:250px;z-index:60}.sidebar.open{transform:translateX(0)}.workspace-main{margin-left:0}.topbar{height:64px;padding:0 14px;gap:9px}.mobile-menu{display:inline-grid;flex-shrink:0}.crumb{gap:6px;flex:1;min-width:0}.crumb span{display:none}.crumb i{display:none}.crumb b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:5px}.topbar-actions>.icon-button{width:31px;height:31px;font-size:14px}.top-user{gap:6px;padding:0}.top-user .avatar{width:30px;height:30px;border-radius:10px}.top-user>span:last-child{display:none}.logout-link{font-size:9px;margin:0;padding:5px}.page-content{padding:22px 14px 35px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px;gap:14px}.page-heading h1{font-size:30px;margin:8px 0}.page-heading>div>p{font-size:10px;line-height:1.7}.page-heading>.button,.page-heading>.heading-chip{align-self:flex-start}.stats-grid{gap:9px;margin-bottom:13px}.stat-card{padding:13px;border-radius:13px}.stat-top{font-size:9px;align-items:flex-start}.stat-icon{width:27px;height:27px;border-radius:9px;font-size:13px}.stat-number{font-size:26px;margin:11px 0 7px}.stat-money{font-size:16px}.stat-foot{font-size:8px;line-height:1.45}.dashboard-grid{gap:13px;margin-bottom:13px}.panel{border-radius:14px}.panel-heading{padding:16px 14px 13px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.panel-pill,.filter-chip{font-size:7px;padding:6px}.chart-bars{height:135px;gap:7px;padding:0 12px}.chart-track{height:85px}.chart-value{font-size:7px}.chart-legend{padding:11px 14px 0;font-size:7px}.revenue-summary{padding-inline:14px}.revenue-summary strong{font-size:23px}.quick-action{padding:12px 14px;gap:9px}.quick-mini-stat{margin:8px;padding:11px}.quick-action b{font-size:9px}.quick-action small{font-size:8px}.table-panel .panel-heading{align-items:flex-start}.data-table th,.data-table td{padding:11px 12px}.activity-list{padding-inline:14px}.activity-row{gap:8px}.activity-row time{display:none}.activity-content p{font-size:9px}.app-footer{padding:15px;gap:5px;flex-direction:column;align-items:flex-start;font-size:8px}.admin-management-grid,.settings-layout{gap:13px}.panel-form{padding-inline:14px}.admin-list{padding-inline:14px}.admin-list-row{align-items:flex-start;flex-wrap:wrap}.admin-row-actions{margin-left:auto}.theme-admin-grid{grid-template-columns:1fr 1fr;gap:10px}.theme-admin-card .theme-cover{height:180px;padding:10px}.theme-admin-card .cover-art h3{font-size:17px}.theme-admin-info{padding:11px}.theme-admin-title{flex-direction:column;align-items:flex-start}.theme-admin-title h3{font-size:11px}.theme-admin-title small{font-size:8px;overflow-wrap:anywhere}.theme-price-row{margin-top:9px;padding-bottom:9px;flex-direction:column;align-items:flex-start;gap:2px}.theme-price-row strong{font-size:13px}.theme-admin-info>p{font-size:9px}.theme-admin-actions{flex-wrap:wrap}.theme-admin-actions .button{padding:6px 8px;font-size:9px}.theme-form-main{padding:0 14px 18px}.theme-form-side{padding:16px}.theme-form-layout .panel-heading{padding-inline:0}.form-grid{gap:12px}.form-field input,.form-field select,.form-field textarea{padding:10px;font-size:11px}.features-check-grid{grid-template-columns:repeat(2,1fr)}.form-actions{padding-inline:14px}.settings-main .form-grid{padding-inline:14px}.settings-side-panel{padding:16px}.payment-settings-list{padding-inline:14px}.payment-method-editor{grid-template-columns:22px 1fr;gap:7px}.payment-method-editor .form-grid{padding:0}.search-form{width:100%;flex-wrap:wrap}.search-form input{flex:1;min-width:120px}.search-form select{flex:1;min-width:100px}.panel-heading:has(.search-form){flex-direction:column;align-items:stretch}.privacy-banner{padding:13px;gap:10px}.privacy-banner p{font-size:9px}.client-hero-card{padding:22px 18px;min-height:0;gap:15px;align-items:flex-start}.client-hero-copy h2{font-size:29px}.client-hero-copy>p{font-size:9px;line-height:1.6}.client-hero-actions{gap:6px}.client-hero-actions .button{font-size:9px;padding:8px}.client-hero-countdown{margin:0;align-self:center;flex-direction:column;gap:5px}.countdown-orbit{width:74px;height:74px}.countdown-orbit span{font-size:24px}.countdown-orbit small{font-size:6px}.client-hero-countdown>p{font-size:8px;text-align:center}.invitation-status-row{flex-direction:column;align-items:stretch;padding:12px;gap:12px}.invitation-link-copy{max-width:100%}.invitation-status-left b{font-size:9px}.invitation-status-left small{font-size:8px}.client-dashboard-grid{gap:13px}.invitation-editor-panel form{padding-inline:14px}.invitation-editor-panel .panel-heading{padding-inline:14px}.payment-guidance{padding-inline:14px;gap:10px}.guidance-qris,.guidance-placeholder{width:76px;height:76px}.guidance-copy>p{font-size:8px}.bank-detail{min-width:110px}.privacy-consent-card{grid-template-columns:32px minmax(0,1fr);padding:14px;gap:9px}.privacy-consent-card form{grid-column:1/-1;padding-top:7px;border-top:1px solid var(--line);width:100%;max-width:none}.guest-add-panel .panel-form{grid-template-columns:1fr;padding-inline:14px}.guest-add-panel .panel-form .form-field:first-of-type,.guest-add-panel .panel-form .form-note,.guest-add-panel .panel-form button,.guest-add-panel .panel-form .form-grid{grid-column:auto}.guest-list{padding-inline:11px}.guest-row{grid-template-columns:31px minmax(80px,1fr) 55px;gap:7px;padding:12px 0}.guest-qr{display:none}.guest-row-actions{gap:4px}.guest-row-actions .icon-button{height:27px;width:27px}.guest-info b{font-size:9px}.guest-tags .badge{font-size:6px}.scanner-frame{width:calc(100% - 28px);margin-inline:14px;min-height:260px}.scanner-controls{margin-inline:14px;flex-wrap:wrap}.manual-token-form{margin-inline:14px}.manual-token-form>div{flex-direction:column}.scanner-feedback{margin-inline:14px}.scanner-summary{padding:16px}.order-page{padding:40px 14px 55px;gap:22px}.order-intro h1{font-size:46px}.order-intro h1 br{display:block}.wizard-progress{padding:14px 12px}.wizard-step{gap:5px}.wizard-step>span{width:23px;height:23px;border-radius:7px}.wizard-step>b{font-size:8px}.wizard-progress>i{margin:0 5px;min-width:3px}.wizard-panel{padding:16px 13px}.wizard-panel-heading h2{font-size:17px}.wizard-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wizard-theme-option .theme-cover{height:112px}.wizard-theme-meta{flex-direction:column;align-items:flex-start}.wizard-theme-option>small{display:none}.wizard-footer{margin-top:17px;padding-top:17px}.wizard-footer>.muted{display:none}.slug-input>span{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:8px}.slug-input input{padding-inline:5px}.payment-choice-grid{gap:8px}.payment-choice{padding:12px}.payment-choice small{font-size:8px}.order-reassurance{padding:11px}.order-reassurance p{font-size:8px}.auth-section{grid-template-columns:1fr}.auth-art{min-height:360px;padding:45px 25px}.auth-art h1{font-size:43px;margin:15px 0}.auth-art>p{font-size:10px}.auth-art-card{height:180px;width:240px;margin:18px 0 0;gap:10px}.auth-art-card h2{font-size:26px}.auth-art-footer{bottom:14px;left:25px;font-size:7px}.auth-art:after{font-size:50px}.auth-form-side{padding:44px 23px}.auth-form h2{font-size:34px}.auth-form>p{font-size:10px}.wedding-topbar{padding:16px 17px}.wedding-topbar>span{display:none}.wedding-hero{padding:60px 14px 55px;min-height:620px}.wedding-hero:before,.wedding-hero:after{height:450px;width:280px}.wedding-hero h1{font-size:clamp(38px,11vw,60px)}.wedding-date-card{padding:14px;gap:14px}.wedding-date-card>div{min-width:75px;padding-right:13px}.wedding-date-card strong{font-size:34px}.wedding-date-card p{font-size:10px}.wedding-event-grid{grid-template-columns:1fr}.wedding-event-grid article{padding:19px}.wedding-details{padding:60px 18px}.wedding-rsvp-section{padding:60px 18px}.wedding-footer{padding:48px 15px 28px}}
@media(max-width:390px){.brand-copy small{font-size:7px}.public-nav-actions .icon-button{display:none}.hero-actions .button-large{width:100%}.hero-art{height:380px}.phone-mockup{transform:scale(.68) rotate(3deg)}.note-one{right:-4px}.note-two{left:-4px}.theme-cover{height:215px}.theme-card-info h3{font-size:11px}.theme-card-info p{font-size:9px}.price-block{gap:5px}.price-block strong{font-size:11px}.topbar-actions{gap:3px}.topbar-actions>.icon-button{width:28px;height:28px}.logout-link{font-size:8px;padding:3px}.client-hero-card{display:block}.client-hero-countdown{position:absolute;right:12px;bottom:15px;transform:scale(.82);transform-origin:bottom right}.client-hero-copy{padding-bottom:45px}.client-hero-copy h2{font-size:27px}.guest-row{grid-template-columns:29px minmax(80px,1fr) 54px}.wizard-step>b{font-size:7px}.wizard-panel{padding-inline:10px}}