@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg: #f6f1e9;--bg-accent: #e9efe6;--panel: rgba(255, 252, 247, .85);--panel-strong: rgba(255, 252, 247, .98);--ink: #132220;--muted: #5b6b68;--line: rgba(19, 34, 32, .12);--brand: #0f8a63;--brand-deep: #0d5d44;--sun: #f2b15e;--danger: #b44f3d;--shadow: 0 18px 48px rgba(28, 39, 37, .12);font-family:IBM Plex Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(242,177,94,.38),transparent 35%),radial-gradient(circle at top right,rgba(15,138,99,.22),transparent 28%),linear-gradient(180deg,#f8f4ec,#f0f5ef)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}code{display:inline-block;max-width:100%;font-family:Space Grotesk,monospace;background:#0f8a6314;border-radius:12px;overflow-wrap:anywhere;padding:.2rem .45rem}.screen-center{min-height:100vh;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.screen-center--error{gap:1rem}.auth-shell{width:min(1280px,calc(100% - 2rem));margin:0 auto}.app-shell{width:calc(100% - 2.5rem);max-width:none;margin:0 auto}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:center;padding:2rem 0}.auth-hero,.auth-card,.panel,.hero-banner{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-hero{border-radius:32px;padding:3rem;min-height:540px;display:flex;flex-direction:column;justify-content:space-between}.auth-hero h1,.topbar h1,.hero-banner h2,.auth-card h2{font-family:Space Grotesk,sans-serif;line-height:1.02;margin:.35rem 0 .8rem}.auth-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:10ch}.auth-hero p,.hero-banner p{color:var(--muted);font-size:1.05rem;max-width:60ch}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--brand-deep)}.hero-grid,.hero-banner-grid,.metric-grid,.topic-grid,.app-grid,.detail-grid,.dashboard-grid{display:grid;gap:1rem}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-card,.metric-card,.topic-card,.app-card{background:#ffffff8c;border:1px solid rgba(19,34,32,.08);border-radius:22px;padding:1rem}.hero-card strong,.metric-card strong,.app-card h4{display:block;font-family:Space Grotesk,sans-serif;margin-bottom:.3rem}.hero-card span,.metric-card span,.topic-card span,.list-item span,.app-card span{color:var(--muted)}.auth-card{border-radius:32px;padding:2.2rem}.form-grid{display:grid;gap:1rem}.form-grid--invite{grid-template-columns:minmax(0,1fr) auto;align-items:end}.form-grid label{display:grid;gap:.45rem;font-weight:600}input{width:100%;border-radius:16px;border:1px solid var(--line);background:#ffffffeb;padding:.9rem 1rem;outline:none;transition:border-color .12s ease,transform .12s ease}input:focus{border-color:var(--brand);transform:translateY(-1px)}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.9rem 1.15rem;border:none;transition:transform .14s ease,opacity .14s ease}.primary-button{background:linear-gradient(135deg,var(--brand) 0%,#1ea174 100%);color:#fff;font-weight:700}.ghost-button{background:#1322200f;color:var(--ink)}.ghost-button--small{padding:.55rem .8rem}.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.callout{border-radius:18px;padding:.9rem 1rem;background:#0f8a6317;border:1px solid rgba(15,138,99,.16)}.callout--accent{background:#f2b15e29;border-color:#f2b15e52}.callout.error{background:#b44f3d1a;border-color:#b44f3d2e}.loading-stack{display:grid;gap:.85rem}.loading-note,.section-copy{color:var(--muted);line-height:1.6}.loading-note{margin-bottom:1rem;font-weight:600}.skeleton-line,.skeleton-card{position:relative;overflow:hidden;border-radius:999px;background:#13222014}.skeleton-line:after,.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.72) 50%,transparent 100%);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-line{height:.95rem;width:100%}.skeleton-line--tiny{width:18%}.skeleton-line--short{width:36%}.skeleton-line--medium{width:52%}.skeleton-line--title{width:68%;height:1.4rem}.skeleton-line--metric{width:48%;height:2rem}.skeleton-card{min-height:140px;border-radius:24px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.auth-footer{margin-top:1rem;color:var(--muted)}.auth-footer--stack{display:grid;gap:.75rem}.muted-copy{color:var(--muted);line-height:1.6}.app-shell{padding:1.5rem 0 3rem}.app-shell--detail{padding-top:1rem}.tab-strip{display:inline-flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;padding:.4rem;border-radius:999px;background:#1322200f;border:1px solid rgba(19,34,32,.08)}.tab-strip--subtle{margin:0 0 1rem;background:#fff9}.tab-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.7rem 1rem;border-radius:999px;color:var(--muted);font-weight:700;transition:background .14s ease,color .14s ease,transform .14s ease}.tab-link:hover{transform:translateY(-1px);background:#0f8a6314;color:var(--ink)}.tab-link--active{background:#0f8a6324;color:var(--brand-deep)}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.topbar h1{font-size:clamp(2rem,4vw,3.2rem)}.topbar-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.status-chip{padding:.5rem .8rem;border-radius:999px;background:#0f8a631f;color:var(--brand-deep);font-weight:700}.status-chip--muted{background:#1322200f;color:var(--muted)}.hero-banner{border-radius:30px;padding:2rem;display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem;margin-bottom:1.5rem}.hero-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{display:grid;gap:.3rem}.metric-card strong{font-size:1.7rem}.metric-card--hero strong{font-size:2rem}.dashboard-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.action-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.action-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{display:grid;gap:.75rem;padding:1.25rem;border-radius:24px;background:#ffffffad;border:1px solid rgba(19,34,32,.08);box-shadow:0 12px 30px #12282314}.action-card h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.action-card p{margin:0;color:var(--muted);line-height:1.65}.action-card--link{transition:transform .16s ease,box-shadow .16s ease}.action-card--link:hover{transform:translateY(-3px);box-shadow:0 18px 40px #1228231f}.panel{border-radius:28px;padding:1.35rem}.panel--wide{grid-column:span 2}.panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-bottom:1rem}.panel-header h3{margin:.25rem 0 0;font-family:Space Grotesk,sans-serif;font-size:1.5rem}.app-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.app-grid--wide{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.app-card{display:grid;gap:.65rem;transition:transform .16s ease,box-shadow .16s ease}.app-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1228231a}.app-card-top,.stat-row,.list-item,.list-item-right,.inline-form{display:flex;justify-content:space-between;gap:1rem;align-items:center}.list-stack{display:grid;gap:.7rem}.list-item{padding:.95rem 1rem;border-radius:18px;background:#ffffff8c;border:1px solid rgba(19,34,32,.08)}.list-item--stacked{display:grid;gap:.85rem}.list-item>div{display:grid;gap:.25rem}.list-item__main{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.list-item-right{text-align:right}.table-shell{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.9rem .85rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.truncate-cell{max-width:360px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.topic-card{display:grid;gap:.45rem}.secret-inline,.inline-form__actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.secret-inline--compact{margin-top:.65rem}.docs-stack{display:grid;gap:1rem}.docs-card{display:grid;gap:.75rem;padding:1rem;border-radius:20px;background:#fff9;border:1px solid rgba(19,34,32,.08)}.docs-card p{margin:0;color:var(--muted);line-height:1.65}.coupon-redeem-grid,.coupon-admin-grid,.coupon-monitor-grid,.coupon-share-card{display:grid;gap:1rem}.coupon-redeem-grid,.coupon-share-card{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.coupon-admin-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.coupon-card-grid{display:grid;gap:1rem}.coupon-card{gap:1rem}.coupon-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-image{width:min(220px,100%);aspect-ratio:1;border-radius:20px;background:#fff;border:1px solid rgba(19,34,32,.08);padding:.85rem}.code-block{margin:0;overflow-x:auto;border-radius:18px;padding:1rem;background:#132220f0;color:#f6f4ee;border:1px solid rgba(19,34,32,.12)}.code-block code{display:block;padding:0;background:transparent;color:inherit;white-space:pre}.inline-form{padding:.8rem 0 1rem}.inline-panel{display:grid;gap:1rem;padding:1rem;border-radius:18px;background:#0f8a630d;border:1px solid rgba(15,138,99,.12)}.plan-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.plan-grid--compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.plan-option{display:grid;gap:.45rem;padding:1rem;border-radius:20px;border:1px solid rgba(19,34,32,.1);background:#ffffffb8;text-align:left;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.plan-option:hover{transform:translateY(-2px);border-color:#0f8a6347;box-shadow:0 12px 28px #12282314}.plan-option--selected{border-color:#0f8a6375;background:#0f8a631a}.plan-option span{color:var(--muted);font-size:.9rem}.plan-option strong{font-family:Space Grotesk,sans-serif;font-size:1.45rem}.plan-option small{color:var(--muted);line-height:1.5}.back-link{color:var(--brand-deep);font-weight:700}@media (max-width: 960px){.auth-shell,.hero-banner,.action-grid--three,.dashboard-grid,.detail-grid{grid-template-columns:1fr}.app-shell{width:calc(100% - 1.25rem)}.auth-hero{min-height:auto;padding:2rem}.auth-card,.panel,.hero-banner{padding:1.5rem}.panel--wide{grid-column:span 1}.hero-grid,.hero-banner-grid,.topic-grid,.plan-grid,.coupon-redeem-grid,.coupon-admin-grid,.coupon-monitor-grid,.coupon-share-card{grid-template-columns:1fr}.topbar,.inline-form,.inline-form__actions,.secret-inline,.list-item,.list-item__main,.list-item-right{flex-direction:column;align-items:stretch;text-align:left}.tab-strip{display:flex;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.55rem}.tab-link{flex:0 0 auto}}@media (max-width: 640px){.auth-shell{width:min(100%,calc(100% - 1rem));padding:1rem 0 1.5rem}.auth-hero,.auth-card,.panel,.hero-banner{border-radius:24px;padding:1.15rem}.hero-card,.metric-card,.topic-card,.app-card,.list-item,.action-card,.docs-card,.inline-panel{border-radius:18px}.topbar-actions{width:100%;flex-direction:column;align-items:stretch}.status-chip,.primary-button,.ghost-button{width:100%}.form-grid--invite{grid-template-columns:1fr}}