/* SlipSync presentation layer. Existing storage, calculations and payment flows are unchanged. */
:root{--bg:#101412;--panel:#1b211d;--line:#354137;--ink:#f3f6ef;--mute:#aab7aa;--fire:#cefa78;--ok:#a6e8a7;--warn:#ffd484;--bad:#ff9191;--acc:#cefa78;--module-tint:#cefa78}
:root[data-mod=shift]{--acc:#ffaf83;--module-tint:#ffaf83}:root[data-mod=home]{--acc:#cefa78;--module-tint:#cefa78}:root[data-mod=cur]{--acc:#cbb7ff;--module-tint:#cbb7ff}:root[data-mod=road]{--acc:#a4d9f5;--module-tint:#a4d9f5}
body.suite-ui{max-width:920px;padding:0 32px 125px;background:var(--bg);font-size:16px}
a.logo{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;font-size:25px;letter-spacing:-1px}.logo b{font-weight:400;color:var(--ink)}.logo-dot{color:#cefa78}.ui-mark{display:inline-grid;place-items:center;width:34px;height:36px;border:1px solid #526449;border-radius:10px;color:#cefa78;font-size:23px;letter-spacing:-5px;padding-right:4px;margin-right:10px;transform:rotate(-5deg)}
.suite-ui header{padding:27px 0 25px;border-bottom:1px solid var(--line);margin-bottom:24px}.mon{gap:10px;font-size:13px}.mon button{width:35px;height:35px;background:#1b241b;border-color:#3e4b3a;color:var(--ink);transition:background .2s}.mon button:hover{background:#35432d}
.mods{display:grid;grid-template-columns:repeat(4,1fr);border:0;gap:10px;margin:0 0 32px}.mods button{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:15px 14px;border:1px solid var(--line);border-radius:11px;background:#1a211b;color:#aeb8ac;font-size:14px;margin:0;transition:background .2s,border-color .2s}.mods button[hidden]{display:none}.mods button:hover{background:#283227}.mods button[aria-selected=true]{background:color-mix(in srgb,var(--acc) 14%,#141b14);border-color:color-mix(in srgb,var(--acc) 60%,#303a2c);color:var(--acc)}.mod-symbol{font-size:23px;line-height:1}.mods small{font-size:10px;opacity:.7;margin-left:auto}.mods button[data-m=shift] .mod-symbol{color:#ffaf83}.mods button[data-m=home] .mod-symbol{color:#cefa78}.mods button[data-m=cur] .mod-symbol{color:#cbb7ff}.mods button[data-m=road] .mod-symbol{color:#a4d9f5}
.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.workspace-eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--acc);font-weight:500;margin-bottom:11px}.workspace-heading h1{font-size:34px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;max-width:600px}.workspace-heading h1 span{display:none}:root:not([data-mod]) .workspace-heading [data-title=home],:root[data-mod=home] [data-title=home],:root[data-mod=shift] [data-title=shift],:root[data-mod=cur] [data-title=cur],:root[data-mod=road] [data-title=road]{display:inline}.workspace-stamp{color:var(--acc);font-size:48px;line-height:1}.hero{padding:29px 30px 12px;border:1px solid color-mix(in srgb,var(--acc) 33%,#2a362a);background:linear-gradient(125deg,color-mix(in srgb,var(--acc) 13%,#182017),#182018 75%);border-radius:18px;box-shadow:0 12px 40px #0002;margin-bottom:18px}.hero small{font-size:14px;color:#c7d1c0}.hero .big{font-family:'Space Grotesk',system-ui,sans-serif;font-size:66px;font-weight:500;letter-spacing:-3px;line-height:1.2;margin:9px 0 20px}.track{height:7px;background:#ffffff13}.stats{gap:0;background:transparent;border:0;border-radius:0;margin:22px 0 4px}.stats div{background:transparent;padding:0 15px 12px;border-left:1px solid #ffffff20}.stats div:first-child{padding-left:0;border:0}.stats span{font-size:12px;color:#bac6b1;margin-bottom:7px}.stats b{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:500;letter-spacing:-.5px}.btns{gap:9px;margin:14px 0 24px}.btn{background:#1c251d;border-color:#3a4838;border-radius:9px;min-height:44px;padding:11px 16px;font-size:13px;transition:background .2s,transform .2s}.btn:hover{background:#2a3827;transform:translateY(-1px)}.btn.pri{color:#111c12;background:var(--acc);border-color:var(--acc)}.btn.pri:hover{filter:brightness(1.05)}h2{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:31px 0 15px}.ins{background:#1b251d;border:1px solid var(--line);border-left:3px solid var(--acc);padding:15px 18px;border-radius:0 11px 11px 0;font-size:14px;line-height:1.7;margin:0 0 10px}.env{background:#1b231c;border:1px solid #344030;border-radius:10px;margin:8px 0;padding:16px 19px;transition:border-color .2s}.env:hover{border-color:var(--acc)}.env .nm{font-size:14px}.env .tag{font-size:10px;border-color:#46533e;color:#aab9a0;background:#ffffff04;display:inline-block}.env .left{font-size:12px}.env .track{height:5px}.empty{border:1px dashed #3c4b35;border-radius:11px;padding:23px;background:#182018;font-size:14px;line-height:1.7}.tx{padding:16px 4px}.tx .th{background:#2c3827;border:1px solid #405039;border-radius:10px}.tx .sub{font-size:12px;line-height:1.7}.tx .del{width:36px;height:36px;border-radius:8px}.tx .del:hover{background:#ff919120;color:var(--bad)}.tx .num{font-size:14px}.fab{border-radius:12px;padding:15px 25px;font-size:15px;box-shadow:0 10px 30px #0009;border:1px solid #ffffff25;bottom:24px;min-height:52px}.trial{background:#202b1e;border:1px solid #43513a;border-radius:9px;padding:12px 16px;font-size:12px}.trial button{font-size:12px;text-decoration:none;color:#cefa78}.trial b{font-family:inherit}.split{height:28px}.legend{font-size:12px}
dialog{padding:30px;border-radius:19px;max-width:620px;width:calc(100% - 32px);margin:auto;box-shadow:0 30px 120px #000a;border-color:#53624a;background:linear-gradient(155deg,#252e24,#171f19);max-height:90dvh}dialog::backdrop{background:#080d09d9;backdrop-filter:blur(8px)}dialog h3{font-size:28px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin-bottom:22px}label{font-size:13px;color:#b8c4b3;margin-top:15px}input,select,textarea{background:#101811;border-color:#3f4c38;border-radius:9px;padding:13px;font-size:16px;min-height:46px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.hint{font-size:12px;line-height:1.7}.pick{padding:17px 45px 17px 19px;background:#172019;border-color:#3b4835;border-radius:11px;margin-bottom:10px}.pick:hover{background:#23301f}.pick[aria-pressed=true]{border-color:var(--fire);background:#cefa7810;box-shadow:none}.pick strong{font-size:18px;letter-spacing:-.3px;font-weight:500}.pick span{font-size:13px;line-height:1.6;margin-top:5px;max-width:420px}.pick::after{top:20px;right:17px;border-color:#6a7a5d}.pick[data-k=shift] strong{color:#ffaf83}.pick[data-k=home] strong{color:#cefa78}.pick[data-k=cur] strong{color:#cbb7ff}.pick[data-k=road] strong{color:#a4d9f5}.nudge{font-size:13px;line-height:1.6;color:#c3d0ba;margin-block:20px}.price .big{font-family:'Space Grotesk',sans-serif}.tiers{border-radius:10px;border-color:#4b5d40}.tiers div{padding:14px;font-size:14px;line-height:1.6}.seg{border-color:#48573e}.seg button{font-size:14px}.shiftcard{padding:35px;background:linear-gradient(120deg,#ffaf8318,#182018);border:1px solid #ffaf8344;border-radius:18px}.shiftcard .big{font-size:46px;line-height:1.1;font-weight:500}.shiftcard p{font-size:15px}.catrow{grid-template-columns:minmax(90px,1fr) 95px 90px 25px}.catrow .del{border:0;background:transparent;color:var(--mute);padding:0}
/* The dedicated Shift workspace shares the same design language. */
body.shift-ui{--ink:#101412;--panel:#1b231c;--panelAlt:#2b3429;--line:#3b4737;--green:#ffaf83;--greenDim:#ffaf831a;--amber:#cefa78;--amberDim:#cefa781a;--text:#f3f6ef;--muted:#abb9a5;--faint:#94a38e;--danger:#ff9191;background:var(--ink);color:var(--text)}.shift-ui .wrap{max-width:840px;padding:0 28px}.shift-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0;border-bottom:1px solid var(--line)}.shift-ui a.logo,.shift-ui .logo b{color:var(--text)}.suite-link{font-size:13px;color:#c4d1bd;text-decoration:none;border:1px solid #45513e;border-radius:8px;padding:10px 12px}.suite-link span{margin-left:10px;color:#cefa78}.shift-eyebrow{font-size:10px;color:var(--green);letter-spacing:1.8px;margin:28px 0 0}.shift-ui .view{padding:16px 0 105px}.shift-ui h1{font-size:40px;letter-spacing:-1.6px;font-weight:500;margin:0 0 6px}.shift-ui .sub{font-size:14px;margin-bottom:24px}.shift-ui .label{font-size:11px;color:#acbca5;letter-spacing:1.2px}.shift-ui .card{border-radius:13px;padding:22px;background:#1b231c;border-color:#374431}.shift-ui #today>.card:first-of-type{background:linear-gradient(130deg,#3b3025,#1e241b 85%);border-color:#ffaf8355;padding:27px}.shift-ui #todaySales{font-family:var(--sans);font-size:62px;font-weight:500;letter-spacing:-3px;margin-top:7px}.shift-ui .big{font-family:var(--sans);font-size:46px;font-weight:500;letter-spacing:-2px}.shift-ui .stat{border-radius:12px;padding:19px;background:#1d281d}.shift-ui .stat .v{font-family:var(--sans);font-size:29px;font-weight:500;letter-spacing:-1px}.shift-ui .btn{border-radius:10px;font-family:var(--sans);font-size:15px;cursor:pointer;box-shadow:none}.shift-ui .btn.ghost{background:#20291e;border-color:#43513a}.shift-ui .small{font-size:13px}.shift-ui .tabs{max-width:784px;bottom:15px;border:1px solid #4b5842;background:#1b241bed;border-radius:15px;padding:10px 4px;backdrop-filter:blur(16px);box-shadow:0 12px 40px #000a;z-index:10}.shift-ui .tab{font-family:var(--sans);font-size:12px;color:#a4b19b;padding:9px 3px;cursor:pointer;border-radius:9px;margin-inline:3px}.shift-ui .tab.on{color:var(--green);background:#ffaf8310}.shift-ui .tab .ic{font-size:21px}.shift-ui input,.shift-ui textarea{border-radius:9px;font-family:var(--sans)}.shift-ui .sheet{max-width:680px;border-inline:1px solid var(--line);background:#151d16}.shift-ui .sheet-head{padding:22px;background:#202b1e}.shift-ui .sheet-body{padding:24px}.shift-ui .bill-in{border-radius:0;color:var(--green);background:transparent;font-size:46px}.shift-ui .chip{font-family:var(--sans);cursor:pointer;min-height:40px;font-size:13px}.shift-ui .toggle button{font-family:var(--sans);min-height:45px;cursor:pointer}.shift-ui button:focus-visible,.shift-ui a:focus-visible,.suite-ui a:focus-visible{outline:2px solid #cefa78;outline-offset:4px}.shift-ui #paywallScreen{background:radial-gradient(ellipse at top,#453327,#101412 70%)!important;overflow:auto}.shift-ui #paywallScreen>div:first-child{color:var(--green)}.shift-ui .barlabels span{font-size:11px}.shift-ui .insight{line-height:1.7}.shift-ui .empty{background:transparent;border:0;padding:25px;font-size:14px}.shift-ui .line-item{padding:16px 0}
@media(min-width:760px){.suite-ui #view{max-width:760px;margin:auto}.suite-ui .workspace-heading{margin-bottom:34px}.suite-ui .fab{bottom:25px}.shift-ui .sheet{inset:30px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}}
@media(max-width:600px){body.suite-ui{padding:0 18px 110px}.suite-ui header{padding:21px 0 19px;margin-bottom:18px}a.logo{font-size:23px}.ui-mark{width:29px;height:31px;font-size:21px;margin-right:7px}.mon{gap:6px;font-size:10px}.mon button{width:30px;height:32px}.mods{gap:6px;margin-bottom:25px}.mods button{display:flex;flex-direction:column;gap:7px;padding:13px 5px;font-size:12px}.mod-symbol{font-size:22px}.mods small{display:none}.workspace-heading{margin-bottom:24px;gap:15px}.workspace-heading h1{font-size:28px;letter-spacing:-1.1px;max-width:270px}.workspace-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:9px}.workspace-stamp{font-size:39px}.hero{padding:22px 21px 10px;border-radius:14px}.hero .big{font-size:52px;letter-spacing:-2.5px}.stats b{font-size:18px}.stats div{padding-inline:10px}.stats span{font-size:10px}.hero small{font-size:12px}.btns{gap:8px;margin-bottom:22px}.btn{font-size:12px;padding:10px 12px;min-height:44px}.env{padding:14px}.env .row{align-items:flex-start}.env .nm{font-size:13px}.env .tag{display:block;width:max-content;margin:5px 0 0;font-size:9px}.env .left{font-size:11px;padding-top:2px}.ins{font-size:13px;padding:12px 14px}.trial{font-size:11px;padding:11px}.trial button{font-size:11px;white-space:nowrap}h2{font-size:18px}.tx .mid{font-size:13px}.tx .num{font-size:12px}.tx .sub{font-size:10px}.tx{gap:9px}.tx .th{width:35px;height:39px}.fab{bottom:18px;font-size:14px;padding:13px 24px}.shiftcard{padding:24px}.shiftcard .big{font-size:36px}.shiftcard p{font-size:14px}dialog{padding:25px 20px;border-radius:18px 18px 0 0;margin:auto auto 0;max-width:600px;width:100%;max-height:92dvh}dialog h3{font-size:26px;line-height:1.2;padding-right:12px}.pick{padding:15px 43px 15px 15px}.pick strong{font-size:17px}.pick span{font-size:12px;line-height:1.5}.pick::after{top:19px;right:16px}.hint{font-size:12px}.nudge{font-size:12px;margin-block:17px}.catrow{grid-template-columns:minmax(65px,1fr) 67px 72px 22px;gap:5px}.catrow input,.catrow select{font-size:12px;padding:8px 6px}.two{gap:9px}.two>div{min-width:0}.two input{min-width:0}.tiers div{padding:11px 5px;font-size:13px}.shift-ui .wrap{padding:0 18px}.shift-topbar{padding:20px 0}.suite-link{font-size:11px;padding:9px}.suite-link span{margin-left:5px}.shift-eyebrow{margin-top:25px}.shift-ui .view{padding-top:14px}.shift-ui h1{font-size:36px}.shift-ui .tabs{left:12px;right:12px;bottom:12px;max-width:unset}.shift-ui .tab{font-size:10px;margin-inline:0;padding:8px 2px}.shift-ui .tab .ic{font-size:19px}.shift-ui .sub{font-size:13px}.shift-ui #todaySales{font-size:50px}.shift-ui .card{padding:18px}.shift-ui #today>.card:first-of-type{padding:23px}.shift-ui .stat{padding:15px}.shift-ui .stat .v{font-size:25px}.shift-ui .stats{margin-block:16px}.shift-ui .sheet-body{padding:20px}.shift-ui #paywallScreen{justify-content:flex-start!important;padding-top:35px!important}.shift-ui #paywallScreen>div{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}