*{box-sizing:border-box}body{margin:0;background:#2c0f44}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}.staffing{--bg: #2c0f44;--surface: #3a1559;--raised: #4a3663;--line: #4a3663;--line-soft: #4a366399;--text: #ffffff;--muted: #cfaeed;--faint: #cfaeedb3;--gold: #fec200;--on-gold: #2c0f44;--win: #7fd9a6;--win-bg: #0c512c;--loss: #ff9c88;--loss-bg: #77251a;--r-xs: 4px;--r-sm: 8px;--r-md: 16px;--r-lg: 24px;--r-xl: 40px;--r-round: 999px;--sans: "Reddit Sans", sans-serif;--mono: "DM Mono", monospace;min-height:100vh;padding:0 32px 40px;color:var(--text);font:15px/1.4 var(--sans);background:radial-gradient(ellipse 60% 55% at 78% -8%,#8a3a4a4d,transparent 70%),radial-gradient(ellipse 55% 60% at 55% -10%,#6a2a9a66,transparent 70%),var(--bg)}a{color:inherit;text-decoration:none}button{border:2px solid var(--text);border-radius:var(--r-round);padding:9px 18px;color:var(--text);background:transparent;cursor:pointer;font-weight:700;font-size:13px;line-height:1.4}button:hover:not(:disabled){background:#ffffff14}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}button.primary:hover:not(:disabled){background:#ffd23d;border-color:#ffd23d}button.quiet{border-color:transparent;color:var(--gold);padding-left:12px;padding-right:12px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input,select{min-width:0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);padding:12px 16px;outline:none}input:focus,select:focus{border-color:var(--gold)}input::placeholder{color:var(--faint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font:11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.04em}label input,label select{width:100%;font:15px var(--sans);text-transform:none;letter-spacing:0}fieldset{min-width:0;border:0;padding:0;margin:0}form{display:flex;flex-direction:column;gap:18px}h1,h2,h3,p{margin:0}h1{font:800 clamp(30px,3.4vw,44px)/1 var(--sans);letter-spacing:-.02em;text-transform:uppercase}h1 em{font-style:normal;color:var(--gold)}h2{font-size:28px;font-weight:640;letter-spacing:-.02em;line-height:1.05}h3{font-size:18px;font-weight:640;letter-spacing:-.01em}p{color:var(--muted);line-height:1.5}.eyebrow{display:block;font:11px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.topbar{height:78px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line-soft)}.wordmark{display:block;color:var(--text)}.wordmark svg{display:block;height:26px;width:auto}.top-label{color:var(--muted);font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-left:auto}.topbar button{font-size:12px;padding:7px 14px}.auth-card{max-width:440px;margin:90px auto;padding:40px;border:1px solid var(--line);border-radius:var(--r-xl);background:#3a155966}.auth-card h1{font-size:34px;margin:14px 0}.auth-card form{margin-top:28px}.auth-card .hint{margin-top:24px}.auth-card>button{margin-top:20px}.wide{width:100%;padding-top:14px;padding-bottom:14px;font-size:15px}.hint{color:var(--muted);font-size:12px;line-height:1.5}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:40px 0 28px;gap:20px}.page-heading h1{margin:12px 0 10px}.back{color:var(--gold);font:12px var(--mono);letter-spacing:.04em;text-transform:uppercase}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line-soft);margin-bottom:24px}.tabs button{padding:10px 4px 12px;border:0;border-radius:0;color:var(--muted);font-size:15px;box-shadow:inset 0 -3px 0 transparent}.tabs button:hover:not(:disabled){background:transparent;color:var(--text)}.tabs button.selected{box-shadow:inset 0 -3px 0 var(--gold);color:var(--text)}.tabs span{font:11px var(--mono);color:var(--muted);margin-left:8px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;min-height:570px;background:#3a155933}.sidebar{padding:24px 16px;border-right:1px solid var(--line);background:#2c0f4466;display:flex;flex-direction:column;gap:18px}.sidebar>.primary{font-size:13px}.sheet-list{display:flex;flex-direction:column;gap:8px}.sheet-item{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px;border:1px solid transparent;border-radius:var(--r-md);font-weight:400}.sheet-item:hover:not(:disabled){background:#ffffff0a}.sheet-item.selected{background:var(--surface);border-color:var(--line)}.sheet-item strong{font-size:14px;font-weight:700}.sheet-item>span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.sheet-item .sheet-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:4px}.sheet-meta b{font:12px var(--mono);color:var(--gold)}.sheet-meta small{font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.sidebar-foot{font-size:12px;border-top:1px solid var(--line-soft);padding-top:18px;margin-top:auto}.workspace{min-width:0;padding:28px}.overview-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.overview-heading h2{margin:8px 0}.overview-heading p{font-size:13px}.overview-heading label{width:200px;flex:none}.overview-topline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.overview-topline section{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.overview-topline .overview-expense{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.overview-topline strong{font:800 clamp(26px,2.4vw,36px)/1 var(--sans);letter-spacing:-.02em;overflow-wrap:anywhere}.overview-topline small{font-size:12px;color:var(--muted)}.overview-expense .eyebrow,.overview-expense small{color:var(--on-gold);opacity:.75}.overview-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.overview-chart{min-width:0;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:var(--surface)}.chart-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;min-height:48px}.chart-heading h3{margin-top:8px}.chart-heading label{width:110px}.chart-heading select{padding:8px 32px 8px 12px}.chart-currency{font:12px var(--mono);color:var(--muted)}.chart-body{display:flex;align-items:center;gap:24px;padding-top:24px}.pie{width:clamp(150px,14vw,200px);aspect-ratio:1;border-radius:50%;flex:none;box-shadow:0 0 0 1px var(--line)}.pie-legend{list-style:none;padding:0;margin:0;min-width:0;flex:1}.pie-legend li{display:grid;grid-template-columns:10px minmax(70px,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.pie-legend li:last-child{border-bottom:0}.pie-legend strong{font:12px var(--mono);white-space:nowrap}.pie-legend small{color:var(--muted);font:11px var(--mono);text-align:right;width:34px}.pie-legend .legend-empty{display:block;color:var(--muted)}.legend-dot{display:block;width:10px;height:10px;border-radius:50%}.overview-note{font-size:12px;margin-top:14px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.workspace-heading h2{margin:8px 0 12px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.actions button{font-size:12px}.badge{display:inline-block;padding:5px 12px;background:var(--win-bg);color:var(--win);font:11px/1.3 var(--mono);letter-spacing:.04em;border-radius:var(--r-round)}.badge.muted{color:var(--muted);background:var(--raised)}.summary{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;margin-bottom:24px}.summary section{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--surface)}.summary .invoice{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.invoice>strong{font:800 clamp(24px,2.5vw,36px)/1 var(--sans);letter-spacing:-.02em;overflow-wrap:anywhere}.invoice>span:not(.eyebrow){font-size:13px}.invoice>small{font-size:11px}.invoice .eyebrow,.invoice>small{color:var(--on-gold);opacity:.75}.stat>strong{font:800 28px/1 var(--sans);letter-spacing:-.02em}.stat strong small{color:var(--muted);font:12px var(--sans);letter-spacing:0}.stat>span:not(.eyebrow){color:var(--muted);font-size:12px}.stat>b{font:12px var(--mono);color:var(--gold);border-top:1px solid var(--line-soft);padding-top:12px;margin-top:auto}.timesheet{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.table-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:20px}.table-heading p,.panel-heading p{font-size:12px;margin-top:6px}.save-state{color:var(--win);white-space:nowrap;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase}.save-state.unsaved{color:var(--gold)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th,td{padding:10px 16px;border-bottom:1px solid var(--line-soft)}thead{background:#2c0f4466}thead th{color:var(--muted);font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;padding-top:14px;padding-bottom:14px;overflow-wrap:anywhere;max-width:180px}tbody th{font-weight:400;white-space:nowrap;min-width:96px}.day{font:13px var(--mono)}.weekday{font-size:11px;color:var(--muted);margin-left:8px;font-family:var(--mono);text-transform:uppercase}.weekend{background:#2c0f4455}.monday th,.monday td{border-top:1px solid var(--line)}.numeric{text-align:right;white-space:nowrap;font:12px var(--mono)}.entries input{width:80px;padding:8px 10px;border-radius:var(--r-sm);border-color:var(--line-soft);background:#2c0f4480;font:13px var(--mono)}.entries input.note{min-width:140px;width:100%;background:transparent;border-color:transparent;font:12px var(--sans)}.entries input:focus{border-color:var(--gold)}.entries:disabled input{opacity:1;background:transparent;border-color:transparent}tfoot{background:#2c0f4466;color:var(--gold)}tfoot th{font-weight:700}tfoot th,tfoot td{padding-top:18px;padding-bottom:18px}.table-footer{padding:16px 24px}.table-footer p{font-size:11px}.submission{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:22px}.submission p{font-size:12px;flex:1;min-width:180px}.submission button{font-size:12px}.settings{border:1px solid var(--line);padding:24px;border-radius:var(--r-lg);margin-bottom:22px;background:var(--surface)}.settings legend{padding:0 8px;font-size:13px;font-weight:700;color:var(--text)}.settings>.hint{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.projects{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:22px;border-top:1px solid var(--line-soft);padding-top:22px}.projects>label{width:160px}.project-control{display:flex}.project-control input{border-radius:var(--r-md) 0 0 var(--r-md)}.project-control button{border-radius:0 var(--r-md) var(--r-md) 0;border-width:1px;border-color:var(--line);border-left:0;padding:5px 12px}.projects>button{font-size:12px}.error,.notice{border-radius:var(--r-md);padding:13px 16px;margin-bottom:18px;font-size:13px;line-height:1.5}.error{background:var(--loss-bg);color:var(--loss)}.notice{background:var(--win-bg);color:var(--win)}form .error{margin-bottom:0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:40px}.empty h2{font-size:28px}.people-panel{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.people-panel tbody td{padding-top:18px;padding-bottom:18px}.people-panel .sub{display:block;color:var(--muted);margin-top:4px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.people-panel td button{font-size:12px;padding:7px 14px}dialog{width:min(580px,calc(100% - 30px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--bg);color:var(--text);padding:32px;box-shadow:0 24px 64px #2b0f452e}dialog::backdrop{background:#14061fcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog fieldset{display:grid;gap:18px}dialog h2{font-size:26px}dialog .actions{justify-content:flex-end}.checkbox{flex-direction:row;align-items:center;gap:10px}.checkbox input{width:18px;height:18px;accent-color:var(--gold)}.link-box{padding:18px;border:2px solid var(--gold);border-radius:var(--r-md)}.link-box button{margin:12px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:1600px){.staffing{padding-left:max(32px,calc((100vw - 1540px)/2));padding-right:max(32px,calc((100vw - 1540px)/2))}}@media(max-width:1150px){.staffing{padding-left:20px;padding-right:20px}.layout{grid-template-columns:200px minmax(0,1fr)}.workspace{padding:20px}.workspace-heading{align-items:start;flex-direction:column}.summary{grid-template-columns:repeat(3,minmax(0,1fr))}.summary .invoice{grid-column:1/-1}.table-heading{align-items:start;flex-direction:column;gap:12px}.overview-charts{grid-template-columns:1fr}.pie{width:190px}}@media(max-width:760px){.staffing{padding:0 16px 25px}.topbar{height:64px;gap:12px}.wordmark svg{height:20px}.top-label{display:none}.topbar button{margin-left:auto}.auth-card{margin:40px auto;padding:26px;border-radius:var(--r-lg)}.auth-card h1{font-size:28px}.page-heading{align-items:start;flex-direction:column;padding-top:28px}.page-heading p{font-size:13px}.tabs{gap:18px}.layout{display:flex;flex-direction:column;border-radius:var(--r-md)}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.sheet-list{flex-direction:row;overflow:auto}.sheet-item{min-width:185px}.sidebar-foot{margin-top:0}.workspace{padding:20px 12px}.overview-heading{align-items:stretch;flex-direction:column}.overview-heading label{width:100%}.overview-topline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-topline section{padding:16px 14px;border-radius:var(--r-md)}.overview-topline strong{font-size:24px}.overview-chart{padding:18px 14px;border-radius:var(--r-md)}.chart-body{align-items:start;flex-direction:column;gap:18px}.pie{width:min(190px,60vw);align-self:center}.pie-legend{width:100%}.summary{gap:8px}.summary section{padding:16px 14px;border-radius:var(--r-md)}.invoice>strong{font-size:30px}.stat>strong{font-size:22px}.stat .eyebrow{font-size:9px}.stat>b{font-size:11px}.timesheet,.settings,.people-panel{border-radius:var(--r-md)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,.entries input,.entries input.note{font-size:16px}.panel-heading{align-items:start;flex-direction:column}.empty{min-height:340px;padding:30px 20px}.empty h2{font-size:24px}dialog{padding:24px;border-radius:var(--r-lg)}}
