:root{color-scheme:light;--bg:#f5f5f7;--white:#fff;--ink:#1d1d1f;--muted:#626267;--line:#e6e6eb;--blue:#0071e3;--blue-ink:#075eb5;--sent:#eaf4ff;--paid:#eaf7ee;--potential:#fff8db;--green:#166542;--radius:21px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,select{font:inherit;color:inherit}
button{cursor:pointer}button:disabled{cursor:default;opacity:.55}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{width:min(1360px,calc(100% - 72px));margin-inline:auto}
.bar{position:sticky;top:0;z-index:5;border-bottom:1px solid #e7e7eb;background:#fafafbdc;backdrop-filter:saturate(160%) blur(18px)}
.bar-inner{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.brand{display:inline-flex;width:max-content;align-items:center;text-decoration:none;font-size:14px;letter-spacing:-.022em}
nav{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:12px}
nav a{text-decoration:none}nav a:hover{color:var(--blue-ink)}
.year{justify-self:end}
.year select{border:1px solid var(--line);border-radius:9px;background:white;padding:5px 8px;min-height:31px;font-weight:600;font-size:12px}
main{padding-block:42px 26px}
.intro{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:24px}
.eyebrow{font-size:12px;font-weight:650;letter-spacing:.02em;color:var(--muted);margin:0 0 8px}
h1{font-size:clamp(50px,6vw,82px);line-height:.93;letter-spacing:-.03em;margin:0 0 10px;font-weight:680}
.intro-copy{font-size:15px;color:var(--muted);margin:0}
.button{min-height:34px;border:1px solid var(--line);border-radius:20px;padding:6px 13px;background:var(--white);font-size:12px;font-weight:600;white-space:nowrap}
.button:hover{background:#f7f7fa}
.button.primary{background:var(--blue);border-color:var(--blue);color:white;padding-inline:15px}.button.primary:hover{background:#0065ce}
.button.job-add{background:#000;border-color:#000;color:white;padding-inline:15px}
.button.job-add:hover{background:#222}
.button.blue-soft{background:#eaf4ff;border-color:transparent;color:var(--blue-ink)}.button.blue-soft:hover{background:#ddecfc}
.button span{font-size:17px;line-height:0;vertical-align:-1px}
.card{background:var(--white);border:1px solid #ececf0;border-radius:var(--radius);box-shadow:0 2px 6px #15152e04;min-width:0}
.summary{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:14px;margin-bottom:25px}
.hero{padding:24px 25px 22px;display:flex;flex-direction:column;justify-content:space-between}
.hero .overline,.tile .overline{color:var(--muted);font-size:12px;font-weight:600;margin:0}
.hero .hero-line{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:6px 0 15px}
.amount{font-variant-numeric:tabular-nums;letter-spacing:-.052em;line-height:1;font-weight:650}
.hero .amount{font-size:clamp(28px,4.1vw,59px)}
.hero .amount small{font-size:.35em;letter-spacing:-.015em;vertical-align:13%;margin-left:4px}
.percent{font-weight:650;font-size:13px;color:var(--blue-ink);background:#eef5ff;padding:4px 8px;border-radius:13px;white-space:nowrap}
progress{--progress-fill:var(--blue);appearance:none;display:block;width:100%;height:8px;border:0;border-radius:20px;overflow:hidden;background:#e9ecf1}
progress[data-level="low"]{--progress-fill:#9c382c}
progress[data-level="high"]{--progress-fill:var(--green)}
progress::-webkit-progress-bar{background:#e9ecf1;border-radius:20px}
progress::-webkit-progress-value{background:var(--progress-fill);border-radius:20px}
progress::-moz-progress-bar{background:var(--progress-fill);border-radius:20px}
.target-line{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:9px;color:var(--muted);font-size:12px}
.pace-note{margin:6px 0 0;color:var(--muted);font-size:11px}
.goal-control{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.goal-control input{width:105px;min-height:30px;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:#f8f8fa;font-variant-numeric:tabular-nums}
.goal-control input:focus{background:white}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{padding:13px 14px}
.tile .amount{font-size:clamp(17px,2.1vw,29px);display:block;margin-top:7px;white-space:nowrap}
.tile small{color:var(--muted);display:block;font-size:10px;margin-top:5px}
.tile.negative .amount{color:#9c382c}
.tile.positive .amount{color:var(--green)}
.section{scroll-margin-top:74px;margin-bottom:14px}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 19px 13px}
.section-head h2{font-size:23px;line-height:1;letter-spacing:-.045em;margin:0}
.section-head p{color:var(--muted);font-size:11px;margin:5px 0 0}
.fold-panel>summary{position:relative;cursor:pointer;list-style:none;padding-right:42px}
.fold-panel>summary::-webkit-details-marker{display:none}
.fold-panel>summary::after{content:"";position:absolute;right:20px;top:50%;width:7px;height:7px;border:solid var(--muted);border-width:0 1px 1px 0;transform:translateY(-65%) rotate(45deg)}
.fold-panel[open]>summary::after{transform:translateY(-20%) rotate(225deg)}
.fold-panel>summary:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
.panel-toolbar{display:flex;justify-content:flex-end;padding:0 19px 12px}
.fold-body{border-top:1px solid var(--line)}
.fold-body .panel-toolbar{padding-top:12px}
.budget-breakdown.card{border-radius:12px}
.budget-breakdown summary{display:flex;justify-content:space-between;align-items:center;min-height:32px;padding:6px 13px;border-radius:inherit;font-size:12px;font-weight:600;cursor:pointer;list-style:none}
.budget-breakdown summary::-webkit-details-marker{display:none}
.budget-breakdown summary::after{content:"";width:6px;height:6px;margin-right:2px;border:solid var(--muted);border-width:0 1px 1px 0;transform:rotate(45deg)}
.budget-breakdown[open] summary::after{transform:rotate(225deg)}
.budget-breakdown-panel{border-top:1px solid var(--line);padding:10px 13px 13px}
.budget-breakdown-panel p{color:var(--muted);font-size:11px;margin:0 0 8px}
.lead-budgets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}
.lead-budgets dt{color:var(--muted);font-size:12px}
.lead-budgets dd{margin:5px 0 0;font-size:clamp(18px,2.1vw,29px);overflow-wrap:anywhere}
@media(max-width:650px){.lead-budgets{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.tools input,.tools select{background:#f7f7f9;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:12px;min-height:33px}
.tools input{width:min(160px,100%)}
.legend{display:flex;flex-wrap:wrap;gap:7px 16px;padding:0 19px 12px;color:var(--muted);font-size:11px}
.legend span{display:inline-flex;gap:5px;align-items:center}
.swatch{width:9px;height:9px;display:inline-block;border:1px solid #d6d8dd;border-radius:50%;background:white}
.swatch.sent{background:#d7eaff;border-color:#a6cbed}
.swatch.paid{background:#d8f2e1;border-color:#a8d4b6}
.swatch.potential{background:var(--potential);border-color:#dfcd85}
.scroll{overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.job-scroll{max-height:530px}
.job-scroll.user-sized{max-height:none}
.job-scroll.fully-expanded{max-height:none;height:auto}
.job-height-handle{display:grid;place-items:center;height:14px;cursor:ns-resize;touch-action:none;background:#fafafb;border-bottom:1px solid var(--line)}
.job-height-handle span{width:34px;height:3px;border-radius:3px;background:#b9bbc2}
.job-height-handle:hover span,.job-height-handle:focus-visible span{background:var(--blue-ink)}
.job-height-handle:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.job-height-actions{display:flex;justify-content:flex-end;padding:3px 16px 6px}
.job-height-actions button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:3px 0;text-decoration:underline;text-underline-offset:2px}
.job-height-actions button:hover{color:var(--ink)}
.client-budget-selection{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;font-size:12px}
.client-budget-selection strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.client-budget-scroll{max-height:330px}
table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;text-align:left}
.job-table{--confirm-size:8px;min-width:1160px}
.client-budgets{min-width:500px}
.client-budgets th:first-child{width:48px}
.client-budgets th:nth-child(3){width:145px}
.client-budgets th:last-child{width:112px}
.client-budgets td{height:31px;font-size:12px;overflow-wrap:anywhere}
.client-budgets td:first-child{color:var(--muted)}
.client-budgets td:nth-child(3),.client-budgets td:last-child{font-variant-numeric:tabular-nums}
.client-budgets label{display:flex;align-items:center;gap:8px;min-height:30px;cursor:pointer}
.client-budgets label input{flex:none;margin:0;accent-color:var(--blue)}
th,td{padding:0 4px;border-bottom:1px solid #1d1d1f10}
th:first-child,td:first-child{padding-left:13px}th:last-child,td:last-child{padding-right:10px}
th{font-size:11px;font-weight:650;color:#55555a;background:#fafafb;height:35px;position:sticky;top:0;z-index:1;text-align:left}
.job-col-number{width:51px}.job-col-budget{width:110px}.job-col-title{width:30%}.job-col-client{width:16%}.job-col-priority{width:70px}.job-col-invoice{width:88px}.job-col-lead{width:139px}.job-col-sent,.job-col-paid{width:125px}.expenses-table th:last-child{width:35px}
.job-col-confirmed{width:var(--confirm-size);padding:0}
.job-confirm{padding:0}
.job-confirm label{display:grid;place-items:center;min-height:24px;cursor:pointer}
.job-confirm input{appearance:none;display:grid;place-items:center;width:var(--confirm-size);height:var(--confirm-size);margin:0;padding:0;border:1px solid #000;background:#fff;cursor:pointer}
.job-confirm input:checked{background:#000}
.job-confirm input:checked::after{content:"";width:4px;height:3px;border:solid #fff;border-width:0 0 1px 1px;transform:rotate(-45deg)}
.job-confirm input:focus-visible{outline-color:#000}
.job-number{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.job-col-resizable{padding-right:9px}
.job-sort{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;border:0;background:none;padding:0;color:inherit;font:inherit;white-space:nowrap}
.job-resize{position:absolute;inset:0 0 0 auto;width:9px;cursor:col-resize;touch-action:none}
.job-resize::after{content:"";position:absolute;inset:9px 2px 9px auto;border-right:1px solid #c8c8cf}
.job-resize:hover::after,.job-resize:focus-visible::after,.job-table.resizing .job-resize:focus::after{border-color:var(--blue)}
.job-resize:focus-visible{outline-offset:-2px}
.job-table.resizing,.job-table.resizing *{cursor:col-resize;user-select:none}
.job-sort span{color:var(--muted);font-size:11px}
.job-sort:hover,.job-sort:hover span,.job-table th[aria-sort] .job-sort span{color:var(--blue-ink)}
td{height:41px}
tbody tr:last-child td{border-bottom:0}
tr.sent td{background:var(--sent)}
tr.paid td{background:var(--paid)}
tr.potential td{background:var(--potential)}
tr:focus-within td{box-shadow:inset 0 -1px #a6c9ee}
.cell{display:block;border:1px solid transparent;background:transparent;border-radius:6px;padding:5px 4px;min-height:30px;width:100%;font-size:12px;outline-offset:0;text-overflow:ellipsis}
.cell:hover{border-color:#1d1d1f1c}
.cell:focus{outline:0;border-color:var(--blue);background:white;box-shadow:0 0 0 2px #0071e326}
.cell.money{font-variant-numeric:tabular-nums;text-align:right}
.money-field{display:block;position:relative}
.money-field input:not(:focus):not(:placeholder-shown){color:transparent}
.money-field input:not(:focus)::-webkit-inner-spin-button{appearance:none}
.money-display{position:absolute;inset:0 5px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.money-field input:focus + .money-display{visibility:hidden}
.cell + .money-display{font-size:12px}
.job-table .cell.money{text-align:left}
.job-table .money-display{justify-content:flex-start;overflow:hidden}
.goal-control .money-display{justify-content:flex-start;left:8px}
.salary-control .money-display{right:9px}
.cell.title{font-weight:400}
.cell[type=date]{font-size:11px}
.cell[type=date]::-webkit-calendar-picker-indicator{opacity:.5;margin:0;padding:0}
.cell[type=date]:focus::-webkit-calendar-picker-indicator,.cell[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}
.job-row-actions{display:flex;gap:2px}
.row-delete,.row-duplicate{border:0;background:transparent;border-radius:6px;width:24px;height:27px;color:var(--muted);font-size:17px;line-height:1}
.row-duplicate{display:inline-grid;place-items:center;flex:none;padding:0}
.row-duplicate:hover{background:#eef5ff;color:var(--blue-ink)}
.row-delete:hover{background:#f9e9e7;color:#9b3026}
.table-total{display:flex;justify-content:space-between;gap:10px;padding:11px 19px;font-size:12px}
#expenses .table-total + .table-total{border-top:1px solid var(--line)}
.table-total strong{font-variant-numeric:tabular-nums}
.table-total .muted{color:var(--muted)}
.no-rows td{text-align:center;color:var(--muted);font-size:12px;padding:16px}
.lower{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px;align-items:start}
.expenses-table th:nth-child(2){width:126px}
.expense-scroll{max-height:402px}
.salary-body{padding:1px 19px 16px}
.salary-control{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:7px 0 13px}
.salary-control label{font-size:12px;font-weight:600}
.salary-control input{border:1px solid var(--line);padding:6px 8px;width:117px;border-radius:8px;background:#f8f8fa;text-align:right}
.salary-control input:focus{background:white}
.salary-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:8px 0;font-size:12px}
.salary-row strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.scenario{border-top:1px solid var(--line);margin-top:4px;padding-top:11px}
.scenario h3{margin:0 0 4px;font-size:14px;letter-spacing:-.015em}
.scenario p,.note{color:var(--muted);font-size:11px;margin:4px 0 8px}
.salary-body .note{margin-top:12px;margin-bottom:0}
.loading{padding:25px;color:var(--muted);background:white;border-radius:var(--radius)}
.error{color:#9c382c}
.toast{position:fixed;bottom:17px;right:17px;padding:9px 13px;background:#242426;color:white;border-radius:11px;box-shadow:0 4px 16px #0002;font-size:12px;z-index:9;max-width:calc(100% - 34px)}
.toast button{margin-left:7px}
.footer{padding:5px 0 25px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}
@media(max-width:900px){.wrap{width:calc(100% - 36px)}.summary{grid-template-columns:1.3fr 1fr}.tiles{gap:7px}.tile{padding:10px}.lower{grid-template-columns:1fr 1fr}.hero{padding:19px}}
@media(max-width:650px){.wrap{width:calc(100% - 26px)}.bar-inner{height:49px;gap:6px}.brand{font-size:12px}nav{gap:9px;font-size:11px}.year select{padding:4px;font-size:11px}main{padding-top:29px}.intro{margin-bottom:16px}.intro-copy{font-size:13px}.summary,.lower{grid-template-columns:1fr;gap:9px}.summary{margin-bottom:15px}.hero .amount{font-size:36px}.tile .amount{font-size:24px}.card{border-radius:15px}.section-head{padding:13px;flex-wrap:wrap}.legend{padding-inline:13px}.table-total{padding-inline:13px}.job-scroll{max-height:470px}.target-line{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.people-table{min-width:484px}
.people-table th:nth-child(2){width:69px}
.people-table th:nth-child(3){width:124px}
.people-table th:nth-child(4){width:76px}
.people-table th:nth-child(5){width:94px}
.people-table th:last-child{width:35px}
.people-dayrate{padding-inline:4px;font-size:12px;font-variant-numeric:tabular-nums}
@media(max-width:420px){.bar-inner nav{gap:6px}.bar-inner{gap:4px}.brand{font-size:11px}}
@media(max-width:700px){.bar-inner{grid-template-columns:auto minmax(0,1fr) auto}.bar-inner nav{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.bar-inner nav::-webkit-scrollbar{display:none}}
.password-screen{color-scheme:dark;background:#111113;color:#f5f5f7;font:14px/1.45 var(--font)}
.password-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding:clamp(22px,4vw,48px)}
.password-brand{font-size:14px;font-weight:700;letter-spacing:-.022em}
.password-access{width:min(100%,420px);justify-self:center;align-self:center;margin-bottom:8vh;padding:26px;background:#1d1d1f;border:1px solid #36363a;border-radius:var(--radius);box-shadow:0 2px 6px #0002}
.password-access h1{margin:0;font-size:23px;font-weight:700;line-height:1;letter-spacing:-.045em}
.password-access form{display:grid;gap:10px;margin-top:22px}
.password-access input[type=password]{width:100%;min-height:38px;padding:7px 10px;border:1px solid #48484d;border-radius:8px;background:#29292c;color:#fff;font:inherit;font-size:12px;outline-offset:0}
.password-access input[type=password]::placeholder{color:#a6a6ab;opacity:1}
.password-access input[type=password]:focus{outline:0;border-color:#f5f5f7;background:#323236;box-shadow:0 0 0 2px #ffffff20}
.password-access button{justify-self:start;min-height:34px;margin-top:6px;padding:6px 15px;border:1px solid #f5f5f7;border-radius:20px;background:#f5f5f7;color:#1d1d1f;font:inherit;font-size:12px;font-weight:600}
.password-access button:hover{background:#dedee2}
.password-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:11px;color:#aaaab0}
.password-links a:hover{color:#fff}
.password-error{margin:15px 0 -5px;color:#f0b5a7;font-size:12px}
.client-library-add,.klip-start{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.client-library-add input,.klip-start select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 8px;min-height:32px;font-size:12px}
.client-library-add input{width:175px}
.client-library-scroll{max-height:455px}
.client-library-table{min-width:610px}
.client-library-table th:nth-child(1){width:35%}
.client-library-table th:nth-child(2){width:23%}
.client-library-table th:nth-child(3),.client-library-table th:nth-child(4){width:15%}
.client-library-table th:last-child{width:40px}
.client-library-table td{font-size:12px;font-variant-numeric:tabular-nums}
.client-sort{max-width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}
.client-sort span{color:var(--muted)}
.client-sort:hover,.client-library-table th[aria-sort] .client-sort span{color:var(--blue-ink)}
.client-library-table input{width:100%;padding:5px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:12px}
.client-library-table input:hover,.client-library-table input:focus{border-color:var(--line);background:#fff}
.klip-start{justify-content:flex-end;padding:12px 19px;font-size:12px;color:var(--muted)}
.klip-start select{min-width:175px;color:var(--ink)}
.klippekort{margin-top:14px}
.klippekort summary{cursor:pointer;list-style:none}
.klippekort summary::-webkit-details-marker{display:none}
.klip-panel-summary,.klip-client-summary{position:relative;display:flex;align-items:center;gap:12px;padding-right:32px}
.klip-panel-summary{padding:17px 19px}
.klip-panel-summary h2{font-size:23px;line-height:1;letter-spacing:-.045em;margin:0}
.klip-panel-summary span,.klip-client-summary span{color:var(--muted);font-size:11px}
.klip-panel-summary::after,.klip-client-summary::after,.klip-card-summary::after{content:"";position:absolute;right:16px;top:50%;width:7px;height:7px;border:solid var(--muted);border-width:0 1px 1px 0;transform:translateY(-65%) rotate(45deg)}
.klippekort[open]>.klip-panel-summary::after,.klip-client[open]>.klip-client-summary::after,.klip-card[open]>.klip-card-summary::after{transform:translateY(-20%) rotate(225deg)}
.klip-panel-body{border-top:1px solid var(--line)}
.klip-panel-body>.klip-add-client{justify-content:flex-end;padding:12px 19px}
.klip-add-client,.klip-add-entry{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.klip-add-client input,.klip-add-entry input,.klip-card input,.klip-client-head input{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 8px;min-height:32px;font:inherit;font-size:12px}
.klip-add-client input{width:175px}
.klip-empty{padding:12px 19px;color:var(--muted);font-size:12px;margin:0}
.klip-clients{padding:0 19px 19px;display:grid;gap:10px}
.klip-client{border:1px solid var(--line);border-radius:10px;min-width:0}
.klip-client-summary{padding:11px 13px}
.klip-client-body{border-top:1px solid var(--line);padding:10px 13px 13px}
.klip-client-tools,.klip-card-tools{display:flex;justify-content:space-between;align-items:end;gap:9px}
.klip-client-tools label,.klip-card-tools label{display:grid;gap:3px;font-size:11px;color:var(--muted)}
.klip-client-tools input{min-width:180px}
.klip-client-head,.klip-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.klip-client-summary h3,.klip-card h4{margin:0;font-size:16px;letter-spacing:-.025em}
.klip-client-head h3 input{font-size:16px;font-weight:650;max-width:min(44vw,360px);border-color:transparent;padding-left:0;background:transparent}
.klip-client-head h3 input:hover,.klip-client-head h3 input:focus{border-color:var(--line);background:#fff;padding-left:8px}
.klip-actions,.klip-right{display:flex;align-items:center;gap:8px}
.klip-remove{border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:19px;line-height:1;width:27px;height:27px;cursor:pointer}
.klip-remove:hover{background:#f9e9e7;color:#9b3026}
.klip-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,410px),1fr));gap:12px;margin-top:12px;align-items:start}
.klip-card{position:relative;border:1px solid var(--line);border-radius:11px;min-width:0}
.klip-card-summary{position:relative;padding:13px 66px 6px 14px}
.klip-card-summary::after{right:13px;top:26px}
.klip-card-remove{position:absolute;right:30px;top:14px;z-index:1}
.klip-card-body{padding:0 14px 14px}
.klip-card-tools{padding:4px 0 10px;justify-content:flex-start;align-items:end}
.klip-name{width:min(56vw,250px)}
.klip-card h4{font-size:14px;letter-spacing:-.04em}
.klip-card-meta{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.klip-hours{width:67px;text-align:center;min-height:25px!important;padding:2px 4px!important}
.klip-right strong{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}
.klip-warning,.klip-alert-note{color:#9c382c}
.klip-alert{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#9c382c;color:white;font-size:11px;font-weight:700}
.klip-progress{width:100%;height:8px;margin:12px 0;--progress-fill:var(--blue);pointer-events:none}
.klip-card-summary .klip-progress{margin:11px 0 0}
.klip-progress.low{--progress-fill:#9c382c}
.klip-alert-note{font-size:11px;margin:0 0 11px}
.klip-add-entry{padding:8px 0 13px;border-top:1px solid var(--line)}
.klip-add-entry label{font-size:11px;color:var(--muted);display:grid;gap:4px}
.klip-add-entry label input{color:#1d1d1f;width:132px}
.klip-add-entry .klip-description{flex:1;min-width:150px}
.klip-add-entry .klip-description input{width:100%}
.klip-log-scroll{max-height:260px;border:1px solid var(--line);border-radius:7px}
.klip-log{min-width:440px}
.klip-log th{height:28px}
.klip-log th:first-child{width:125px}.klip-log th:nth-child(2){width:75px}.klip-log th:last-child{width:34px}
.klip-log td{height:35px}
.klip-log input{width:100%;min-height:27px;padding:3px 4px;border-color:transparent;background:transparent}
.klip-log input:hover,.klip-log input:focus{border-color:var(--line);background:#fff}
@media(max-width:650px){.klip-clients{padding:0 13px 13px}.client-library-add{width:100%}.client-library-add input{flex:1}.klip-start{justify-content:flex-start}.klip-panel-summary{flex-wrap:wrap;gap:3px;padding:13px}.klip-panel-summary span{flex-basis:100%}.klip-card-summary{padding:11px 31px 5px 11px}.klip-card-body{padding:0 11px 11px}.klip-client-tools{flex-wrap:wrap}}