:root{
  --chrome:#0F172A;--bg:#1E293B;--card:#263348;--card2:#223047;
  --border:rgba(255,255,255,.08);--border2:rgba(255,255,255,.13);
  --text:#fff;--soft:rgba(255,255,255,.62);--muted:rgba(255,255,255,.34);
  --yellow:#EAB308;--yellowDim:rgba(234,179,8,.11);
  --green:#4ADE80;--red:#F87171;--blue:#60A5FA;
  --radius:16px;--radiusSm:11px;--tab:62px;--max:480px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;background:var(--chrome)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55;min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.hidden{display:none!important}
.app{width:min(100%,var(--max));min-height:100vh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;box-shadow:0 0 50px rgba(0,0,0,.22)}
.topbar{height:60px;flex:0 0 60px;background:var(--chrome);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:20}
.topbar.sticky{position:sticky;top:0}.logo{font-size:22px;font-weight:900;letter-spacing:-.045em}.logo span{color:var(--yellow)}.toplink{font-size:13px;color:var(--soft)}
.main{flex:1;padding:18px 18px calc(var(--tab) + 24px)}.main.no-tab{padding-bottom:32px}.main.tight{padding-top:12px}
.eyebrow{font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.11em;color:var(--yellow);margin-bottom:8px}
.h1{font-size:31px;font-weight:900;letter-spacing:-.045em;line-height:1.08}.h2{font-size:20px;font-weight:800;letter-spacing:-.03em}.sub{font-size:14px;color:var(--soft);margin-top:6px}.muted{color:var(--muted)}
.section{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.section-title{font-size:16px;font-weight:800}.section-link{font-size:12px;font-weight:700;color:var(--yellow)}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:15px}.card.yellow{background:linear-gradient(135deg,rgba(234,179,8,.12),rgba(255,255,255,.025));border-color:rgba(234,179,8,.16)}
.card + .card{margin-top:10px}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.grid2>*,.grid3>*{min-width:0}.stack{display:grid;gap:10px}
.btn{height:48px;border-radius:var(--radiusSm);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;padding:0 15px;font-weight:800;font-size:14px;cursor:pointer;width:100%}.btn.primary{background:var(--yellow);color:var(--chrome);border-color:transparent}.btn.secondary{background:var(--card);color:#fff}.btn.danger{background:rgba(248,113,113,.09);color:var(--red);border-color:rgba(248,113,113,.2)}.btn.success{background:rgba(74,222,128,.1);color:var(--green);border-color:rgba(74,222,128,.2)}.btn.small{height:38px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}
.field{display:grid;gap:7px;min-width:0}.field + .field{margin-top:14px}.grid2 > .field + .field,.grid3 > .field + .field{margin-top:0}.label{font-size:12px;font-weight:700;color:rgba(255,255,255,.7)}.help{font-size:11px;color:var(--muted);line-height:1.45}.input,.select,.textarea{width:100%;min-width:0;max-width:100%;background:var(--card);border:1.5px solid var(--border2);border-radius:var(--radiusSm);color:#fff;outline:none;padding:0 14px}.input,.select{height:50px}.input[type=time]{display:block;width:100%;max-width:100%;min-width:0;color-scheme:dark}.input[type=time]::-webkit-date-and-time-value{text-align:left}.textarea{min-height:100px;padding-top:12px;padding-bottom:12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--yellow)}.input::placeholder,.textarea::placeholder{color:rgba(255,255,255,.2)}.select option{background:var(--card)}
.alert{border-radius:var(--radiusSm);padding:11px 13px;font-size:12px;line-height:1.45;margin-bottom:12px}.alert.error{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.2);color:var(--red)}.alert.success{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2);color:var(--green)}.alert.info{background:var(--yellowDim);border:1px solid rgba(234,179,8,.18);color:#FDE68A}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font:700 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge.pending{background:rgba(234,179,8,.12);color:var(--yellow)}.badge.active{background:rgba(74,222,128,.12);color:var(--green)}.badge.done{background:rgba(96,165,250,.12);color:var(--blue)}.badge.rejected{background:rgba(248,113,113,.12);color:var(--red)}.badge.neutral{background:rgba(255,255,255,.08);color:var(--soft)}
.row-list{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,.02)}.row{display:flex;gap:12px;align-items:flex-start;padding:14px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row-main{flex:1;min-width:0}.row-title{font-size:14px;font-weight:800;line-height:1.35}.row-meta{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.45}.row-right{text-align:right;flex-shrink:0}.amount{font-size:14px;font-weight:800}
.stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px}.stat-label{font:700 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:7px}.stat-value{font-size:26px;font-weight:900;letter-spacing:-.04em;line-height:1}
.empty{text-align:center;padding:34px 18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.empty-icon{font-size:30px;margin-bottom:8px}.empty-title{font-size:16px;font-weight:800}.empty-text{font-size:12px;color:var(--soft);margin:5px 0 14px}
.tabs{display:flex;overflow:auto;border-bottom:1px solid var(--border);background:var(--card)}.tab-chip{flex:1;min-width:max-content;padding:11px 12px;text-align:center;font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);border-bottom:2px solid transparent}.tab-chip.on{color:var(--yellow);border-color:var(--yellow)}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,var(--max));height:var(--tab);background:rgba(15,23,42,.97);border-top:1px solid var(--border);display:flex;align-items:center;z-index:50;backdrop-filter:blur(10px)}.bottom-nav a{flex:1;text-align:center;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted)}.bottom-nav a.on{color:var(--yellow)}.nav-plus{display:flex!important;align-items:center;justify-content:center;width:48px!important;height:48px!important;max-width:48px;border-radius:50%;background:var(--yellow);color:var(--chrome)!important;font:300 27px system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;margin-top:-16px;box-shadow:0 8px 20px rgba(234,179,8,.22)}
.footer{border-top:1px solid var(--border);background:var(--chrome);padding:20px 18px;font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.footer-links{display:flex;gap:12px}
.hero{padding:54px 18px 44px}.hero h1{font-size:42px;font-weight:900;letter-spacing:-.05em;line-height:1.02}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{font-size:15px;color:var(--soft);margin:16px 0 30px;line-height:1.7}.dotline{display:flex;align-items:center;gap:8px;font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px}.dot{width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.perks{display:grid;gap:16px;padding:28px 18px;background:var(--card);border-block:1px solid var(--border)}.perk{display:flex;gap:12px}.perk-icon{width:24px;height:24px;border-radius:50%;background:var(--yellowDim);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.perk-title{font-size:14px;font-weight:800}.perk-copy{font-size:12px;color:var(--soft);margin-top:2px}
.steps{padding:36px 18px}.step{display:flex;gap:16px;margin-top:22px}.step-num{width:28px;color:var(--yellow);font:700 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.step-title{font-size:15px;font-weight:800}.step-copy{font-size:12px;color:var(--soft);margin-top:3px}
.profile{display:flex;align-items:center;gap:13px}.avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--yellowDim);border:1px solid rgba(234,179,8,.18);font-size:22px}.profile-name{font-size:21px;font-weight:900;letter-spacing:-.035em}.profile-email{font:500 11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);word-break:break-all;margin-top:2px}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px}.quick-card .icon{font-size:17px}.quick-card .title{font-size:13px;font-weight:800;margin-top:7px}.quick-card .desc{font-size:11px;color:var(--muted);margin-top:2px}
.menu{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}.menu-item{display:flex;gap:12px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--border)}.menu-item:last-child{border-bottom:none}.menu-icon{width:36px;height:36px;border-radius:11px;background:var(--card2);display:flex;align-items:center;justify-content:center}.menu-body{flex:1}.menu-title{font-size:13px;font-weight:800}.menu-sub{font-size:11px;color:var(--muted);margin-top:2px}.arrow{color:var(--muted)}
.campaign-settings-card>.field+.field{margin-top:14px}.settings-targeting{margin-top:14px}.schedule-block{margin-top:16px}.schedule-block+.field{margin-top:16px}.schedule-title{font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.schedule-block>.field+.field{margin-top:12px}.native-time-shell{position:relative;width:100%;height:50px;overflow:hidden;background:var(--card);border:1.5px solid var(--border2);border-radius:var(--radiusSm)}.native-time-shell:focus-within{border-color:var(--yellow)}.native-time-input{position:absolute;inset:0;width:100%;height:100%;min-width:100%;max-width:none;margin:0;border:0;outline:0;background:transparent;color:#fff;padding:0 14px;color-scheme:dark;font:inherit}.native-time-input::-webkit-date-and-time-value{text-align:left}.campaign-settings-card .textarea{min-height:112px}
.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.package-card{appearance:none;-webkit-appearance:none;text-align:left;color:#fff;font:inherit;background:var(--card);border:1.5px solid var(--border2);border-radius:15px;padding:11px;cursor:pointer;min-width:0}.package-card.on{border-color:var(--yellow);background:linear-gradient(180deg,rgba(234,179,8,.12),rgba(234,179,8,.04))}.package-top{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.package-name{font:800 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--yellow)}.package-price{font-size:22px;font-weight:900;line-height:1;margin-top:4px}.package-line{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--soft);margin-top:6px}.package-line strong{font-size:10px;color:#fff;text-align:right}.package-line strong.green{color:var(--green)}.package-line strong.yellow{color:var(--yellow)}
.step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-bullet{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--yellowDim);color:var(--yellow);font:800 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.step-head h2{font-size:16px;font-weight:800}
.preview{background:#fff;border-radius:var(--radiusSm);padding:13px;color:#202124}.preview .ad{display:inline-flex;background:#006621;color:#fff;border-radius:3px;padding:1px 5px;font-size:9px}.preview .url{font-size:11px;color:#202124}.preview .ptitle{font-size:15px;color:#1558d6;font-weight:600;line-height:1.35;margin-top:3px}.preview .pdesc{font-size:11px;color:#4d5156;line-height:1.45;margin-top:3px}
.pill-row{display:flex;gap:7px}.pill{flex:1;height:40px;border:1px solid var(--border2);border-radius:10px;background:transparent;color:var(--soft);font-size:12px}.pill.on{border-color:var(--yellow);background:var(--yellowDim);color:var(--yellow);font-weight:800}
.kv{display:grid;gap:0}.kv-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--border);font-size:12px}.kv-row:last-child{border-bottom:none}.kv-row span:first-child{color:var(--soft)}.kv-row span:last-child{text-align:right;font-weight:700;word-break:break-word}
.timeline{display:grid;gap:14px}.event{display:flex;gap:10px}.event-dot{width:9px;height:9px;border-radius:50%;background:var(--yellow);margin-top:6px;flex-shrink:0}.event-body{flex:1;min-width:0}.event-title{font-size:12px;font-weight:800}.event-time{font:500 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);margin-top:2px}.event-shot{margin-top:9px}.shot-label{font:700 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--yellow);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
.screenshot{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border);margin-top:8px}.screenshot img{display:block;width:100%;height:auto}
.ticket-bubble{padding:11px 13px;border-radius:14px;background:var(--card);border:1px solid var(--border);font-size:12px}.ticket-bubble.admin{background:rgba(234,179,8,.07);border-color:rgba(234,179,8,.14)}.bubble-meta{font:600 9px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);margin-bottom:5px}.attachment{display:inline-flex;margin-top:7px;color:var(--yellow);font-size:11px;font-weight:700}
.admin-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.admin-nav a{height:36px;border-radius:10px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--soft)}.admin-nav a.on{color:var(--yellow);border-color:rgba(234,179,8,.25)}
.table-list{display:grid;gap:8px}.admin-row{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px}.admin-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.admin-row-head>.badge{align-self:flex-start;flex-shrink:0}.admin-row-title{font-size:13px;font-weight:800}.admin-row-meta{font-size:10px;color:var(--muted);margin-top:3px}.admin-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.admin-mini{font-size:10px;color:var(--soft)}.admin-mini strong{display:block;color:#fff;font-size:11px;margin-top:1px}
.auth-main{flex:1;display:flex;align-items:flex-start;padding:12vh 18px 32px}.auth-wrap{width:100%}.auth-title{font-size:30px;font-weight:900;letter-spacing:-.045em}.auth-sub{font-size:13px;color:var(--soft);margin:5px 0 26px}.auth-sub a{color:var(--yellow);font-weight:700}
.legal{padding:26px 18px 40px}.legal h1{font-size:27px;font-weight:900;letter-spacing:-.04em}.legal h2{font-size:15px;margin:24px 0 7px}.legal p,.legal li{font-size:13px;color:var(--soft);line-height:1.7}.legal ul{padding-left:18px}.legal .updated{font:500 10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted);margin-top:5px}
@media (max-width:360px){.package-grid{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.hero h1{font-size:38px}}
/* Utilities */
.u-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.u-flex-gap{display:flex;align-items:flex-start;gap:9px}.u-auto{width:auto;min-width:96px}.u-center{text-align:center}.u-break{word-break:break-all}.u-mt8{margin-top:8px}.u-mt10{margin-top:10px}.u-mt12{margin-top:12px}.u-mt14{margin-top:14px}.u-mt16{margin-top:16px}.u-mb10{margin-bottom:10px}.landing-cta{margin:0 18px 32px}.auth-main.compact{padding-top:8vh}.file-input{padding-top:12px}.file-input::file-selector-button{border:0;border-radius:8px;background:var(--chrome);color:#fff;padding:7px 10px;margin-right:8px;font-weight:700}.field-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.support-fab{position:fixed;z-index:45;right:max(14px,calc((100vw - 480px)/2 + 14px));bottom:76px;height:44px;padding:0 15px 0 11px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow);border:1px solid rgba(234,179,8,.7);box-shadow:0 10px 24px rgba(0,0,0,.28);color:var(--chrome);transition:transform .12s ease,box-shadow .12s ease}.support-fab:active{transform:scale(.96);box-shadow:0 6px 16px rgba(0,0,0,.22)}.support-fab-icon{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.1);flex:0 0 23px}.support-fab-icon svg{width:16px;height:16px;display:block}.support-fab-text{font-size:12px;font-weight:900;letter-spacing:.01em;line-height:1}
.setting-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.setting-card.test-on{border-color:rgba(234,179,8,.28);background:linear-gradient(135deg,rgba(234,179,8,.1),rgba(255,255,255,.025))}.setting-copy{flex:1;min-width:0}.setting-action{flex-shrink:0}.switch-btn{appearance:none;-webkit-appearance:none;width:52px;height:30px;border-radius:999px;border:1px solid var(--border2);background:rgba(255,255,255,.08);padding:3px;display:flex;align-items:center;cursor:pointer;transition:.15s}.switch-btn.on{background:var(--yellow);border-color:var(--yellow)}.switch-knob{width:22px;height:22px;border-radius:50%;background:#fff;display:block;transform:translateX(0);transition:.15s;box-shadow:0 2px 6px rgba(0,0,0,.25)}.switch-btn.on .switch-knob{transform:translateX(22px);background:var(--chrome)}
/* First Order Plan guidance bar — visually identical to TeeSupplyHub First Order Plan operation guidance. */
.journey-return-bar{position:-webkit-sticky;position:sticky;top:0;z-index:2200;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:10px;width:100%;margin:0;padding:9px 16px;border:0;border-radius:0;background:#8b1e2d;color:#fff;font-size:12px;line-height:1.4;text-align:center;box-shadow:0 1px 0 rgba(255,255,255,.08)}
.journey-return-bar.is-complete{background:#0f5132}
.journey-return-copy{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;flex:1 1 auto;width:auto}
.journey-return-copy strong{flex:0 0 auto;font-weight:800;color:#fff}
.journey-return-copy span{min-width:0;color:#dbe5f3}
.journey-return-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-height:28px;padding:0 11px;border:1px solid rgba(255,255,255,.22);border-radius:7px;background:#fff;color:#0f172a;font-size:10.5px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}
.journey-return-action:hover{background:#fff;color:#0f172a;border-color:rgba(255,255,255,.22)}
@media(max-width:760px){.journey-return-bar{align-items:flex-start;flex-direction:column;flex-wrap:nowrap;gap:7px;padding:8px 12px;font-size:11px;text-align:left}.journey-return-copy{align-items:flex-start;flex-direction:column;gap:2px;width:100%}.journey-return-action{width:100%;min-height:34px;font-size:11px}}


/* First Order Plan guidance hierarchy: one clear wide return button, matching TeeSupplyHub. */
.journey-return-bar{padding:10px 16px;gap:12px;text-align:left}
.journey-return-copy{gap:9px;text-align:left}
.journey-return-copy strong{font-size:11px;letter-spacing:.01em}
.journey-return-copy span{font-size:11px;line-height:1.45;color:#dbe5f3}
.journey-return-action{display:inline-flex;align-items:center;justify-content:center;flex:0 0 210px;width:210px;min-height:34px;padding:0 16px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:#fff;color:#0f172a;font-size:10.5px;font-weight:800;line-height:1;text-decoration:none;white-space:nowrap}
.journey-return-action:hover{background:#fff;color:#0f172a;border-color:rgba(255,255,255,.4);opacity:1}
@media(max-width:760px){.journey-return-bar{gap:7px;padding:9px 12px}.journey-return-copy{gap:2px}.journey-return-action{flex:0 0 auto;width:100%;min-height:36px;font-size:11px}}