:root{color:#282723;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fffefa;--canvas:#f7f6f2;--ink:#282723;--muted:#66625a;--line:#e8e4dc;--accent:#ad451f;--accent-hover:#933918;--sidebar:#242621;--rail-width:228px;background:#f7f6f2;font-family:system-ui,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:300px;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.file-control:focus-within{outline-offset:3px;outline:2px solid #bc6139}a{color:var(--accent)}h1,h2,h3,p,dl{margin:0}h1,h2,h3{font-family:system-ui,sans-serif}h1{letter-spacing:-.045em;font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:650;line-height:1.13}h2{letter-spacing:-.02em;font-size:1.045rem;font-weight:650}h3{letter-spacing:-.01em;font-size:.93rem}small{font-size:.79rem}svg{vertical-align:middle;flex-shrink:0}section{min-width:0}.shell{min-height:100vh}.sidebar{width:var(--rail-width);z-index:5;background:var(--sidebar);color:#f8f4eb;flex-direction:column;padding:24px 14px 15px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:auto}.brand-link{color:inherit;width:fit-content;margin:0 5px 30px;text-decoration:none;display:inline-flex}.brand{text-align:left;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff3e5;background:#a9502f;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.brand-name{letter-spacing:-.025em;font-family:system-ui,sans-serif;font-size:1.03rem;font-weight:650;line-height:1.1}.brand-name small{color:#aaa99e;letter-spacing:.035em;margin-top:4px;font-family:system-ui,sans-serif;font-size:.72rem;font-weight:500;display:block}.nav-group{margin:0 0 22px}.nav-label{color:#aaa99e;letter-spacing:.09em;text-transform:uppercase;margin:0 11px 5px;font-size:.66rem;font-weight:700}.nav-link{color:#dfded4;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;min-height:41px;margin:3px 0;padding:8px 10px;font-size:.91rem;font-weight:550;text-decoration:none;display:flex}.nav-link svg{color:#b6b6a9}.nav-link:hover{color:#fff9ef;background:#30322b}.nav-link.current{color:#fff3e4;background:#3a352b;border-color:#504335}.nav-link.current svg{color:#ef9d70}.sidebar-bottom{margin-top:auto}.account-menu{border-top:1px solid #3b3e34;margin-top:11px;padding-top:11px}.account-menu summary,.account-menu button{color:#f0eee4;border-radius:7px;align-items:center;gap:9px;width:100%;display:flex}.account-menu summary{cursor:pointer;padding:6px 5px;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary:hover,.account-menu button:hover{background:#30322b}.account-menu summary>span{flex:1;min-width:0}.account-menu strong,.account-menu small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-menu strong{font-size:.82rem;font-weight:650}.account-menu small{color:#aaa99e;font-size:.71rem}.account-menu button{text-align:left;background:0 0;border:none;padding:9px 8px}.avatar{color:#f0d6bd;background:#4c4638;border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:.7rem;font-weight:700;display:grid}.mobile-header,.scrim{display:none}.workspace{margin-left:var(--rail-width);min-width:0}.demo-banner{color:#754222;background:#f4ece0;border-bottom:1px solid #e9ddce;align-items:center;gap:7px;min-height:35px;padding:6px clamp(20px,4vw,62px);font-size:.78rem;display:flex}.demo-banner strong{font-weight:700}.content{max-width:1420px;margin:0 auto;padding:clamp(25px,4vw,58px) clamp(20px,4vw,62px) 60px}.page-alert{margin-bottom:16px}.heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:17px 26px;margin:0 0 28px;display:flex}.heading p{color:var(--muted);margin-top:7px;font-size:.94rem}.heading-actions,.inline-actions,.toolbar-right{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.heading-actions{gap:8px}.back-link{align-items:center;gap:3px;margin-bottom:14px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex}.back-link svg{transform:rotate(180deg)}.back-link:hover,.text-link:hover,.link-button:hover,.project-link:hover{text-decoration:underline}.button,.icon-button,.tabs button{white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.button{border-radius:7px;min-height:38px;padding:7px 12px;font-size:.88rem;font-weight:650;line-height:1.2}.button-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button-primary:hover:enabled,a.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button-secondary{background:var(--paper);color:#38362f;border-color:#ded9cf}.button-secondary:hover:enabled,a.button-secondary:hover{background:#f3efe7;border-color:#cfc7b9}.button-ghost{color:#595449;background:0 0}.button-ghost:hover:enabled{color:var(--ink);background:#f4f0e8}.button-danger{color:#9a372c;background:#fffaf7;border-color:#e3c1ba}.button-danger:hover:enabled{background:#f9e8e4}.icon-button{color:#5c564c;background:0 0;border-color:#0000;border-radius:7px;width:34px;height:34px;padding:0}.icon-button:hover:enabled{color:var(--ink);background:#f2ece2}.link-button,.text-link,.project-link{color:var(--accent);text-align:left;background:0 0;border:none;padding:0;font-weight:650;text-decoration:none}.text-link,.project-link{align-items:center;gap:5px;display:inline-flex}.project-link{color:#3a3329}.project-link svg{color:#a06a48}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.muted{color:var(--muted);margin-top:11px;font-size:.85rem;line-height:1.45}.capitalize{text-transform:capitalize}.status-line{flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-bottom:17px;display:flex}.toolbar>select,.toolbar-right select{max-width:200px}.invoice-filter{justify-content:flex-start}.filter-date{color:var(--muted);align-items:center;gap:6px;font-size:.79rem;display:flex}.search-box{background:var(--paper);color:#686053;border:1px solid #ded9cf;border-radius:7px;align-items:center;gap:8px;min-width:min(230px,100%);padding:0 10px;display:flex}.search-box:focus-within{border-color:#bd805f}.search-box input{min-height:36px;color:var(--ink);outline-offset:2px;background:0 0;border:none;flex:1;width:100%;padding:6px 0}input:not([type=checkbox],[type=file]),select,textarea{background:var(--paper);width:100%;min-height:37px;color:var(--ink);border:1px solid #ded9cf;border-radius:7px;padding:7px 9px;font-size:.88rem}.toolbar input,.toolbar select,.panel-head select{width:auto}.toolbar .search-box input{background:0 0;border:none;width:100%;min-height:36px;padding:6px 0}input[readonly]{color:#665e52;background:#f7f4ed}input::placeholder,textarea::placeholder{color:#777166}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex:0 0 16px;margin:0}textarea{resize:vertical;line-height:1.45}.section-tabs{margin:0 0 15px}.tabs{background:#eeebe4;border-radius:8px;gap:2px;max-width:100%;padding:3px;display:inline-flex}.tabs button{color:#595449;background:0 0;border-radius:6px;min-height:29px;padding:4px 10px;font-size:.82rem;font-weight:650}.tabs button:hover{color:#282723}.tabs button.selected{background:var(--paper);color:var(--ink);border-color:#e3dfd5;box-shadow:0 1px 2px #30271b12}.badge{color:#5c574d;white-space:nowrap;background:#eeece6;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.badge.green{color:#365744;background:#e5eee4}.badge.orange{color:#8d4722;background:#f5e6d7}.badge.red{color:#9a372c;background:#f6e4df}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-head,.panel-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:55px;padding:13px 17px;display:flex}.panel-head{border-bottom:1px solid var(--line)}.panel-head small{color:var(--muted);margin-top:3px;display:block}.panel-foot{border-top:1px solid var(--line);color:#524d42;background:#fcfbf7;font-size:.86rem}.panel-foot strong{color:var(--ink)}.panel-body{padding:15px 17px}.table-wrap{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.87rem}th{color:#5d574f;white-space:nowrap;background:#f7f5ef;padding:10px 14px;font-size:.76rem;font-weight:700}td{vertical-align:middle;padding:11px 14px}th:first-child,td:first-child{padding-left:17px}th:last-child,td:last-child{padding-right:17px}tbody tr+tr{border-top:1px solid #eeeae1}td strong{font-weight:650}td small{color:var(--muted);margin-top:3px;display:block}.cell-notes{overflow-wrap:anywhere;white-space:pre-wrap;min-width:125px;max-width:300px;color:var(--muted)}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty-icon{color:#99704f;background:#f2ede3;border-radius:11px;place-items:center;width:42px;height:42px;margin:0 auto 10px;display:grid}.empty strong{color:var(--ink);font-size:.98rem;display:block}.empty p{max-width:360px;margin:5px auto 0;font-size:.86rem;line-height:1.45}.empty .button{margin-top:12px}.date-nav,.date-arrows,.date-select{align-items:center;gap:6px;display:flex}.date-nav{flex-wrap:wrap}.date-arrows,.date-select{background:var(--paper);border:1px solid #ded9cf;border-radius:7px;height:38px}.date-arrows{gap:0}.date-arrows .icon-button{border-radius:6px;width:33px;height:35px}.date-arrows .icon-button+.icon-button{border-left:1px solid #ded9cf;border-top-left-radius:0;border-bottom-left-radius:0}.date-select{width:max-content;padding:0 9px;position:relative}.date-select strong{font-size:.83rem;font-weight:650}.date-select svg{color:#6f6554}.date-select input[type=date]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.date-select input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.date-select:focus-within{outline-offset:3px;outline:2px solid #bc6139}.calendar-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.calendar-day{background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:8px;justify-items:center;gap:4px;min-height:76px;padding:9px 4px;font-size:.82rem;display:grid}.calendar-day strong{color:var(--ink);font-variant-numeric:tabular-nums;font:600 1.05rem system-ui,sans-serif}.calendar-day small{color:var(--muted);font-size:.68rem}.calendar-day:hover{border-color:#d9bcaa}.calendar-day.selected{color:#8e4829;background:#fbede1;border-color:#d9a78d}.calendar-day.selected strong,.calendar-day.selected small{color:#8e4829}.timer-bar{color:#364d3c;background:#edf2e9;border:1px solid #d9e2d6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-bottom:18px;padding:8px 11px;font-size:.82rem;display:flex}.timer-dot{background:#50765a;border-radius:50%;width:8px;height:8px}.timer-clock{font-variant-numeric:tabular-nums;margin-left:auto;font-size:1rem;font-weight:700}.timer-project{color:#546758}.timer-bar .button{min-height:31px}.contact-stack{gap:9px;display:grid}.contact-stack .text-link{margin-top:2px;font-size:.78rem}.client-projects+.client-projects{margin-top:14px}.record-note{white-space:pre-wrap;color:var(--muted);margin:-5px 0 18px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:15px;display:grid}.metric{background:var(--paper);border:1px solid var(--line);border-radius:9px;gap:4px;padding:12px 14px;display:grid}.metric span{color:var(--muted);font-size:.8rem}.metric strong{overflow-wrap:anywhere;font-family:system-ui,sans-serif;font-size:1.1rem;font-weight:650}.project-chart{margin-bottom:17px}.chart-wrap{padding:16px;overflow:auto}.week-chart{gap:8px;display:flex}.week-column{text-align:center;flex:1 0 50px;place-items:center;gap:5px;display:grid}.week-column .numeric{font-size:.77rem}.week-column small{color:var(--muted);white-space:nowrap;font-size:.7rem}.week-bar-space{align-items:end;width:min(45px,75%);height:90px;display:flex}.week-bar{background:#be714d;border-radius:5px 5px 0 0;width:100%}.alert{color:#862d25;background:#f9eae6;border:1px solid #ecc8c2;border-radius:7px;align-items:flex-start;gap:7px;padding:10px 12px;font-size:.86rem;display:flex}.dialog{width:min(520px,100vw - 24px);max-width:none;max-height:calc(100dvh - 28px);color:var(--ink);background:var(--paper);border:1px solid #ddd5c8;border-radius:13px;padding:0;box-shadow:0 18px 64px #26231d40}.dialog::backdrop{background:#25231d70}.dialog-wide{width:min(720px,100vw - 24px)}.dialog>form{flex-direction:column;max-height:calc(100dvh - 30px);display:flex}.dialog-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:12px 17px;display:flex}.dialog-head h2{font-size:1.16rem}.dialog-head p{color:var(--muted);margin-top:4px;font-size:.84rem}.dialog-head .icon-button{flex:0 0 33px}.dialog-body{padding:16px 17px;overflow:auto}.dialog-body>.alert{margin:0 0 12px}.dialog-foot{border-top:1px solid var(--line);background:#fcfaf5;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;padding:11px 17px;display:flex}.dialog-leading{margin-right:auto}.dialog-tabs{margin-bottom:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;display:grid}.form-grid .wide{grid-column:1/-1}.field{color:#4f4a40;align-content:start;gap:5px;min-width:0;font-size:.82rem;font-weight:650;display:grid}.field small{color:var(--muted);font-size:.74rem;font-weight:400;line-height:1.3}.checkbox{color:#474035;align-items:center;gap:7px;min-width:0;padding:4px 0;font-size:.86rem;display:inline-flex}.form-grid>.checkbox{align-self:end;min-height:37px}.checklist{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 9px;display:grid}.subheading{justify-content:space-between;align-items:center;gap:8px;margin:16px 0 8px;display:flex}.subheading.justify-start{justify-content:flex-start;margin-bottom:0}.contact-fieldset,.draft-line{border:1px solid var(--line);border-radius:8px;margin:0 0 8px;padding:8px 11px 11px}.contact-fieldset legend,.draft-line legend{color:var(--muted);padding:0 5px;font-size:.76rem;font-weight:600}.contact-fieldset .button{min-height:30px;margin-top:6px}.confirm-copy{line-height:1.5}.picker-list{gap:6px;display:grid}.picker-list button{width:100%;color:var(--ink);border:1px solid var(--line);text-align:left;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.picker-list button:hover{background:#f6f1e8}.picker-list small{color:var(--muted);margin-top:3px;display:block}.attachment-row{justify-content:space-between;align-items:center;gap:7px;margin-bottom:4px;font-size:.86rem;display:flex}.file-control{cursor:pointer;color:#62523f;border:1px dashed #cdbdab;border-radius:7px;align-items:center;gap:6px;margin:9px 7px 4px 0;padding:7px 9px;font-size:.83rem;font-weight:650;display:inline-flex;position:relative}.file-control input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-control:hover{background:#f4efe4}.settings-panel+.settings-panel{margin-top:15px}.settings-form{padding:15px 17px}.success-text{color:#3f6947;font-size:.86rem}.invoice-summary{margin-bottom:17px}.invoice-status-bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:-8px;margin-bottom:17px;font-size:.86rem;display:flex}.invoice-status-bar strong{color:var(--ink);font-variant-numeric:tabular-nums}.invoice-status-bar .button{margin-left:auto}.invoice-paper{background:#fff;border:1px solid #e3dfd5;border-radius:12px;margin-bottom:17px;padding:clamp(16px,4vw,46px);box-shadow:0 2px 7px #2c25190a}.invoice-paper-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:13px;padding-bottom:16px;display:flex}.invoice-paper-top>div:first-child{gap:4px;font-size:.9rem;display:grid}.invoice-paper-top>div:first-child strong{font-size:1.12rem}.invoice-title{text-align:right;color:var(--muted);gap:3px;font-size:.83rem;display:grid}.invoice-title strong{color:var(--ink);letter-spacing:-.03em;font-family:system-ui,sans-serif;font-size:clamp(1.1rem,3vw,1.85rem);line-height:1.1}.invoice-metadata{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr) minmax(0,.7fr);gap:10px;padding:19px 0;display:grid}.invoice-metadata>div{align-content:start;gap:3px;font-size:.86rem;display:grid}.invoice-metadata small,.invoice-paper-top span{color:var(--muted)}.invoice-metadata strong+small{margin-top:5px}.invoice-paper>h2{margin:0 0 9px}.invoice-lines{border:1px solid var(--line);border-radius:7px}.bill-totals{gap:5px;width:min(325px,100%);margin:15px 0 0 auto;font-size:.86rem;display:grid}.bill-totals>div{justify-content:space-between;gap:8px;display:flex}.bill-totals dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.bill-total-line{border-top:1px solid var(--line);margin-top:3px;padding-top:6px;font-weight:700}.invoice-notes{color:#514b40;margin-top:15px;font-size:.86rem}.invoice-notes h3{color:var(--ink);margin-bottom:4px}.attachment-links{gap:5px;font-size:.86rem;display:grid}.attachment-links>a{width:fit-content}.line-controls{flex-wrap:wrap;align-items:center;gap:6px;padding-top:5px;display:flex}.line-controls .muted{margin:0}.line-controls .icon-button{margin-left:auto}.draft-lines{margin-bottom:10px}.billing-panel,.reminder-panel{margin-bottom:12px}.reminder-details{color:var(--muted);flex-wrap:wrap;gap:10px 15px;font-size:.86rem;display:flex}.reminder-details strong{color:var(--ink)}.history-list>details+details{border-top:1px solid var(--line)}.history-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:9px;padding:10px 17px;display:flex}.history-list summary:hover{background:#faf7f0}.history-list summary small{color:var(--muted);margin-top:3px;display:block}.history-body{padding:0 17px 12px}.history-body dl{gap:3px;margin-bottom:8px;font-size:.82rem;display:grid}.history-body dl>div{align-items:baseline;gap:8px;display:flex}.history-body dt{color:var(--muted);min-width:9em}.history-body dd{overflow-wrap:anywhere;min-width:0;margin:0}.history-body p{color:#484237;font-size:.84rem}.invoice-management{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.sign-in{place-items:center;min-height:100dvh;padding:17px;display:grid}.sign-in-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;width:min(430px,100%);padding:clamp(17px,5vw,35px);box-shadow:0 10px 45px #30261b0d}.sign-in-card .brand{margin-bottom:25px}.sign-in-card .brand-name small{color:#71685a}.sign-in-card h1{font-size:1.8rem}.sign-in-card p{color:var(--muted);margin:6px 0 13px;font-size:.92rem}.sign-in-card .alert{margin-bottom:10px}.sign-in-main{width:100%}.demo-sign-in{border-top:1px solid var(--line);margin-top:18px;padding-top:13px}.demo-title{color:#814a2d;align-items:center;gap:5px;font-size:.86rem;font-weight:700;display:flex}.quick-shell .demo-banner{padding-left:14px;padding-right:14px}.quick-content{max-width:560px;margin:auto;padding:13px 14px 16px}.quick-content>.heading{margin-bottom:12px}.quick-content .heading h1{font-size:1.43rem}.quick-content .timer-bar{gap:5px 7px}.quick-content .panel-head{padding:9px 10px}.quick-time-link{margin-top:12px}@media (width<=1120px){:root{--rail-width:194px}.time-toolbar{row-gap:8px}}@media (width<=780px){.mobile-header{color:#f8f4eb;background:var(--sidebar);z-index:6;justify-content:space-between;align-items:center;min-height:55px;padding:8px 14px;display:flex;position:sticky;top:0}.mobile-header .icon-button{color:#f8f4eb}.mobile-header .icon-button:hover:enabled{color:#fff;background:#36382f}.mobile-header .brand-mark{width:32px;height:32px}.sidebar{display:none;top:55px}.sidebar-open{display:flex}.sidebar .brand-link{display:none}.scrim{z-index:4;background:#24262180;border:none;display:block;position:fixed;inset:55px 0 0}.workspace{margin-left:0}.content{padding-bottom:40px}}@media (width<=500px){.content{padding:21px 12px 32px}.demo-banner{padding-left:12px;padding-right:12px}.heading{margin-bottom:19px}.heading p{font-size:.88rem}.calendar-strip{gap:3px}.calendar-day{min-height:61px;padding:7px 2px;font-size:.72rem}.calendar-day strong{font-size:.87rem}.calendar-day small{font-size:.6rem}.invoice-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:7px}.metric span{font-size:.72rem}.metric strong{font-size:.9rem}.form-grid{gap:8px}.dialog-head,.dialog-body,.dialog-foot{padding-left:11px;padding-right:11px}}
