:root{--bg: #f4f7ff;--card: #ffffff;--text: #1b2142;--muted: #6f7692;--line: #e5eaf8;--accent: #5b6cff;--accent-soft: #eef1ff;--good: #24b36b;--bad: #f25574;--shadow: 0 10px 28px rgba(40, 52, 104, .08);font-family:DM Sans,Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#e7ebff 0%,var(--bg) 42%)}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 22px #22274214;display:grid;gap:10px}.auth-card h1{margin:0}.auth-card p{margin:0;color:var(--muted)}.hint{font-size:.82rem}.app-shell{max-width:1220px;margin:0 auto;padding:16px;position:relative}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.app-header h1{margin:0;font-size:2.15rem;letter-spacing:-.03em}.app-header p{margin:2px 0 12px;color:var(--muted);font-weight:700}.hamburger-btn{min-height:42px;width:44px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;align-content:center;gap:4px}.hamburger-btn span{display:block;height:2px;border-radius:999px;background:#3d4669}.hamburger-btn.active span{background:#2f55c8}.meta-card,.workflow-card,.panel-card,.stat-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.meta-card,.panel-card,.workflow-card{padding:12px}.grid-2{display:grid;grid-template-columns:1fr;gap:10px}label{display:grid;gap:6px;font-size:.9rem;font-weight:700}input,select,button{min-height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;padding:10px 12px;font-size:.95rem;color:var(--text)}input:focus,select:focus{outline:2px solid #c9c4ff;border-color:#c9c4ff}button{border:0;font-weight:800;cursor:pointer}button.primary{background:linear-gradient(90deg,var(--accent),#7a88ff);color:#fff;box-shadow:0 8px 20px #5b6cff59}button.soft{background:#eef0ff;color:#4f56c2}button.soft.danger{background:#ffeaf0;color:#b83c59}button:disabled{opacity:.55;cursor:not-allowed}.stats-row{margin-top:12px;display:grid;gap:10px;grid-template-columns:1fr}.kpi-row .stat-card{border:0}.stat-card{padding:14px;display:flex;justify-content:space-between;align-items:center}.stat-card span{color:var(--muted);font-weight:700;font-size:.86rem;text-transform:uppercase;letter-spacing:.04em}.stat-card strong{font-size:1.25rem;letter-spacing:-.02em}.cashup-layout{margin-top:12px;display:grid;gap:12px;grid-template-columns:1fr}.workflow-card{display:grid;gap:10px}.opening-panel{background:linear-gradient(180deg,#fff,#f8faff)}.closing-panel{background:linear-gradient(180deg,#fff,#fbfbff)}.workflow-head{display:flex;justify-content:space-between;align-items:center}.workflow-head h3{margin:0;font-size:1.2rem}.workflow-head span{color:#4f5ccc;background:var(--accent-soft);padding:6px 10px;border-radius:999px;font-weight:700;font-size:.78rem}.ledger-block{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.ledger-block h3{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);background:#f8f9ff;font-size:.95rem;letter-spacing:.01em}.ledger-head,.ledger-row,.money-grid-head,.money-grid-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px 10px;align-items:center}.ledger-head,.money-grid-head{font-size:.8rem;color:var(--muted);font-weight:800;border-bottom:1px solid var(--line)}.ledger-row,.money-grid-row{border-bottom:1px solid #f1f2f8}.notes-row{background:#eef4ff}.coins-row{background:#effcf6}.ledger-row:nth-child(2n).notes-row{background:#e7efff}.ledger-row:nth-child(2n).coins-row{background:#e6f9ef}.ledger-row input:disabled{background:#f5f7fb;color:#46506a}.line-total{margin:0;padding:10px;font-weight:800;text-align:right}.row-end{display:flex;justify-content:space-between;align-items:center;padding-top:8px}.ledger-scroll,.money-grid-scroll,.history-table,.time-grid-wrap{width:100%;overflow-x:auto}.ledger-head,.ledger-row{min-width:430px}.money-panel{display:grid;gap:8px}.money-grid-row-stack{border:1px solid var(--line);border-radius:12px;background:#fbfcff;padding:8px;display:grid;gap:8px}.money-grid-actions{display:flex;justify-content:flex-end}.money-amount-input{width:100%;max-width:180px}.row-end{flex-wrap:wrap;gap:8px}.carry-note{background:#edf6ff;border:1px solid #d8e9ff;padding:10px 12px;border-radius:12px;color:#2d5a88}.history-wrap,.history-list{display:grid;gap:12px}.history-wrap>.panel-card,.history-wrap>.workflow-card,.history-wrap>.meta-card{min-width:0;max-width:100%}.admin-list{display:grid;gap:8px;margin-bottom:12px}.admin-item{display:grid;gap:8px;grid-template-columns:1fr;padding:8px;border:1px solid var(--line);border-radius:12px;background:#f9fbff}.admin-item-user{background:#fbfcff}.toggle-row{display:flex;align-items:center;gap:8px;font-size:.85rem}.toggle-row input[type=checkbox]{min-height:auto;width:16px;height:16px}.history-item{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;justify-content:space-between;gap:10px}.history-item p{margin:2px 0;color:var(--muted);font-size:.88rem}.history-right{text-align:right}.history-right span{color:var(--muted);font-size:.8rem}.history-subtitle{margin:-2px 0 10px;color:var(--muted);font-size:.92rem}.history-filter-action{margin-top:8px}.history-kpi-grid{display:grid;gap:10px;grid-template-columns:1fr}.history-kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:12px;display:flex;gap:12px;align-items:center}.history-kpi-card strong{font-size:1.25rem;letter-spacing:-.02em}.history-kpi-card p{margin:2px 0 0;color:var(--muted);font-size:.86rem}.history-kpi-card.kpi-net-sales{background:linear-gradient(180deg,#fef4ea,#fff7ef);border-color:#f4dcc4}.history-kpi-card.kpi-net-sales .kpi-icon{background:#bf6b1f}.history-kpi-card.kpi-commission-inc-gst{background:linear-gradient(180deg,#e9f8f1,#f2fcf7);border-color:#cbe8dc}.history-kpi-card.kpi-commission-inc-gst .kpi-icon{background:#1f8c5b}.history-kpi-card.kpi-commission-gst{background:linear-gradient(180deg,#edf4ff,#f5f9ff);border-color:#d5e1f8}.history-kpi-card.kpi-commission-gst .kpi-icon{background:#2d5ec4}.history-kpi-card.kpi-payment-due{background:linear-gradient(180deg,#f5ecff,#faf5ff);border-color:#e3d4f7}.history-kpi-card.kpi-payment-due .kpi-icon{background:#7042b1}.history-kpi-card.kpi-prizes-paid{background:linear-gradient(180deg,#ffeef3,#fff5f8);border-color:#f2d2dc}.history-kpi-card.kpi-prizes-paid .kpi-icon{background:#c03b63}.history-kpi-card.kpi-gross-profit{background:linear-gradient(180deg,#fff8df,#fffdf1);border-color:#f1e4b0}.history-kpi-card.kpi-gross-profit .kpi-icon{background:#97781d}.history-kpi-card.kpi-fee-charges{background:linear-gradient(180deg,#ebf8fd,#f3fbff);border-color:#cde5ee}.history-kpi-card.kpi-fee-charges .kpi-icon{background:#1d738b}.kpi-icon{width:40px;height:40px;border-radius:12px;background:#0f1f5a;color:#fff;display:grid;place-items:center;font-weight:800}.history-table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.history-table-head span{background:#edf3ff;color:#2f55c8;padding:8px 12px;border-radius:12px;font-weight:700;font-size:.86rem}.history-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.history-table-row{display:grid;grid-template-columns:1fr;gap:6px;padding:10px;border-bottom:1px solid var(--line)}.history-table-row.selectable{cursor:pointer}.history-table-row.selectable:hover{background:#f8faff}.admin-sales-table{min-width:560px;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}.syndicates-table{min-width:900px;grid-template-columns:1fr 1.2fr 2.6fr .8fr .9fr;align-items:center}.payroll-table{min-width:560px;grid-template-columns:1.4fr .8fr .9fr;align-items:center}.payroll-table-wrap{width:100%;overflow-x:auto}.payroll-emp-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-style:normal;font-weight:800;color:#25315f}.payroll-breakdown{display:block;margin-top:4px;color:var(--muted);font-size:.82rem;font-weight:700}.history-table-row.syndicates-table:nth-child(2n){background:linear-gradient(180deg,#fcfdff,#f7faff)}.history-table-row.syndicates-table:hover{background:#eef4ff}.syndicate-type{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 10px;border-radius:999px;background:var(--synd-soft);color:var(--synd-accent);font-weight:800;font-size:.78rem;text-transform:capitalize}.syndicate-name{font-weight:800;color:#1f2d61;letter-spacing:.01em}.syndicate-description{color:#4b587f;white-space:pre-line;line-height:1.35}.syndicate-shares,.syndicate-amount{font-weight:800;color:#26335f;display:inline-flex;justify-content:center;align-items:center;width:fit-content;min-width:52px;padding:4px 10px;border-radius:10px;background:color-mix(in srgb,var(--synd-soft) 65%,white);border:1px solid var(--synd-border)}.syndicate-cards{display:grid;grid-template-columns:1fr;gap:12px}.syndicate-card{--synd-accent: #5b6cff;--synd-soft: #eaf0ff;--synd-border: #d8e3ff;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border-top:4px solid var(--synd-accent);padding:14px;box-shadow:0 8px 20px #1a2b630f;display:grid;gap:10px}.syndicate-card .syndicate-name{margin:0;font-size:1.65rem;line-height:1.1}.syndicate-card .syndicate-description{margin:0}.syndicate-meta{display:flex;gap:10px;flex-wrap:wrap}.pairs-wrap{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:8px}.pairs-row{display:grid;grid-template-columns:180px 92px 32px;gap:8px;align-items:end}.pairs-row label{min-width:0}.pair-number-input,.pair-left-input{width:100%}.pair-left-input{text-align:center}.pair-remove-icon-btn{min-height:32px;height:32px;width:32px;align-self:end;justify-self:start;border-radius:999px;background:#ffeaf0;color:#b83c59;border:1px solid #f4c9d4;font-size:1rem;line-height:1;font-weight:800;padding:0}.floating-save-wrap{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;justify-content:center;pointer-events:none}.floating-save-btn{min-width:170px;pointer-events:auto;box-shadow:0 10px 28px #28346833}.theme-powerball{--synd-accent: #1e63d8;--synd-soft: #e8f1ff;--synd-border: #cfe0ff}.theme-ozlotto{--synd-accent: #1d9f52;--synd-soft: #f5fbe8;--synd-border: #dcebaf}.theme-saturday{--synd-accent: #d43b4e;--synd-soft: #fff0f2;--synd-border: #f8d1d8}.theme-pinkpurple{--synd-accent: #a03fbe;--synd-soft: #fff0fb;--synd-border: #efc9e8}.table-sort{border:0;background:transparent;color:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;padding:0;min-height:auto;text-align:left}.history-table-header{background:#f7f9ff;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:.76rem;letter-spacing:.03em}.status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-style:normal;font-weight:800;font-size:.78rem}.status-pill.balanced{background:#e8f9f0;color:#1f9a58}.status-pill.over{background:#e7f5ee;color:#1b8f53}.status-pill.short{background:#ffeef2;color:#c93f5d}.empty-history{padding:12px;margin:0;color:var(--muted)}.roster-grid,.roster-board{display:grid;grid-template-columns:1fr;gap:10px}.popular-shifts{border:1px solid var(--line);border-radius:12px;background:#f9fbff;padding:10px}.popular-shifts h5{margin:0 0 8px;font-size:1rem}.popular-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;font-weight:700;color:#2c355e}.roster-matrix{border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff}.matrix-row{display:grid;grid-template-columns:170px repeat(7,minmax(130px,1fr)) 80px;border-bottom:1px solid var(--line)}.matrix-row>div{padding:8px;border-right:1px solid var(--line)}.matrix-row>div:last-child{border-right:0}.matrix-head{background:#f3f7ff;font-weight:800;color:#5b6282}.emp-name{font-weight:800;color:#3270bf}.matrix-cell{min-height:68px}.off-label{color:#a0a7be;font-size:.82rem}.emp-total{font-weight:800}.matrix-total{background:#f8faff;font-weight:800}.roster-day{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;min-height:140px}.roster-day header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.roster-day header span{color:var(--muted);font-size:.8rem}.roster-shifts{display:grid;gap:8px}.roster-shift{border-radius:10px;border:1px solid #dbe3ff;padding:8px;display:grid;gap:2px;cursor:grab}.roster-shift strong{font-size:.9rem}.roster-shift small{color:#2d365f}.employee-card-row{display:flex;flex-wrap:wrap;gap:8px}.employee-chip{border:1px solid #d7def8;border-radius:999px;padding:8px 12px;font-weight:800;color:#2c355e;cursor:grab}.time-grid-wrap{--slot-height: 42px;--time-label-width: 140px;--day-col-min: 128px;border:1px solid var(--line);border-radius:12px;overflow:auto;background:#fff;width:100%;max-width:100%}.time-grid-canvas{width:max-content;min-width:100%}.time-grid-header,.time-grid-row{display:grid;grid-template-columns:var(--time-label-width) repeat(var(--day-cols, 7),minmax(var(--day-col-min),1fr));overflow:visible}.time-grid-header{background:#f4f7ff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.time-col-head,.day-col-head,.time-label,.drop-cell{border-right:1px solid var(--line)}.time-col-head,.day-col-head{padding:8px;font-weight:800;color:#5b6282}.time-label{padding:8px;color:#6d7593;font-size:.84rem;border-bottom:1px solid var(--line);font-weight:700}.drop-cell{min-height:var(--slot-height);padding:3px;border-bottom:1px solid var(--line);background:#fff;position:relative;overflow:visible}.drop-cell:last-child,.day-col-head:last-child{border-right:0}.drop-cell:hover{background:#f8faff}.cell-shift{border:1px solid #d7def8;border-radius:8px;padding:5px 6px;display:grid;align-content:start;justify-items:start;gap:2px;overflow:hidden}.span-shift{position:absolute;top:3px;z-index:3;overflow:hidden}.time-grid-row{position:relative}.vertical-shift{position:absolute;min-height:20px;border:1px solid #b9c9ff;pointer-events:auto;cursor:pointer;opacity:.82;-webkit-backdrop-filter:saturate(110%);backdrop-filter:saturate(110%);z-index:30;box-shadow:0 2px 6px #3646781f}.shift-hit{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;padding:0;cursor:pointer}.cell-shift strong{font-size:.72rem;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-shift small{font-size:.66rem;color:#33406e;line-height:1.05;max-width:100%;white-space:normal;text-align:left}.shift-time{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.shift-time span{display:block}.shift-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14182861;display:grid;place-items:center;z-index:999;padding:12px}.shift-modal{width:100%;max-width:420px;background:#fff;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;display:grid;gap:8px}.shift-modal h4{margin:0}.shift-modal p{margin:0;color:var(--muted)}.shift-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.good{color:var(--good)}.bad{color:var(--bad)}.status{margin:0;font-size:.85rem;font-weight:700}.settlement-card{background:linear-gradient(180deg,#f7f9ff,#fff)}.settlement-row{display:flex;justify-content:space-between;margin:6px 0}.settlement-row span{color:var(--muted);font-weight:700}.settlement-row strong{letter-spacing:-.02em}.settlement-row.variance{border-top:1px dashed #d5dcf4;padding-top:8px;margin-top:10px}.formula-line{margin:6px 0 0;color:var(--muted);font-size:.82rem;line-height:1.35}.toast{position:sticky;bottom:80px;margin-top:10px;padding:10px 12px;background:#111a;color:#fff;border-radius:10px;font-weight:700}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a102438;z-index:1198}.hamburger-menu-panel{position:absolute;right:16px;top:70px;width:min(320px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:8px;box-shadow:0 10px 24px #1116281f;z-index:1201;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.hamburger-menu-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)}.hamburger-menu-panel button{min-height:40px;border-radius:10px;text-align:left}.hamburger-menu-panel button.active{background:linear-gradient(90deg,var(--accent),#6f7bff);color:#fff}@media (max-width: 640px){.app-shell{width:100%;max-width:none;padding:12px 10px}.app-header h1{font-size:2rem;line-height:1.05}.app-header p{margin:4px 0 10px;font-size:.88rem}.meta-card,.workflow-card,.panel-card,.stat-card{border-radius:14px}.meta-card,.panel-card,.workflow-card{padding:10px}label{font-size:.9rem;gap:5px}input,select,button{min-height:40px;padding:9px 10px;font-size:.95rem}.kpi-row{grid-template-columns:1fr;gap:8px}.kpi-row .stat-card{padding:10px 12px}.stat-card span{font-size:.78rem}.stat-card strong{font-size:1.05rem}.workflow-head h3{font-size:1.5rem}.workflow-head span{font-size:.74rem;padding:5px 9px}.ledger-block{border-radius:12px}.ledger-block h3{font-size:1.02rem;padding:9px 10px}.ledger-head,.ledger-row{grid-template-columns:.9fr 1fr .95fr;gap:6px;padding:7px 8px}.ledger-head{font-size:.74rem}.ledger-row input,.money-grid-row-stack input{min-height:36px;padding:7px 8px;font-size:.92rem}.money-grid-actions button{width:100%}.money-grid-actions{justify-content:stretch}.money-amount-input{max-width:none}.line-total{padding:8px 10px;font-size:.92rem}.carry-note{padding:8px 10px;font-size:.85rem}.settlement-row{font-size:.92rem}.hamburger-menu-panel{right:10px;top:64px;width:min(320px,calc(100vw - 20px))}.roster-board{grid-template-columns:1fr}.popular-shifts{order:2}.roster-matrix{order:1}.time-grid-header,.time-grid-row{--time-label-width: 120px;--day-col-min: 112px}.time-label{font-size:.76rem;padding:7px 6px}.history-table-row{min-width:540px}.panel-card,.workflow-card,.meta-card{overflow:hidden}}@media (min-width: 900px){.admin-item{grid-template-columns:1.2fr 1fr auto;align-items:center}.admin-item-user{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:center}}@media (min-width: 740px){.grid-2{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}.history-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-table-row{grid-template-columns:1.1fr .9fr 1fr .8fr .8fr .8fr;align-items:center;gap:10px}.admin-sales-table{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-board{grid-template-columns:240px 1fr}.syndicate-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.cashup-layout{grid-template-columns:.9fr 1.1fr}.history-kpi-grid,.roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}