@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700&family=Manrope:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=M+PLUS+1+Code:wght@500;600&family=Oxygen:wght@300;400;700&display=swap";:root{--font-sans:"Inter", "DM Sans", system-ui, -apple-system, sans-serif;--font-display:"Manrope", var(--font-sans);--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg:#f7f3ea;--surface:#fff;--surface-2:#f0ebe0;--surface-3:#e7e1d3;--ink:#16130c;--ink-soft:#6a665b;--ink-faint:#9d9789;--line:#e6dfcf;--line-soft:#f0ebe0;--accent:#16130c;--accent-ink:#f7f3ea;--accent-hover:#000;--focus:#b7a98a;--sidebar-bg:#f2ede1;--shadow-sm:none;--shadow-md:0 2px 6px #1e180a0d, 0 16px 40px -18px #1e180a29;--shadow-lg:0 30px 80px -24px #1e180a4d;--radius:20px;--radius-sm:14px;--radius-pill:999px;--tint-1:#f4e8ce;--tint-2:#dcebdf;--tint-3:#d9e6ee;--tint-4:#e5dcf1;--pill-neutral-bg:#ede9df;--pill-neutral-fg:#5f5d55;--pill-info-bg:#dbe6ef;--pill-info-fg:#365577;--pill-success-bg:#dcecdf;--pill-success-fg:#266b44;--pill-danger-bg:#f6e2dc;--pill-danger-fg:#a63a2d;--pill-warn-bg:#f5e8cf;--pill-warn-fg:#8a5a12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#100f0d;--surface:#171613;--surface-2:#201e1a;--surface-3:#2a2723;--ink:#f2f0e9;--ink-soft:#a7a49a;--ink-faint:#6f6c62;--line:#2b2823;--line-soft:#221f1b;--sidebar-bg:#131210;--accent:#f2f0e9;--accent-ink:#100f0d;--accent-hover:#fff;--focus:#6f6c62;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #0000004d, 0 16px 40px -14px #0009;--shadow-lg:0 30px 80px -20px #000000b3;--tint-1:#33301f;--tint-2:#22302a;--tint-3:#202d38;--tint-4:#2b2739;--pill-neutral-bg:#262420;--pill-neutral-fg:#a7a49a;--pill-info-bg:#1e2436;--pill-info-fg:#9db0e0;--pill-success-bg:#172c20;--pill-success-fg:#7fc79b;--pill-danger-bg:#331f1c;--pill-danger-fg:#e39a8f;--pill-warn-bg:#2f2818;--pill-warn-fg:#d9ab63;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;font-family:var(--font-sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-synthesis:none;margin:0;font-size:15px;line-height:1.5;transition:background .2s,color .2s}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em}h1{font-size:clamp(28px,2.4vw + 16px,42px);font-weight:700;line-height:1.02}h2{letter-spacing:-.02em;font-size:16px;font-weight:700}h3{letter-spacing:-.025em}small{color:var(--ink-faint);margin-top:3px;font-size:12.5px;display:block}::selection{background:var(--ink);color:var(--bg)}.inv-no{font-family:var(--font-mono);letter-spacing:-.02em;font-feature-settings:"ss01", "zero";font-weight:600}h1.inv-no{letter-spacing:-.03em;font-size:clamp(24px,2vw + 12px,32px)}td .inv-no{letter-spacing:0;font-size:12.5px}html,body{height:100%}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);z-index:30;flex-direction:column;flex:none;width:244px;height:100vh;padding:10px 8px;transition:width .16s;display:flex}.brand{height:40px;font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:9px;padding:0 8px;font-size:15px;font-weight:700;display:flex}.brand>span,.profile>span,.auth-mark{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);font-size:13px;font-weight:800;font-family:var(--font-display);border-radius:7px;flex:none;place-items:center;display:grid}.rail-collapse{opacity:0;width:28px;height:28px;margin-left:auto}.sidebar:hover .rail-collapse{opacity:1}.sidebar nav{gap:1px;margin-top:10px;display:grid}.sidebar nav button{height:34px;color:var(--ink-soft);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:500;transition:background .1s,color .1s;display:flex}.sidebar nav button svg{opacity:.75;flex:none}.sidebar nav button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar nav button:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.sidebar nav .selected{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink);font-weight:600}.sidebar nav .selected svg{opacity:1}.sidebar nav em{background:var(--pill-warn-bg);color:var(--pill-warn-fg);border-radius:999px;margin-left:auto;padding:0 6px;font-size:10.5px;font-style:normal;font-weight:600}.profile{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;margin-top:auto;padding:8px;transition:background .12s;display:flex}.profile:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.profile.selected{background:color-mix(in srgb, var(--ink) 8%, transparent)}.profile>span{width:28px;height:28px}.profile strong{font-size:13px}.profile small{font-size:11.5px}.app-shell.collapsed .sidebar{width:54px;padding:10px 7px}.app-shell.collapsed .brand strong{display:none}.app-shell.collapsed .rail-collapse{position:absolute}.app-shell.collapsed .sidebar nav button{justify-content:center;gap:0;padding:0;position:relative}.app-shell.collapsed .sidebar nav button span{display:none}.app-shell.collapsed .sidebar nav em{place-items:center;min-width:14px;height:14px;margin:0;padding:0;font-size:8px;display:grid;position:absolute;top:1px;right:1px}.app-shell.collapsed .profile{justify-content:center;padding:7px 0}.app-shell.collapsed .profile>div{display:none}.main{flex:1;min-width:0;height:100vh;overflow:hidden auto}.content>*{min-width:0}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:20;align-items:center;gap:12px;height:48px;padding:0 clamp(16px,3vw,28px);display:flex;position:sticky;top:0}.rail-toggle{margin-left:-4px;display:grid}.desktop-search{border:1px solid var(--line);border-radius:var(--radius-pill);width:min(300px,40vw);height:34px;color:var(--ink-faint);background:var(--surface);align-items:center;gap:8px;margin-right:auto;padding:0 14px;font-size:13px;transition:border-color .12s,color .12s;display:flex}.desktop-search:hover{border-color:var(--ink-faint);color:var(--ink-soft)}.desktop-search kbd{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.top-actions{align-items:center;gap:4px;display:flex}.icon-button{color:var(--ink-soft);border-radius:var(--radius-pill);background:0 0;border:0;place-items:center;width:34px;height:34px;transition:background .12s,color .12s;display:grid}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.avatar{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);font-size:10.5px;font-weight:700;font-family:var(--font-display);border:0;border-radius:50%}.content{max-width:1240px;margin:0 auto;padding:26px clamp(20px,3vw,40px) 72px}.page-heading,.detail-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-heading p:not(.eyebrow),.detail-title p:not(.eyebrow){color:var(--ink-faint);margin-top:10px;font-size:14.5px}.eyebrow{color:var(--ink-faint);letter-spacing:-.01em;margin-bottom:8px;font-size:14px;font-weight:500}.button{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:13.5px;font-weight:600;transition:background .14s,border-color .14s,color .14s,transform 60ms;display:inline-flex}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.primary:hover{background:var(--accent-hover)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:var(--ink-faint);background:var(--surface-2)}.button.ghost{color:var(--ink-soft);background:0 0}.button.ghost:hover{background:var(--surface-2);color:var(--ink)}.button.danger{background:var(--pill-danger-bg);color:var(--pill-danger-fg);border-color:#0000}.button.danger:hover{background:var(--pill-danger-fg);color:var(--surface)}.button:disabled{opacity:.45;pointer-events:none}.text-button{color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:5px;padding:3px;font-size:12.5px;font-weight:600;display:inline-flex}.text-button:hover{color:var(--ink)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.panel.tint-1{background:var(--tint-1);border-color:#0000}.panel.tint-2{background:var(--tint-2);border-color:#0000}.panel.tint-3{background:var(--tint-3);border-color:#0000}.panel.tint-4{background:var(--tint-4);border-color:#0000}.panel-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:12px;min-height:60px;padding:20px 24px 14px;display:flex}.panel-header h2{font-size:16px}.panel-header p{color:var(--ink-faint);margin-top:4px;font-size:12.5px}.panel-kicker{letter-spacing:-.01em;color:var(--ink-faint);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.sheet-connection{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;margin-bottom:14px;padding:20px 22px;display:grid}.sheet-connection-icon{width:40px;height:40px;color:var(--accent-ink);background:var(--accent);border-radius:13px;place-items:center;display:grid}.sheet-connection h2{margin-bottom:2px}.sheet-connection p,.sheet-note span{color:var(--ink-faint);font-size:13px}.sheet-status{border-radius:var(--radius-pill);white-space:nowrap;background:var(--pill-neutral-bg);color:var(--pill-neutral-fg);align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.sheet-status.connected{background:var(--pill-success-bg);color:var(--pill-success-fg)}.sheet-note,.sheet-error{margin-bottom:14px}.sheet-note{gap:3px;padding:14px 18px;display:grid}.sheet-error{color:var(--pill-danger-fg);background:var(--pill-danger-bg);border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.sheet-form-grid{grid-template-columns:minmax(190px,.8fr) minmax(250px,1.5fr) minmax(180px,.7fr);align-items:end;gap:14px;padding:18px 22px;display:grid}.sheet-form-grid label{color:var(--ink-soft);gap:6px;font-size:12px;font-weight:600;display:grid}.sheet-form-grid input,.sheet-form-grid select{min-width:0}.sheet-link-input{grid-column:span 2}.sheet-form-grid .toggle-row{align-items:center;gap:8px;min-height:42px;display:flex}.sheet-form-grid .toggle-row input{accent-color:var(--accent)}.sheet-link-actions{gap:9px;padding:0 22px 20px;display:flex}.sheet-client-list{gap:10px;margin-top:14px;display:grid}.sheet-client{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.sheet-client strong{display:block}.sheet-client a{width:34px;height:34px;color:var(--ink-soft);border-radius:50%;place-items:center;display:grid}.sheet-client a:hover{background:var(--surface-2);color:var(--ink)}.sheet-empty{gap:3px;padding:22px;display:grid}.sheet-empty span{color:var(--ink-faint);font-size:13px}.trend{color:var(--pill-success-fg);text-transform:none;letter-spacing:0;align-items:center;gap:3px;display:flex}.chip{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-pill);min-width:34px;height:30px;font:700 12px/1 var(--font-display);letter-spacing:.02em;justify-content:center;align-items:center;gap:5px;padding:0 12px;display:inline-flex}.bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(94px,auto);gap:14px;display:grid}.bento-tile{border-radius:var(--radius);min-width:0;overflow:hidden}.bento-a{grid-area:span 2/span 3}.stat-tile{grid-column:span 2}.bento-f{grid-area:span 2/span 4}.bento-g{grid-area:span 2/span 2}.bento-h{grid-column:span 6}.bento-tile.panel{flex-direction:column;display:flex}.bento-tile.panel .panel-header{flex:none}.bento-f .attention-list,.bento-g .upcoming-list{flex:1;min-height:0;overflow-y:auto}.bento-a{text-align:left;background:var(--surface-2);border:0;align-content:space-between;gap:16px;padding:24px;transition:filter .15s,transform 80ms;display:grid}.bento-a:hover{filter:brightness(.98)}.bento-a:active{transform:translateY(1px)}.focus-top{justify-content:space-between;align-items:center;display:flex}.focus-go{border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);width:34px;height:34px;color:var(--ink);place-items:center;display:grid}.focus-hero span{color:color-mix(in srgb, var(--ink) 58%, transparent);font-size:13px;display:block}.focus-hero strong{font:700 clamp(30px, 3.4vw, 44px)/1 var(--font-display);letter-spacing:-.045em;margin-top:6px;display:block}.focus-meta{color:color-mix(in srgb, var(--ink) 58%, transparent);flex-wrap:wrap;gap:8px 22px;font-size:12.5px;display:flex}.focus-meta span{flex-direction:column;gap:3px;display:flex}.focus-meta b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:600}.stat-tile{text-align:left;background:var(--surface-2);border:0;flex-direction:column;justify-content:space-between;gap:12px;padding:22px;transition:filter .15s,transform 80ms;display:flex}.stat-tile:hover{filter:brightness(.98)}.stat-tile:active{transform:translateY(1px)}.stat-tile-value{font:700 clamp(30px, 3.2vw, 44px)/1 var(--font-display);letter-spacing:-.045em}.stat-tile-label{color:color-mix(in srgb, var(--ink) 62%, transparent);align-items:center;gap:5px;font-size:13px;display:flex}.stat-tile-label svg{opacity:.5}.tint-warn{background:var(--pill-warn-bg)}.panel-header h2 em{font-style:normal;font-family:var(--font-sans);color:var(--ink-faint);margin-left:4px;font-size:12.5px;font-weight:600}.currency-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.currency-panel{border-color:#0000;padding:24px 26px}.currency-grid>.currency-panel:first-child{background:var(--tint-1)}.currency-grid>.currency-panel:nth-child(2){background:var(--tint-3)}.currency-metrics{grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid}.currency-metrics>div{border-right:1px solid color-mix(in srgb, var(--ink) 10%, transparent);min-width:0;margin-right:13px;padding-right:13px}.currency-metrics>div:last-child{border:0;margin-right:0;padding-right:0}.currency-metrics span,.stat span{color:color-mix(in srgb, var(--ink) 55%, transparent);font-size:12.5px;display:block}.currency-metrics strong{font:700 clamp(17px, 1.5vw, 21px)/1.1 var(--font-display);letter-spacing:-.03em;margin-top:8px;display:block}.danger-text{color:var(--pill-danger-fg)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.attention-list{gap:2px;padding:6px 12px 12px;display:grid}.attention-row{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;width:100%;padding:12px 10px;transition:background .12s;display:flex}.send-list{gap:2px;padding:6px 12px 12px;display:grid}.send-row{border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.send-row:hover{background:var(--surface-2)}.send-row>span{min-width:0;margin-right:auto}.send-row strong{font-size:14px;display:block}.send-row small{font-size:12.5px}.send-row .button{flex:none}.attention-row:hover{background:var(--surface-2)}.attention-row>span:nth-child(2){margin-right:auto}.attention-row>svg{color:var(--ink-faint)}.attention-row strong{font-size:14px;display:block}.attention-row small{font-size:12.5px}.attention-icon{border-radius:13px;flex:none;place-items:center;width:38px;height:38px;display:grid}.attention-icon.blue{background:var(--tint-3);color:var(--pill-info-fg)}.attention-icon.red{background:var(--tint-1);color:var(--pill-danger-fg)}.attention-icon.amber{background:var(--tint-2);color:var(--pill-success-fg)}.upcoming-list{padding:4px 12px}.upcoming-row{text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:46px 1fr auto;align-items:center;gap:13px;width:100%;padding:12px 10px;transition:background .12s;display:grid}.upcoming-row:hover{background:var(--surface-2)}.upcoming-row strong{font-size:14px;display:block}.upcoming-row>b{font-variant-numeric:tabular-nums;font-size:13px}.date-tile{border:1px solid var(--line);text-align:center;color:var(--ink-soft);border-radius:8px;padding:5px 4px}.date-tile svg{display:none}.date-tile b{font-size:12px;display:block}.date-tile small{margin:0;font-size:10px}.recent-panel{margin-top:0}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto hidden}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--ink-faint);letter-spacing:-.005em;border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 24px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--line-soft);color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;padding:16px 24px;font-size:13.5px}tbody tr{transition:background .12s}tbody tr:last-child td{border-bottom:0}tbody tr[onclick],tbody tr{cursor:pointer}tbody tr:hover{background:var(--surface-2)}td strong{color:var(--ink);font-size:13.5px;font-weight:600}.status{border-radius:var(--radius-pill);letter-spacing:-.005em;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.status.ready,.status.sent,.status.viewed,.status.due-soon{background:var(--pill-info-bg);color:var(--pill-info-fg)}.status.draft{background:var(--pill-neutral-bg);color:var(--pill-neutral-fg)}.status.paid,.status.active{background:var(--pill-success-bg);color:var(--pill-success-fg)}.status.overdue,.status.cancelled{background:var(--pill-danger-bg);color:var(--pill-danger-fg)}.status.partially-paid,.status.hold,.status.paused,.status.unpaid{background:var(--pill-warn-bg);color:var(--pill-warn-fg)}.toolbar{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:13px 16px;display:flex}.toolbar:last-child{border-bottom:0}.tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);scrollbar-width:none;flex:auto;gap:4px;max-width:460px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{text-align:center;border-radius:var(--radius-pill);white-space:nowrap;min-width:62px;color:var(--ink-soft);background:0 0;border:1px solid #0000;flex:1 1 0;padding:7px 14px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.tabs button:hover:not(.active){color:var(--ink);border-color:color-mix(in srgb, var(--ink) 12%, transparent)}.tabs button.active{background:var(--surface);color:var(--ink);border-color:color-mix(in srgb, var(--ink) 22%, transparent);font-weight:600;box-shadow:0 1px 3px #1e180a1a}.toolbar input,.search input{box-shadow:none;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:0;font-size:13px}.toolbar>input{border:1px solid var(--line);border-radius:var(--radius-pill);flex:0 300px;min-height:34px;padding:8px 14px}.toolbar .search{flex:auto;max-width:340px}.search{border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-faint);align-items:center;gap:8px;min-height:34px;padding:8px 14px;display:flex}.search:focus-within{border-color:var(--ink-faint)}.detail-heading{display:block}.back{color:var(--ink-soft);background:0 0;border:0;padding:0 0 15px;font-size:13px}.back:hover{color:var(--ink)}.detail-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.invoice-total{letter-spacing:-.02em;font:700 26px/1 var(--font-display)!important;color:var(--ink)!important;margin-top:10px!important}.action-row{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.invoice-detail-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);gap:20px;display:grid}.invoice-paper{--invoice-bg:#242424;--invoice-panel:#383838;--invoice-line:#b6bbc5;--invoice-ink:#f7f7f6;--invoice-muted:#d2d2d5;background:var(--invoice-bg);width:min(595px,100%);color:var(--invoice-ink);font-family:"Oxygen", var(--font-sans);border:0;border-radius:0;min-height:0;margin-inline:auto;padding:20px;overflow:hidden;box-shadow:0 14px 28px -10px #00000042}.paper-brand{min-height:80px;font-size:0;position:relative}.paper-brand:before{content:"INVOICE";font:600 48px/1 "M PLUS 1 Code", var(--font-mono);letter-spacing:-.08em;color:var(--invoice-ink);display:block}.paper-brand:after{content:"MODE BY GINA";font:400 12px/1.35 "Oxygen", var(--font-sans);color:#d6d1cb;position:absolute;top:5px;right:0}.paper-brand span{display:none}.paper-top{grid-template-columns:1fr 1fr 112px;gap:16px;margin:0 0 16px;padding-top:0;display:grid}.paper-top:before,.paper-top:after{white-space:pre-line;color:#e0e0e0;font-size:10px;line-height:1.6}.paper-top:before{content:"FROM:" "\a " "\a " var(--invoice-studio-name) "\a " var(--invoice-business-phone) "\a " var(--invoice-business-email);font-weight:400}.paper-top:after{content:"INFO" "\a " "\a " "Bank name" "\a " var(--invoice-bank-name) "\a " "\a " "Account name" "\a " var(--invoice-bank-account-name) "\a " "\a " "Acc number" "\a " var(--invoice-bank-account-number)}.paper-top>div{align-content:start;gap:6px;display:grid}.paper-top>div:last-child{display:none}.paper-top small,.paper-note small{font:400 12px/16px "Oxygen", var(--font-sans);color:#e0e0e0;letter-spacing:.08em;text-transform:uppercase}.paper-top small:first-child{font-size:0}.paper-top small:first-child:before{content:"TO:";color:#e0e0e0;font-size:12px}.paper-top strong{font:600 20px/24px "M PLUS 1 Code", var(--font-mono);letter-spacing:-.04em;color:var(--invoice-ink)}.paper-top span{color:#e0e0e0;font-size:10px}.line-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;color:var(--invoice-ink);border:1px solid #9ca3af;border-radius:12px;margin:0;overflow:hidden}.line-table th,.line-table td{background:0 0;border:0;padding:16px 20px}.line-table thead th{color:#f9fafb;font:700 12px/16px "Oxygen", var(--font-sans);letter-spacing:.02em;text-transform:uppercase;background:#404040;border-bottom:1px solid #262626}.line-table th:first-child,.line-table td:first-child{width:56%}.line-table th:nth-child(2),.line-table td:nth-child(2){width:19%}.line-table th:nth-child(3),.line-table td:nth-child(3){display:none}.line-table th:nth-child(4),.line-table td:nth-child(4){width:25%}.line-table th:nth-child(2){font-size:0}.line-table th:nth-child(2):after{content:"TOTAL HOUR";font-size:12px}.line-table td{vertical-align:top;font:400 12px/16px "Oxygen", var(--font-sans);font-variant-numeric:tabular-nums}.line-table td:first-child{font-size:14px;font-weight:700;line-height:16px}.line-table td:not(:first-child){white-space:nowrap;font-weight:700}.line-table td small{color:#9ca3af;margin-top:4px;font-size:12px;font-weight:400}.totals{width:100%;color:var(--invoice-ink);background:#404040;border:1px solid #9ca3af;border-radius:8px;gap:10px;margin:16px 0 0 auto;padding:20px 44px;font-size:12px;display:grid}.totals span,.totals strong{font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.totals strong{border:0;padding-top:0;font-size:16px}.totals .balance{color:var(--invoice-ink);font-weight:700}.paper-note{color:var(--invoice-muted);margin-top:24px;padding:0 8px;font-size:13px}.paper-note p{margin-top:7px}.right-stack{align-content:start;gap:18px;display:grid}.right-stack .panel{padding:20px}.right-stack h2{margin-bottom:15px}.check-list,.timeline{gap:12px;display:grid}.check-list span{align-items:center;gap:8px;font-size:12px;display:flex}.check-list .valid{color:var(--pill-success-fg)}.check-list .invalid{color:var(--pill-danger-fg)}.check-list .invalid span{background:var(--pill-danger-bg);border-radius:50%;place-items:center;width:15px;height:15px;display:grid}.timeline>div{align-items:flex-start;gap:10px;display:flex;position:relative}.timeline i{background:var(--ink-faint);width:7px;height:7px;box-shadow:0 0 0 4px var(--surface-2);border-radius:50%;flex:none;margin-top:5px}.timeline strong{font-size:12px;display:block}.timeline>div .log-delete{color:var(--ink-faint);opacity:.35;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:17px;line-height:1;transition:opacity .12s,color .12s}.timeline>div:hover .log-delete{opacity:1}.timeline>div .log-delete:hover{color:var(--pill-danger-fg)}.pay-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.pay-row:last-child{border:0}.pay-row strong{font-size:13px}.pay-row a{white-space:nowrap;font-size:12px}.editor-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.editor-head>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.builder-grid{grid-template-columns:minmax(0,1.4fr) 340px;gap:20px;display:grid}.builder-grid main .panel{padding:26px}.builder-grid aside{align-content:start;gap:20px;display:grid}.builder-grid aside .panel{padding:20px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}label{color:var(--ink-soft);gap:7px;font-size:12.5px;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);border-radius:12px;padding:10px 13px;font-size:14px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent);outline:0}textarea{resize:vertical;min-height:76px}input[readonly]{background:var(--surface-2);color:var(--ink-faint);cursor:default;box-shadow:none}input::placeholder,textarea::placeholder{color:var(--ink-faint)}.editor-lines{margin-top:26px}.line-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.line-head h2{font-size:13px}.line-head button{color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.line-head button:hover{color:var(--ink)}.line-edit{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 58px 112px 100px 28px;align-items:center;gap:7px;padding:8px 0;display:grid}.line-edit input{min-width:0}.line-edit b{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.line-edit>button:not(.button){color:var(--pill-danger-fg);background:0 0;border:0;font-size:20px}.count-chip{background:var(--surface-2);color:var(--ink-soft);border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:600}.pick-list{display:grid}.pick-row{border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:12px;padding:10px 2px;display:flex}.pick-row input{width:16px;height:16px;min-height:0;accent-color:var(--accent);flex:none}.pick-row>span{min-width:0;margin-right:auto}.pick-row strong{font-size:14px;display:block}.pick-row b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.pick-actions{justify-content:flex-end;margin-top:12px;display:flex}.paper-note a{overflow-wrap:anywhere;text-decoration:underline}.editor-total{gap:10px;margin-top:16px;display:grid}.editor-total span,.editor-total strong{font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}.editor-total strong{border-top:1px solid var(--line);padding-top:10px;font-size:15px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.stat{padding:22px}.stat:nth-child(4n+1){background:var(--tint-1);border-color:#0000}.stat:nth-child(4n+3){background:var(--tint-2);border-color:#0000}.stat strong{font:700 24px var(--font-display);letter-spacing:-.03em;margin-top:10px;display:block}.service-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:13px;padding:15px 22px;display:flex}.service-row:last-child{border-bottom:0}.service-row span:first-child{margin-right:auto}.service-row strong{font-size:14px;display:block}.rules{margin:0}.rules>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;padding:15px 22px;font-size:13.5px;display:flex}.rules>div:last-child{border-bottom:0}.rules dt{color:var(--ink-faint)}.rules dd{margin:0;font-weight:600}.attention-page{gap:12px;max-width:860px;display:grid}.attention-card{grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.attention-card small{color:var(--ink-faint);letter-spacing:-.005em;margin:0;font-size:11px;font-weight:600}.attention-card h2{margin:3px 0;font-size:15px}.attention-card p{color:var(--ink-soft);font-size:13px}.reminder-list{padding:3px 18px;display:grid}.reminder-list span{border-bottom:1px solid var(--line-soft);padding:11px 0;font-size:13px}.reminder-list span:last-child{border-bottom:0}.reminder-list b{min-width:128px;display:inline-block}.currency-report{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.currency-report>.panel{padding:20px}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.report-metrics .panel{box-shadow:none;background:0 0;border:0;padding:0}.bar-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:12px;height:104px;margin-top:22px;display:flex}.bar-chart span{background:var(--surface-3);border-radius:4px 4px 0 0;flex:1}.bar-chart span:nth-child(3n){background:var(--ink)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.settings-grid .panel{padding:22px 24px}.settings-grid h2{margin-bottom:18px}.settings-grid label{margin-top:15px}.danger-panel{background:color-mix(in srgb, var(--pill-danger-bg) 40%, var(--surface));grid-column:1/-1}.danger-panel p{color:var(--ink-soft);margin:7px 0 14px;font-size:13px}.settings-copy{color:var(--ink-soft);margin:-6px 0 12px;font-size:13px}.settings-grid .field-grid+.settings-copy{margin-top:18px}.toggle-row{align-items:center;gap:8px;margin:14px 0;display:flex}.toggle-row input{min-height:auto}.automation-form{gap:14px;padding:20px 22px;display:grid}.automation-form .toggle-row{margin:0}.plan-list{flex:1;gap:2px;min-height:0;padding:8px 12px 12px;display:grid;overflow-y:auto}.plan-row{border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:11px 10px;display:grid}.plan-row:hover{background:var(--surface-2)}.plan-row strong{font-size:13.5px;display:block}.plan-row>b{font-variant-numeric:tabular-nums;font-size:13.5px}.plan-chip{background:var(--surface-3);width:32px;height:32px;color:var(--ink-soft);border-radius:10px;flex:none;place-items:center;display:grid}.plan-chip.blue{background:var(--tint-3);color:var(--pill-info-fg)}.plan-chip.amber{background:var(--tint-1);color:var(--pill-warn-fg)}.plan-chip.red{background:var(--pill-danger-bg);color:var(--pill-danger-fg)}.plan-row .text-button{white-space:nowrap}.reminder-edit{grid-template-columns:1fr 1fr 30px;align-items:center;gap:8px;display:grid}.reminder-edit button{color:var(--pill-danger-fg);background:0 0;border:0;height:36px;font-size:20px}.log-section{margin-bottom:18px}.log-section .panel-header a{align-items:center;gap:4px;font-size:12px;display:inline-flex}.log-error{color:var(--pill-danger-fg);background:var(--pill-danger-bg);border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:12px 18px;font-size:13px;display:flex}.delivery-icons{vertical-align:middle;color:var(--ink-soft);gap:4px;margin-left:7px;display:inline-flex}.delivery-icons .failed{color:var(--pill-danger-fg)}.delivery-list{gap:12px;display:grid}.delivery-list>span{grid-template-columns:17px 1fr auto;align-items:center;gap:7px;font-size:12px;display:grid}.delivery-list small{grid-column:2/-1}.send-invoice fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.send-invoice legend{margin-bottom:7px;font-size:12px;font-weight:700}.send-invoice fieldset label{align-items:center;gap:7px;display:flex}.send-invoice input[type=radio]{min-height:auto}.channel-value{background:var(--pill-info-bg);color:var(--pill-info-fg);border-radius:7px;align-items:center;gap:7px;margin:0;padding:8px 10px;font-size:12px;display:flex}.channel-value.warning{background:var(--pill-warn-bg);color:var(--pill-warn-fg)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.modal-backdrop{background:color-mix(in srgb, var(--ink) 42%, transparent);z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:min(480px,100%);max-height:90vh;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.modal header{border-bottom:1px solid var(--line-soft);flex:none;justify-content:space-between;align-items:center;padding:16px 19px;display:flex}.modal header h2{font-size:16px}.modal-form{gap:15px;padding:20px 22px;display:grid;overflow-y:auto}.modal-form .button{margin-top:4px}.modal-form input[type=file]{border:1px dashed var(--line);background:var(--surface-2);padding:8px 10px;font-size:12px}.modal-muted,.amount-preview{color:var(--ink-soft);font-size:13px}.modal-muted b,.amount-preview b{float:right;color:var(--ink)}.empty{text-align:center;gap:4px;padding:30px;display:grid}.empty strong{font-size:14px}.empty span{color:var(--ink-faint);font-size:13px}.palette-backdrop{background:color-mix(in srgb, var(--ink) 40%, transparent);z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:start center;padding:12vh 18px 18px;display:grid;position:fixed;inset:0}.palette{background:var(--surface);border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow-lg);border-radius:20px;overflow:hidden}.palette>input{border:0;border-bottom:1px solid var(--line-soft);background:0 0;border-radius:0;width:100%;min-height:52px;padding:0 18px;font-size:15px}.palette>input:focus{box-shadow:none;border-color:var(--line-soft)}.palette-results{max-height:52vh;padding:6px;overflow-y:auto}.palette-group{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);padding:10px 12px 5px;font-size:10px}.palette-results button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.palette-results button span{color:var(--ink-faint);margin-left:auto;font-size:12px}.palette-results button:hover{background:var(--surface-2)}.palette-empty{text-align:center;color:var(--ink-faint);padding:24px;font-size:13px}.auth-shell{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(100%,430px);box-shadow:var(--shadow-md);border-radius:18px;padding:34px}.auth-mark{width:42px;height:42px;font:800 20px var(--font-display);border-radius:12px;margin-bottom:26px}.auth-card h1{margin-bottom:10px}.auth-copy{color:var(--ink-soft);font-size:14px;line-height:1.55}.auth-form{gap:16px;margin-top:24px;display:grid}.auth-form .button{width:100%;margin-top:4px}.calculator-settings{margin-bottom:16px;padding:22px 24px}.calculator-settings-grid{grid-template-columns:minmax(280px,1.35fr) minmax(160px,.75fr) minmax(220px,.95fr);gap:18px;display:grid}.calculator-settings label,.calculator-line label{color:var(--ink-soft);gap:7px;font-size:12px;font-weight:600;display:grid}.calculator-settings input,.calculator-settings select,.calculator-line input{width:100%}.calculator-list{gap:12px;display:grid}.calculator-line{padding:20px 22px 22px}.calculator-line-head{align-items:center;gap:9px;margin-bottom:20px;display:flex}.calculator-number{color:var(--ink-faint);font:600 11px var(--font-mono)}.calculator-remove{width:30px;height:30px;color:var(--ink-faint);background:0 0;border:0;border-radius:8px;place-items:center;margin-left:auto;display:grid}.calculator-remove:hover:not(:disabled){background:var(--pill-danger-bg);color:var(--pill-danger-fg)}.calculator-remove:disabled{opacity:.35;cursor:not-allowed}.calculator-line-grid{grid-template-columns:minmax(0,1fr) minmax(120px,150px) minmax(210px,250px);align-items:start;gap:20px 18px;display:grid}.calculator-description{align-self:start}.calculator-buffer{grid-area:2/1/auto/3}.calculator-line-grid>.calculator-price{grid-area:1/3/span 2}.calculator-buffer>span{color:var(--ink-soft);font-size:12px;font-weight:600}.calculator-buffer-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:42px;display:flex}.calculator-presets{flex-wrap:wrap;gap:8px;display:flex}.calculator-presets button{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.calculator-presets button:hover,.calculator-presets button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.calculator-custom{white-space:nowrap;align-items:center;gap:8px!important;font-size:13px!important;display:flex!important}.calculator-custom input{width:72px;min-width:0;height:36px}.calculator-price{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-2) 82%, var(--surface));align-content:center;gap:8px;min-width:0;min-height:100%;padding:18px 20px;display:grid}.calculator-price span{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.calculator-price strong{font:700 24px/1.15 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere}.calculator-price small{color:var(--ink-faint);margin:0;font-size:13px}.calculator-add{border:1px dashed var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);background:0 0;align-items:center;gap:8px;min-height:42px;margin:12px 0 22px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.calculator-add:hover{color:var(--ink);border-color:var(--ink-faint);background:var(--surface)}.calculator-summary{background:var(--surface-2);grid-template-columns:1fr auto;align-items:center;gap:22px 32px;padding:24px;display:grid}.calculator-summary h2{margin-top:4px;font-size:clamp(25px,3vw,34px)}.calculator-summary>div:first-child>p:last-child{color:var(--ink-faint);margin-top:5px;font-size:12px}.calculator-summary-stats{border-left:1px solid var(--line);gap:30px;padding-left:28px;display:flex}.calculator-summary-stats span{white-space:nowrap;gap:3px;display:grid}.calculator-summary-stats small{margin:0}.calculator-summary-stats b{font-family:var(--font-display);font-size:16px}.calculator-actions{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:8px;padding-top:16px;display:flex}@media (width<=980px){.calculator-line-grid{grid-template-columns:minmax(0,1fr) 140px}.calculator-buffer{grid-area:auto/1/auto/-1}.calculator-line-grid>.calculator-price{grid-area:auto/1/auto/-1;min-height:0}.calculator-summary{grid-template-columns:1fr;gap:18px}.calculator-summary-stats{border-left:0;padding-left:0}.calculator-actions{justify-content:flex-start}.sheet-form-grid{grid-template-columns:1fr 1fr}.sheet-link-input{grid-column:span 2}}.auth-switch{color:var(--ink-soft);background:0 0;border:0;padding:6px;font-size:12px}.auth-error,.auth-success{border-radius:7px;padding:10px 12px;font-size:13px}.auth-error{background:var(--pill-danger-bg);color:var(--pill-danger-fg)}.auth-success{background:var(--pill-success-bg);color:var(--pill-success-fg)}.env-example{background:var(--surface-2);color:var(--ink-soft);font-size:12px;font-family:var(--font-mono);border-radius:8px;margin-top:24px;padding:14px;line-height:1.8;display:block}.auth-loading{color:var(--ink-soft);font-size:14px}.mobile-menu,.mobile-close,.topbar-menu,.bottom-nav{display:none}.bottom-nav{z-index:40;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:var(--ink-faint);letter-spacing:-.01em;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 10px;font-size:10.5px;font-weight:600;display:flex}.bottom-nav button.active{color:var(--ink)}.bottom-nav .bottom-fab{border-radius:var(--radius-pill);background:var(--accent);width:52px;height:52px;color:var(--accent-ink);box-shadow:0 8px 24px -6px color-mix(in srgb, var(--ink) 45%, transparent);flex:none;place-items:center;margin-top:-18px;display:grid}@media (width<=1300px){.dashboard-grid,.currency-grid,.builder-grid{grid-template-columns:1fr}.builder-grid aside{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1080px){.content{padding:24px clamp(18px,3vw,28px) 64px}.currency-grid,.settings-grid,.currency-report{grid-template-columns:1fr}.stat-grid,.right-stack,.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-a,.bento-f,.bento-g,.bento-h{grid-area:auto/span 2}.bento-f .attention-list,.bento-g .upcoming-list{overflow:visible}.stat-tile{grid-column:span 1}.stat-tile:last-of-type{grid-column:span 2}}@media (width<=760px){.sidebar,.app-shell.collapsed .sidebar{width:280px;box-shadow:var(--shadow-lg);padding:14px 12px;transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-104%)}.sidebar.open{transform:translate(0)}.app-shell.collapsed .brand strong,.app-shell.collapsed .sidebar nav button span,.app-shell.collapsed .profile>div{display:block}.app-shell.collapsed .sidebar nav button{justify-content:flex-start;gap:10px;height:42px;padding:0 8px}.app-shell.collapsed .sidebar nav em{min-width:0;height:auto;margin-left:auto;padding:0 6px;font-size:10.5px;position:static}.app-shell.collapsed .profile{justify-content:flex-start;padding:9px 8px}.sidebar nav button{height:42px;font-size:15px}.mobile-menu,.mobile-close{display:grid}.topbar-menu,.rail-toggle,.rail-collapse{display:none}.mobile-close{margin-left:auto}.bottom-nav{display:flex}.topbar{border-bottom:0;justify-content:flex-end;gap:4px;height:50px;padding:0 12px}.desktop-search{display:none}.main{height:100vh}.content{max-width:none;padding:14px 14px calc(84px + env(safe-area-inset-bottom))}h1{font-size:32px}.page-heading,.detail-heading{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:22px}.page-heading p:not(.eyebrow){margin-top:8px}.page-heading .button{width:100%;height:46px}.panel{border-radius:22px}.panel-header{padding:18px 20px 12px}.invoice-detail-grid,.builder-grid,.builder-grid aside,.dashboard-grid,.currency-grid,.settings-grid,.currency-report{grid-template-columns:1fr;gap:14px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.focus-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin:0 -14px 16px;padding:0 14px 4px;display:flex;overflow-x:auto}.focus-grid::-webkit-scrollbar{display:none}.focus-card{scroll-snap-align:start;flex:0 0 82%;min-height:168px}.focus-hero strong{font-size:32px}.toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.toolbar .search,.toolbar>input,.toolbar .button,.tabs{width:100%;max-width:none}.toolbar>input{flex:none;height:42px;min-height:42px}.toolbar .button{flex:none}td,th{padding-left:16px;padding-right:16px}td:first-child,th:first-child{padding-left:18px}td:last-child,th:last-child{padding-right:18px}.action-row{flex-wrap:wrap}.action-row .button{flex:46%}}@media (width<=540px){.calculator-settings{padding:18px}.calculator-settings-grid,.calculator-line-grid{grid-template-columns:1fr;gap:14px}.calculator-buffer,.calculator-line-grid>.calculator-price{grid-area:auto}.calculator-custom{justify-content:space-between}.calculator-summary{padding:20px}.calculator-summary-stats{justify-content:space-between;gap:18px}.calculator-actions{display:grid}.calculator-actions .button{width:100%}.sheet-connection{grid-template-columns:auto 1fr;padding:18px}.sheet-connection .sheet-status{justify-self:start}.sheet-connection .button{grid-column:1/-1;width:100%}.sheet-form-grid{grid-template-columns:1fr;padding:16px 18px}.sheet-link-input{grid-column:auto}.sheet-link-actions{padding:0 18px 18px;display:grid}.sheet-link-actions .button{width:100%}.sheet-client{grid-template-columns:minmax(0,1fr) auto;padding:15px 16px}.sheet-client .button{grid-column:1/-1;width:100%}.page-heading,.detail-heading{flex-direction:column;align-items:flex-start;gap:14px}.page-heading .button{align-self:stretch}.right-stack{grid-template-columns:1fr}.panel-header{padding:16px 18px}.toolbar{flex-direction:column;align-items:stretch}.tabs{overflow-x:auto}.action-row .button{flex:auto}.paper-top{grid-template-columns:1fr}.paper-top>div:last-child{text-align:left}.line-edit{grid-template-columns:1fr 44px 78px;gap:6px}.line-edit b{grid-column:2/4}.line-edit>button{grid-column:1;justify-self:start}.field-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.currency-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.attention-card{grid-template-columns:34px 1fr}.attention-card .button{grid-column:2}.reminder-edit{grid-template-columns:1fr 1fr}.reminder-edit button{grid-column:1/-1;justify-self:end}}@media print{.sidebar,.topbar,.action-row,.right-stack,.detail-heading .back,.editor-head{display:none!important}.main{margin:0}.content{max-width:none;padding:0}.invoice-detail-grid{display:block}.invoice-paper{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;min-height:100vh}.detail-title{display:block}body,html{background:#242424}}.brand>.brand-logo{background:var(--ink);border-radius:0;width:34px;height:22px;-webkit-mask:url(/brand/mbg-icon.svg) 50%/contain no-repeat;mask:url(/brand/mbg-icon.svg) 50%/contain no-repeat}.auth-mark.auth-logo{background:var(--ink);border-radius:0;width:150px;height:59px;-webkit-mask:url(/brand/mbg-logo-full.svg) 0/contain no-repeat;mask:url(/brand/mbg-logo-full.svg) 0/contain no-repeat}:root{--mode-select-arrow-inset:20px;--mode-select-arrow-size:7px}select:not([multiple]){appearance:none;cursor:pointer;width:100%;min-width:0;font-family:inherit;line-height:1.4;background-image:none!important;padding-left:16px!important;padding-right:52px!important}label:has(>select:not([multiple])){position:relative}label:has(>select:not([multiple])):after{content:"";right:var(--mode-select-arrow-inset);width:var(--mode-select-arrow-size);height:var(--mode-select-arrow-size);transform-origin:50%;pointer-events:none;opacity:.8;border-bottom:1.8px solid;border-right:1.8px solid;position:absolute;bottom:23px;transform:rotate(45deg)}[data-theme=dark] label:has(>select:not([multiple])):after{opacity:.9}select:not([multiple]):focus-visible{outline-offset:2px}select:not([multiple]):disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){select:not([multiple]){padding-right:46px!important}label:has(>select:not([multiple])):after{right:18px}}.mode-client-v2{width:100%;min-width:0;padding-bottom:40px}.mode-client-v2 .mode-client-heading{margin-bottom:26px}.mode-client-v2 .detail-title{min-width:0}.mode-client-v2 .detail-title h1{overflow-wrap:anywhere}.mode-client-v2 .mode-client-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.mode-client-v2 .mode-client-stats>*{min-width:0;margin:0}.mode-client-v2 .mode-client-stats .stat strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.mode-client-v2 .mode-client-overview,.mode-client-v2 .mode-client-secondary{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px;margin-bottom:20px;display:grid}.mode-client-v2 .mode-client-panel{flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.mode-client-v2 .mode-client-panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;min-height:118px;padding:22px 26px 20px;display:flex}.mode-client-v2 .mode-client-panel-head>div{min-width:0}.mode-client-v2 .mode-client-eyebrow{letter-spacing:.12em;color:var(--ink-faint);margin-bottom:10px;font-size:10px;font-weight:600;line-height:1.3;display:block}.mode-client-v2 .mode-client-panel-head h2{color:var(--ink);margin:0;font-size:17px;font-weight:650;line-height:1.3}.mode-client-v2 .mode-client-panel-head p{color:var(--ink-faint);margin:6px 0 0;font-size:12.5px;line-height:1.55}.mode-client-v2 .mode-client-profile-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mode-client-v2 .mode-client-profile-field{border-bottom:1px solid var(--line-soft);flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:20px 24px;display:flex}.mode-client-v2 .mode-client-profile-field:nth-child(odd){border-right:1px solid var(--line-soft)}.mode-client-v2 .mode-client-profile-field:nth-last-child(-n+2){border-bottom:0}.mode-client-v2 .mode-client-profile-field>span{letter-spacing:.04em;color:var(--ink-faint);font-size:11px;line-height:1.4}.mode-client-v2 .mode-client-profile-field>strong{max-width:100%;color:var(--ink);overflow-wrap:anywhere;font-size:14px;font-weight:600;line-height:1.5}.mode-client-v2 .mode-client-rules{flex-direction:column;flex:1;display:flex}.mode-client-v2 .mode-client-rule{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:24px;min-width:0;min-height:53px;padding:14px 24px;display:flex}.mode-client-v2 .mode-client-rule:last-child{border-bottom:0}.mode-client-v2 .mode-client-rule>span{min-width:0;color:var(--ink-faint);font-size:13px;line-height:1.4}.mode-client-v2 .mode-client-rule>strong{text-align:right;min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.4}.mode-client-v2 .mode-client-rule a{color:inherit;text-underline-offset:3px;text-decoration:underline}.mode-client-v2 .mode-client-service-content{flex-direction:column;flex:1;min-height:210px;display:flex}.mode-client-v2 .mode-client-service{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:20px 24px;display:flex}.mode-client-v2 .mode-client-service:last-child{border-bottom:0}.mode-client-v2 .mode-client-service-info{flex-direction:column;gap:6px;min-width:0;display:flex}.mode-client-v2 .mode-client-service-info>strong{color:var(--ink);font-size:14px;font-weight:600}.mode-client-v2 .mode-client-service-info>span{color:var(--ink-faint);font-size:12px}.mode-client-v2 .mode-client-service-price{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.mode-client-v2 .mode-client-service-price>strong{color:var(--ink);white-space:nowrap;font-size:13px}.mode-client-v2 .mode-client-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:210px;padding:28px 20px;display:flex}.mode-client-v2 .mode-client-empty-icon{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);border-radius:12px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.mode-client-v2 .mode-client-empty>strong{color:var(--ink);font-size:14px;font-weight:600}.mode-client-v2 .mode-client-empty>p{max-width:260px;color:var(--ink-faint);margin:0 0 8px;font-size:12.5px;line-height:1.5}.mode-client-v2 .mode-client-activity{flex-direction:column;flex:1;display:flex}.mode-client-v2 .mode-client-activity-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:18px;min-height:53px;padding:15px 24px;display:flex}.mode-client-v2 .mode-client-activity-row:last-child{border-bottom:0}.mode-client-v2 .mode-client-activity-row>span{color:var(--ink-soft);font-size:13px;line-height:1.4}.mode-client-v2 .mode-client-activity-row>strong{font-variant-numeric:tabular-nums;text-align:right;min-width:24px;color:var(--ink);font-size:16px;font-weight:650;line-height:1.3}.mode-client-v2 .mode-client-invoices{margin-top:0}.mode-client-v2 .mode-client-count{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:7px 11px;font-size:11px}.mode-client-v2 .mode-client-invoices .table-wrap{overflow-x:auto}.mode-client-v2 .mode-client-invoice-table{border-collapse:collapse;width:100%;min-width:750px}.mode-client-v2 .mode-client-invoice-table th,.mode-client-v2 .mode-client-invoice-table td{vertical-align:middle;padding:17px 24px}.mode-client-v2 .mode-client-invoice-table th{color:var(--ink-faint);font-size:12px;font-weight:500}.mode-client-v2 .mode-client-invoice-table td{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px}.mode-client-v2 .mode-client-invoice-table td strong{color:var(--ink);font-weight:600}.mode-client-v2 .mode-client-invoice-table th:last-child,.mode-client-v2 .mode-client-invoice-table td:last-child{width:235px;min-width:235px;padding-right:22px}.mode-client-v2 .mode-client-status-cell .mode-invoice-status-control{align-items:center;gap:12px;justify-content:space-between!important;width:100%!important;display:flex!important}.mode-client-v2 .mode-client-status-cell button{flex-shrink:0}@media (width<=1150px){.mode-client-v2 .mode-client-overview,.mode-client-v2 .mode-client-secondary{grid-template-columns:1fr}}@media (width<=800px){.mode-client-v2 .mode-client-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-client-v2 .mode-client-profile-grid{grid-template-columns:1fr}.mode-client-v2 .mode-client-profile-field{border-right:0!important;border-bottom:1px solid var(--line-soft)!important}.mode-client-v2 .mode-client-profile-field:last-child{border-bottom:0!important}}@media (width<=480px){.mode-client-v2 .mode-client-overview,.mode-client-v2 .mode-client-secondary{gap:14px;margin-bottom:14px}.mode-client-v2 .mode-client-stats{gap:10px}.mode-client-v2 .mode-client-panel-head{min-height:0;padding:20px 18px}.mode-client-v2 .mode-client-profile-field,.mode-client-v2 .mode-client-rule,.mode-client-v2 .mode-client-service,.mode-client-v2 .mode-client-activity-row{padding-left:18px;padding-right:18px}.mode-client-v2 .mode-client-rule{gap:12px}}.mode-select{width:100%;min-width:0;position:relative}.mode-select-trigger{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:border-color .12s,box-shadow .12s;display:flex}.mode-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-select-trigger svg{color:var(--ink-soft);flex:none;transition:transform .18s}.mode-select-trigger:hover{border-color:color-mix(in srgb, var(--ink) 18%, var(--line))}.mode-select-trigger:focus-visible,.mode-select.open .mode-select-trigger{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent);outline:0}.mode-select.open .mode-select-trigger svg{transform:rotate(180deg)}.mode-select-trigger:disabled{cursor:not-allowed;opacity:.5}.mode-select-placeholder{color:var(--ink-faint)}.mode-select-menu{z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;transform-origin:top;pointer-events:none;visibility:hidden;max-height:280px;margin:0;padding:6px;list-style:none;transition:opacity .14s,transform .14s,visibility 0s linear .14s;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)scale(.98)}.mode-select.open .mode-select-menu{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .14s,transform .14s;transform:none}.mode-select-menu li{color:var(--ink);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.mode-select-menu li span{gap:2px;min-width:0;display:grid}.mode-select-menu li strong{font-weight:500}.mode-select-menu li small{color:var(--ink-faint);font-size:12px;font-weight:450}.mode-select-menu li.active{background:var(--surface-2)}.mode-select-menu li[aria-selected=true] strong{font-weight:600}.mode-select-menu li svg{color:var(--ink);flex:none}.sheet-link-form{overflow:visible}@media (prefers-reduced-motion:reduce){.mode-select-menu,.mode-select-trigger svg{transition:none}}.mode-invoice-paper{--inv-bg:#252525;--inv-panel:#373737;--inv-border:#9ca3af;--inv-ink:#fff;--inv-text:#f9fafb;--inv-soft:#ededed;--inv-body:#d1d5db;--inv-muted:#9ca3af;--inv-date:#cbcbcb;background:var(--inv-bg);width:min(595px,100%);color:var(--inv-text);font-family:"Oxygen", var(--font-sans);border:0;border-radius:0;flex-direction:column;gap:18px;margin-inline:auto;padding:20px;line-height:1.2;display:flex;overflow:hidden}.mode-invoice-paper p,.mode-invoice-paper h2{margin:0}.mode-invoice-head{justify-content:space-between;align-items:flex-start;display:flex}.mode-invoice-head>div:first-child{gap:8px;display:grid}.mode-invoice-title{font:600 40px/1.2 "M PLUS 1 Code", var(--font-mono);color:var(--inv-ink);text-transform:uppercase;letter-spacing:0}.mode-invoice-number{color:var(--inv-soft);font-size:12px}.mode-invoice-date{color:var(--inv-date);text-align:right;font-size:16px}.mode-invoice-meta{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 117px;align-items:start;gap:16px;display:grid}.mode-meta-block{overflow-wrap:anywhere;flex-direction:column;gap:5px;min-width:0;display:flex}.mode-meta-block>small{letter-spacing:.6px;text-transform:uppercase;color:var(--inv-soft);font-size:12px;font-weight:400}.mode-meta-block>strong{font:600 20px/1.2 "M PLUS 1 Code", var(--font-mono);color:var(--inv-ink)}.mode-meta-block>span{color:var(--inv-soft);font-size:10px;line-height:1.5}.mode-meta-block:last-child{gap:0}.mode-meta-block:last-child>small{margin-bottom:7px}.mode-meta-block:last-child>span{font-weight:300;line-height:12px}.mode-meta-block:last-child>.mode-meta-label{font-weight:400}.mode-meta-block:last-child>.mode-meta-label~.mode-meta-label{margin-top:12px}.mode-table-shell{border:1px solid var(--inv-border);filter:drop-shadow(0 14px 14px #00000012)drop-shadow(0 2px 4px #0000000d);border-radius:12px;overflow:hidden}.mode-line-table{border-collapse:collapse;background:0 0;width:100%}.mode-line-table thead,.mode-line-table tbody,.mode-line-table tfoot{display:block}.mode-line-table tr{background:0 0;grid-template-columns:minmax(0,1fr) 120px 140px;gap:12px;padding:16px 20px;display:grid}.mode-line-table th,.mode-line-table td{color:var(--inv-text);text-align:left;vertical-align:top;background:0 0;border:0;padding:0;font-size:13px}.mode-line-table th:not(:first-child),.mode-line-table td:not(:first-child){text-align:right}.mode-line-table tbody tr:hover,.mode-line-table tbody tr:hover td{color:var(--inv-text);background:0 0}.mode-line-table thead tr{background:var(--inv-panel);border-bottom:1px solid var(--inv-bg);padding:14px 20px}.mode-line-table th{text-transform:uppercase;color:var(--inv-text);font-size:12px;font-weight:700}.mode-line-table th span,.mode-line-table th small{display:block}.mode-line-table th small{text-transform:none;color:var(--inv-muted);font-size:8px;font-weight:400}.mode-line-table tbody td:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.mode-line-table tbody td:first-child,.mode-line-table tbody td:first-child *{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;max-width:none;overflow:visible}.mode-line-table tbody td:first-child strong{color:var(--inv-text);text-transform:capitalize;margin-bottom:4px;font-size:14px;font-weight:700}.mode-line-summary{color:var(--inv-body);font-size:13px;line-height:1.35}.mode-line-table tbody td:first-child small{color:var(--inv-muted);font-size:11px}.mode-line-table tbody td:not(:first-child){white-space:nowrap;font-weight:700}.mode-line-table .mode-summary-row td:first-child small{color:var(--inv-body);font-size:13px;line-height:1.35}.mode-line-table tfoot tr{background:var(--inv-panel);border-top:1px solid var(--inv-bg);align-items:center}.mode-line-table tfoot td{font-weight:700}.mode-line-table tfoot td:first-child{text-transform:uppercase}.mode-line-table tfoot td:last-child{font-size:14px}.mode-total-box{background:var(--inv-panel);border:1px solid var(--inv-border);border-radius:8px;grid-template-columns:max-content;justify-content:end;gap:18px;padding:21px 44px;display:grid}.mode-total-box>div{text-align:right;grid-template-columns:1fr 140px;align-items:baseline;gap:48px;display:grid}.mode-total-box>div>*{font-weight:400}.mode-total-box>div:first-child>*{color:var(--inv-ink);text-transform:uppercase;font-size:16px;line-height:1}.mode-total-box>div:not(:first-child)>*{color:var(--inv-date);text-transform:uppercase;font-size:12px;line-height:1}.mode-total-box>.mode-fx-row{text-align:right;flex-direction:column;gap:2px;display:flex}.mode-total-box>.mode-fx-row>*{text-transform:none;color:var(--inv-muted);font-size:10px}@media (width<=560px){.mode-invoice-meta{grid-template-columns:1fr 1fr}.mode-meta-block:last-child{grid-column:1/-1}.mode-line-table tr{grid-template-columns:minmax(0,1fr) 80px 104px;gap:8px;padding-inline:14px}.mode-total-box{padding:18px 20px}.mode-total-box>div{grid-template-columns:1fr 120px;gap:24px}}.invoice-detail-grid{align-items:start}.mode-invoice-paper{align-self:start;height:auto;min-height:0}.data-backup-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.audit-panel{grid-column:1/-1}.audit-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.audit-head h2{align-items:center;gap:8px;margin:0;display:flex}.audit-list{margin:0;padding:0;list-style:none;display:grid}.audit-list li{border-top:1px solid var(--line-soft);grid-template-columns:64px minmax(0,1fr) auto;align-items:start;gap:12px;padding:11px 0;display:grid}.audit-list li:first-child{border-top:0}.audit-list li div{gap:2px;min-width:0;display:grid}.audit-list strong{color:var(--ink);font-size:13.5px;font-weight:600}.audit-list small{color:var(--ink-soft);overflow-wrap:anywhere;font-size:12.5px}.audit-list time{color:var(--ink-faint);white-space:nowrap;font-size:12px}.audit-actor{border-radius:var(--radius-pill);background:var(--pill-neutral-bg);color:var(--pill-neutral-fg);justify-self:start;padding:3px 9px;font-size:11px;font-weight:600}.audit-actor.automation{background:var(--pill-info-bg);color:var(--pill-info-fg)}.audit-actor.sheet-sync{background:var(--pill-success-bg);color:var(--pill-success-fg)}@media (width<=640px){.audit-list li{grid-template-columns:56px minmax(0,1fr)}.audit-list time{grid-column:2}}.bento+.automation-bottom{margin-top:18px}.automation-bottom{align-items:start}.automation-defaults{gap:18px}.automation-defaults-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.automation-switch{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);align-items:flex-start;gap:12px;margin:0;padding:14px 16px;display:flex}.automation-switch input{accent-color:var(--accent);flex:none;width:18px;height:18px;min-height:0;margin:1px 0 0;padding:0}.automation-switch span{gap:3px;display:grid}.automation-switch strong{color:var(--ink);font-size:13.5px;font-weight:600}.automation-switch small{color:var(--ink-soft);font-size:12.5px;font-weight:450;line-height:1.45}.reminder-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.reminder-edit-head span{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);padding-left:2px;font-size:11.5px;font-weight:600}.reminder-edit .reminder-remove{width:36px;height:36px;color:var(--ink-faint);background:0 0;border:0;border-radius:10px;place-items:center;transition:background-color .12s,color .12s;display:grid}.reminder-edit .reminder-remove:hover{background:var(--pill-danger-bg);color:var(--pill-danger-fg)}.automation-runs{flex-direction:column;display:flex}.run-list{max-height:420px;margin:0;padding:6px 22px 16px;list-style:none;display:grid;overflow-y:auto}.run-list li{border-top:1px solid var(--line-soft);grid-template-columns:30px minmax(0,1fr) 28px;align-items:start;gap:12px;padding:12px 0;display:grid}.run-list li:first-child{border-top:0}.run-list li div{gap:3px;min-width:0;display:grid}.run-list strong{color:var(--ink);font-size:13.5px;font-weight:600}.run-list small{color:var(--ink-faint);overflow-wrap:anywhere;font-size:12.5px}.run-chip{background:var(--pill-neutral-bg);width:30px;height:30px;color:var(--pill-neutral-fg);border-radius:10px;place-items:center;display:grid}.run-chip.run{background:var(--pill-info-bg);color:var(--pill-info-fg)}.run-chip.sheet{background:var(--pill-success-bg);color:var(--pill-success-fg)}.run-chip.reminder{background:var(--pill-warn-bg);color:var(--pill-warn-fg)}.run-list .run-delete{width:28px;height:28px;color:var(--ink-faint);opacity:0;background:0 0;border:0;border-radius:8px;place-items:center;transition:opacity .12s,background-color .12s,color .12s;display:grid}.run-list li:hover .run-delete,.run-list .run-delete:focus-visible{opacity:1}.run-list .run-delete:hover{background:var(--pill-danger-bg);color:var(--pill-danger-fg)}@media (hover:none){.run-list .run-delete{opacity:.6}}@media (width<=760px){.automation-defaults-grid{grid-template-columns:1fr 1fr}.automation-defaults-grid label:last-child{grid-column:1/-1}}.month-switch{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);align-items:center;gap:6px;padding:4px;display:inline-flex}.month-switch strong{text-align:center;min-width:136px;font-size:14px;font-weight:600}.month-switch .icon-button:disabled{opacity:.35;cursor:default}.finance-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.finance-stat{gap:6px;padding:18px 20px;display:grid}.finance-stat>span{color:var(--ink-soft);font-size:12.5px;font-weight:600}.finance-stat>strong{font:700 clamp(20px, 2vw, 26px)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}.finance-stat>small{color:var(--ink-faint);font-size:12px}.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-bottom:18px;display:grid}.finance-body{gap:14px;padding:18px 22px 20px;display:grid}.target-bar{border-radius:var(--radius-pill);background:var(--surface-2);height:10px;overflow:hidden}.target-bar span{background:var(--accent);border-radius:inherit;transform-origin:0;height:100%;transition:transform .4s;display:block}.income-chart{gap:8px;padding:22px 22px 14px;display:grid}.income-plot{border-bottom:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:170px;display:grid;position:relative}.income-target{border-top:1.5px dashed var(--ink-faint);pointer-events:none;z-index:1;height:0;position:absolute;left:0;right:0}.income-labels{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;display:grid}.income-labels small{color:var(--ink-faint);text-align:center;font-size:11px}.income-labels small.current{color:var(--ink);font-weight:600}.income-bar-wrap{cursor:default;justify-content:center;align-items:flex-end;display:flex;position:relative}.income-bar{background:color-mix(in srgb, var(--ink) 22%, transparent);border-radius:4px 4px 0 0;width:min(100%,26px);min-height:2px;transition:background-color .15s}.income-bar-wrap.current .income-bar{background:var(--accent)}.income-bar-wrap:hover .income-bar{background:color-mix(in srgb, var(--ink) 55%, transparent)}.income-tip{z-index:5;white-space:nowrap;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;border-radius:10px;gap:2px;padding:7px 10px;font-size:11.5px;transition:opacity .12s,transform .12s;display:grid;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}.income-tip b{font-size:13px}.income-bar-wrap:hover .income-tip{opacity:1;transform:translate(-50%)}.split-row{grid-template-columns:minmax(0,1fr) 92px minmax(110px,auto) 36px;align-items:center;gap:8px;display:grid}.split-row>strong{text-align:right;font-size:14px}.split-percent{position:relative}.split-percent input{width:100%;padding-right:28px}.split-percent span{color:var(--ink-faint);font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.row-remove{width:36px;height:36px;color:var(--ink-faint);background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.row-remove:hover{background:var(--pill-danger-bg);color:var(--pill-danger-fg)}.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rate-result{border-radius:var(--radius-sm);background:var(--surface-2);gap:4px;padding:16px 18px;display:grid}.rate-result>span{color:var(--ink-soft);font-size:12.5px;font-weight:600}.rate-result>strong{font:700 28px/1.1 var(--font-display);letter-spacing:-.02em}.rate-result>strong small{color:var(--ink-soft);margin-left:2px;font-size:14px;font-weight:500;display:inline}.rate-result>small{color:var(--ink-faint);font-size:12px}.finance-tools,.finance-profit{margin-bottom:18px}.tool-add{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(150px,1.4fr) 110px 100px 120px 150px minmax(120px,1fr) auto;align-items:center;gap:8px;padding:16px 22px;display:grid}.tools-table td small{color:var(--ink-faint);font-size:12px;display:block}.tools-table td .status{margin-left:8px}.tool-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.tool-actions .text-button{align-items:center;gap:4px;display:inline-flex}.tool-active{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.tool-active input{accent-color:var(--accent);width:16px;height:16px;min-height:0;padding:0}.muted-row td{opacity:.55}@media (width<=1100px){.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-grid{grid-template-columns:1fr}.tool-add{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-add input:first-child{grid-column:1/-1}}@media (width<=640px){.finance-stats,.rate-grid{grid-template-columns:1fr}.tool-add{grid-template-columns:1fr 1fr}.split-row{grid-template-columns:minmax(0,1fr) 80px 36px}.split-row>strong{text-align:left;color:var(--ink-soft);grid-area:2/1/auto/-1;font-size:13px}.income-chart{padding-inline:14px}.income-plot,.income-labels{gap:3px}}@media (prefers-reduced-motion:reduce){.target-bar span,.income-tip{transition:none}}.worklog-date{gap:6px;min-width:190px;display:grid}.worklog-note{border-radius:var(--radius-sm);background:var(--pill-success-bg);color:var(--pill-success-fg);margin:0 0 16px;padding:10px 14px;font-size:13px;font-weight:500}.detail-heading .worklog-note{margin:14px 0 0}.worklog-missing,.worklog-week,.worklog-reports,.worklog-recent{margin-bottom:18px}.worklog-missing .panel-header h2 em{border-radius:var(--radius-pill);background:var(--pill-warn-bg);color:var(--pill-warn-fg);margin-left:6px;padding:2px 8px;font-size:12px;font-style:normal}.missing-list{flex-wrap:wrap;gap:10px;padding:16px 22px 20px;display:flex}.missing-day{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);align-items:center;gap:12px;padding:10px 14px;display:flex}.missing-day strong{font-size:13.5px}.worklog-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:18px;margin-bottom:18px;display:grid}.worklog-body{gap:14px;padding:18px 22px 20px;display:grid}.worklog-actions{flex-wrap:wrap;gap:8px;display:flex}.template-group{gap:8px;display:grid}.template-group>small{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-size:11.5px;font-weight:600}.template-buttons{flex-wrap:wrap;gap:8px;display:flex}.template-chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);align-items:stretch;display:inline-flex;overflow:hidden}.template-chip button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:13px}.template-chip button:first-child{align-items:center;gap:6px;padding:8px 12px 8px 14px;font-weight:500;transition:background-color .12s;display:inline-flex}.template-chip button:first-child:hover{background:var(--surface-2)}.template-chip button:first-child:active{transform:translateY(1px)}.template-chip b{color:var(--ink-soft);font-weight:700}.template-remove{padding:0 12px 0 6px;color:var(--ink-faint)!important;font-size:16px!important}.template-remove:hover{color:var(--pill-danger-fg)!important}.week-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:16px 22px 22px;display:grid}.week-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);gap:10px;padding:16px;display:grid}.week-card header{justify-content:space-between;align-items:baseline;display:flex}.week-card header span{font:700 18px/1 var(--font-display)}.week-card ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.week-card li{color:var(--ink-soft);justify-content:space-between;gap:12px;font-size:13px;display:flex}.week-card li b{color:var(--ink);white-space:nowrap;font-weight:600}.week-card>small{color:var(--ink-faint);font-size:12px}.week-card footer{border-top:1px solid var(--line-soft);gap:14px;padding-top:6px;display:flex}.week-card footer .text-button,.worklog-reports .text-button{align-items:center;gap:5px;display:inline-flex}.report-create{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(160px,1.2fr) 160px 160px auto;align-items:end;gap:10px;padding:16px 22px;display:grid}.worklog-reports td small,.worklog-recent td small{color:var(--ink-faint);font-size:12px;display:block}.worklog-days{gap:4px;display:inline-flex}.worklog-days button{border:1px solid var(--line);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:9px;padding:6px 9px;font-size:12px;font-weight:600}.worklog-days button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (width<=1000px){.worklog-grid{grid-template-columns:1fr}.report-create{grid-template-columns:1fr 1fr}}@media (width<=640px){.report-create{grid-template-columns:1fr}.worklog-days{flex-wrap:wrap}}.report-shell{background:var(--bg);min-height:100vh;color:var(--ink);padding:48px 20px}.report-loading{text-align:center;color:var(--ink-faint);padding-top:20vh}.report-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:820px;box-shadow:var(--shadow-md);margin:0 auto;padding:36px}.report-empty{text-align:center}.report-empty p{color:var(--ink-soft)}.report-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.report-head h1{font:700 30px/1.15 var(--font-display);letter-spacing:-.02em;margin:6px 0}.report-head p:not(.eyebrow){color:var(--ink-soft);margin:0;font-size:14.5px}.report-print{flex:none;align-items:center;gap:6px;display:inline-flex}.report-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.report-stats div{border-radius:var(--radius-sm);background:var(--surface-2);gap:4px;padding:14px 16px;display:grid}.report-stats span{color:var(--ink-soft);font-size:12px;font-weight:600}.report-stats strong{font:700 24px/1 var(--font-display)}.report-categories{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.report-categories span{border-radius:var(--radius-pill);background:var(--pill-neutral-bg);color:var(--pill-neutral-fg);padding:6px 12px;font-size:12.5px}.report-categories b{color:var(--ink);margin-left:4px}.report-days{gap:18px;display:grid}.report-day h2{border-bottom:1px solid var(--line);justify-content:space-between;margin:0 0 8px;padding-bottom:8px;font-size:14px;font-weight:700;display:flex}.report-day h2 span{color:var(--ink-soft);font-weight:600}.report-day ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.report-day li{justify-content:space-between;gap:16px;font-size:14px;display:flex}.report-day li span{color:var(--ink);gap:2px;display:grid}.report-day li small{color:var(--ink-faint);font-size:12px}.report-day li b{white-space:nowrap;font-weight:600}.report-foot{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:28px;padding-top:16px;font-size:12px}@media (width<=640px){.report-shell{padding:20px 12px}.report-card{padding:22px 18px}.report-head{flex-direction:column}.report-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.report-stats strong{font-size:18px}}@media print{.report-shell{background:#fff;padding:0}.report-card{box-shadow:none;border:0;max-width:none}.report-print{display:none}}.settings-grid>*,.finance-grid>*,.currency-report>*,.report-metrics>*,.automation-defaults-grid>*,.reminder-edit>*{min-width:0}.settings-grid input,.settings-grid select,.settings-grid textarea{min-width:0;max-width:100%}.mode-client-stats strong{white-space:nowrap;font-size:clamp(18px,5.4vw,24px)}.report-metrics strong{overflow-wrap:anywhere;font-size:clamp(15px,4.4vw,22px)}.mode-meta-block>strong,.mode-meta-block>span{overflow-wrap:break-word;word-break:normal}@media (width<=1080px){.settings-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.settings-grid .panel{padding:18px 16px}.settings-grid .panel>div:has(>button){flex-wrap:wrap}.reminder-edit{grid-template-columns:minmax(0,1fr) 30px}.reminder-edit>:nth-child(2){grid-column:1}.reminder-edit>:last-child{grid-area:1/2/span 2}.automation-defaults-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.worklog-week .panel-header{flex-wrap:wrap;gap:10px}.worklog-week .panel-header>div:first-child{flex:100%}.income-plot{gap:2px}.income-plot+* span:nth-child(2n){visibility:hidden}}@media (width<=560px){.mode-invoice-paper{padding:18px 14px}.mode-invoice-meta{grid-template-columns:minmax(0,1fr);gap:14px}.mode-meta-block>strong{font-size:16px}.mode-line-table tr{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.mode-line-table th:first-child,.mode-line-table td:first-child{grid-column:1/-1}.mode-line-table thead th:nth-child(2){text-align:left}.mode-line-table tbody td:nth-child(2),.mode-line-table thead th:nth-child(2){text-align:left;color:var(--inv-muted);padding-top:0}.mode-total-box>div{grid-template-columns:minmax(0,1fr) auto}}@page{size:A4;margin:14mm 14mm 16mm}@media print{html,body,.app-shell,.main,.content{color:#111!important;background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}.sidebar,.topbar,.detail-heading,.right-stack,.mode-side-panel,.mobile-nav,.bottom-nav,nav,.save-status,[class*=toast],[class*=saving],[role=status],.worklog-note{display:none!important}.main,.content{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}.invoice-detail-grid{display:block!important}.mode-invoice-paper{--inv-bg:#fff;--inv-panel:#f3f4f6;--inv-border:#d1d5db;--inv-ink:#111;--inv-text:#111;--inv-soft:#374151;--inv-body:#374151;--inv-muted:#6b7280;--inv-date:#374151;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:10.5pt;width:100%!important;max-width:none!important;min-height:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}.mode-invoice-meta{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 130px!important}.mode-line-table tr{grid-template-columns:minmax(0,1fr) 110px 130px!important}.mode-line-table th:first-child,.mode-line-table td:first-child{grid-column:auto!important}.mode-line-table th:not(:first-child),.mode-line-table td:not(:first-child){padding-top:revert;text-align:right!important}.mode-table-shell,.mode-total-box{border-color:var(--inv-border)!important}.mode-line-table thead{display:table-header-group}.mode-line-table tr,.mode-total-box,.mode-invoice-meta,.mode-paper-notes{break-inside:avoid;page-break-inside:avoid}a{color:inherit!important;text-decoration:none!important}}@media (width<=1100px){.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%!important;min-width:0!important}.table-wrap thead{display:none}.table-wrap tbody tr{border-bottom:1px solid var(--line-soft);gap:6px;padding:14px 18px;display:grid}.table-wrap tbody tr:last-child{border-bottom:0}.table-wrap td{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;display:flex;text-align:right!important;white-space:normal!important;border:0!important;padding:0!important}.table-wrap td:before{content:attr(data-label);text-align:left;max-width:45%;color:var(--ink-faint);flex:none;font-size:12px;font-weight:500}.table-wrap td[data-label=""]:before,.table-wrap td:not([data-label]):before{display:none}.table-wrap td:first-child{justify-content:flex-start;font-size:14.5px;font-weight:600;display:block;text-align:left!important;padding-bottom:2px!important}.table-wrap td:first-child:before{display:none}.table-wrap td:first-child>*{text-align:left}.table-wrap td:has(button,a.button){flex-wrap:wrap;justify-content:flex-end}.table-wrap td:has(button,a.button):before{margin-right:auto}.table-wrap td[colspan]{display:block;text-align:center!important}.table-wrap td[colspan]:before{display:none}.tabs{width:100%;max-width:100%}.tabs button{flex:auto;min-width:0;padding:7px 6px;font-size:12px}.toolbar{flex-wrap:wrap}.toolbar>*{min-width:0;max-width:100%}.tool-add{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px 16px}.tool-add>*{width:100%;min-width:0}.tool-add>:first-child,.tool-add>button:last-child{grid-column:1/-1}.income-plot>:first-child .income-tip,.income-plot>:nth-child(2) .income-tip{left:0;transform:translate(0)}.income-plot>:last-child .income-tip,.income-plot>:nth-last-child(2) .income-tip{left:auto;right:0;transform:translate(0)}.panel,.panel>*,.modal,.modal-form>*,.content>*{min-width:0}.panel-header{flex-wrap:wrap;gap:10px}.panel-header>.tabs{width:100%}input,select,textarea,.mode-select,.mode-select-trigger{min-width:0;max-width:100%}}@media (width<=1200px){.invoice-detail-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=1080px){.calculator-settings-grid,.automation-defaults-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-settings-grid>:first-child{grid-column:1/-1}.field-grid>*,.calculator-settings-grid>*,.automation-defaults-grid>*{min-width:0}}@media (width<=640px){.calculator-settings-grid,.automation-defaults-grid,.field-grid{grid-template-columns:minmax(0,1fr)}}.field-grid input,.field-grid select,.field-grid textarea{min-width:0;max-width:100%}.income-plot>:first-child .income-tip,.income-plot>:nth-child(2) .income-tip{left:0;transform:translateY(4px)}.income-plot>:first-child:hover .income-tip,.income-plot>:nth-child(2):hover .income-tip,.income-plot>:last-child:hover .income-tip,.income-plot>:nth-last-child(2):hover .income-tip{transform:translate(0)}.income-plot>:last-child .income-tip,.income-plot>:nth-last-child(2) .income-tip{left:auto;right:0;transform:translateY(4px)}.tools-table td,.tools-table th{white-space:normal}@media (width>=1101px) and (width<=1500px){.table-wrap th,.table-wrap td{padding-inline:14px}.table-wrap td{white-space:normal}.table-wrap td:has(>.status,>.badge,>button){white-space:nowrap}}@media (width<=640px){.line-edit{grid-template-columns:64px minmax(0,1fr) auto 28px;row-gap:8px}.line-edit>input:first-child{grid-column:1/-1}.line-edit b{white-space:nowrap;grid-column:auto}.line-edit>button:not(.button){grid-column:auto;justify-self:end}}label:has(>select:not([multiple])+small):after{top:calc(1.4em + 19px);bottom:auto}label:has(>select:not([multiple])+.hint):after{top:calc(1.4em + 19px);bottom:auto}@media (width<=1100px){.table-wrap tbody tr:has(>td:first-child>input[type=checkbox]){grid-template-columns:28px minmax(0,1fr);align-items:start;column-gap:10px}.table-wrap tbody tr:has(>td:first-child>input[type=checkbox])>td{grid-column:2}.table-wrap tbody tr:has(>td:first-child>input[type=checkbox])>td:first-child{grid-area:1/1/span 4;align-self:start;height:auto;min-height:0;line-height:1;padding-top:2px!important}.table-wrap tbody tr:has(>td:first-child>input[type=checkbox])>td:has(>strong){order:-1;font-size:14.5px;font-weight:600;display:block;text-align:left!important}.table-wrap tbody tr:has(>td:first-child>input[type=checkbox])>td:has(>strong):before{display:none}.table-wrap tbody tr:has(>td:first-child>input[type=checkbox])>td:first-child{order:-2}}.page-heading .quote-mode{align-self:flex-end}.quote-layout{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:16px;display:grid}.quote-inputs{gap:16px;min-width:0;display:grid}.quote-inputs .calculator-settings{margin-bottom:0}.quote-section{padding:20px 22px}.quote-section>.eyebrow{margin:0 0 12px}.quote-types{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.quote-type{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--ink);gap:3px;padding:12px 14px;display:grid}.quote-type small{color:var(--ink-soft);font-size:12px}.quote-type.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.quote-type.selected small{color:var(--accent-ink);opacity:.7}.quote-row{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:11px 0;display:flex}.quote-row-label{flex:220px;gap:2px;min-width:0;font-size:13px;font-weight:600;display:grid}.quote-row-label small{color:var(--ink-faint);font-size:12px;font-weight:400}.quote-number{text-align:right;font-variant-numeric:tabular-nums;width:96px}.quote-receipt{gap:16px;padding:22px;display:grid;position:sticky;top:16px}.quote-receipt h2{margin:-8px 0 0}.quote-lines{border-bottom:1px dashed var(--line);gap:8px;margin:0;padding:0 0 14px;list-style:none;display:grid}.quote-lines li{justify-content:space-between;gap:12px;font-size:13px;display:flex}.quote-lines li small{color:var(--ink-faint);font-size:11px;display:block}.quote-lines b{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.quote-lines li.neg b{color:var(--pill-success-fg)}.quote-total{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quote-total span{color:var(--ink-soft);font-size:12px;font-weight:600}.quote-total strong{font:700 30px var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.quote-usd{text-align:right;color:var(--ink-faint);margin:-12px 0 0;font-size:12px}.quote-stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.quote-stats span{background:var(--surface);gap:2px;padding:10px 12px;display:grid}.quote-stats small{color:var(--ink-faint);font-size:11px}.quote-stats b{font-variant-numeric:tabular-nums}.quote-stats .ok{color:var(--pill-success-fg)}.quote-stats .mid{color:var(--pill-warn-fg)}.quote-stats .low{color:var(--pill-danger-fg)}.quote-schedule{gap:4px;font-size:13px;display:grid}.quote-schedule .eyebrow{margin:0 0 4px}.quote-schedule div{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.quote-notes{gap:8px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.quote-notes li{border-left:2px solid var(--line);padding-left:10px}.quote-notes li.warn{border-color:var(--pill-warn-fg)}.quote-notes li.bad{border-color:var(--pill-danger-fg)}.quote-deposit{align-items:center;gap:8px;font-size:13px;display:flex}.quote-layout>*{min-width:0}.quote-settings-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quote-actions{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.quote-actions .button{justify-content:center;width:100%}.quote-actions small{color:var(--ink-faint);text-align:center;font-size:12px}.quote-status{color:var(--pill-success-fg);margin:0;font-size:12px}@media (width<=1100px){.quote-layout{grid-template-columns:minmax(0,1fr)}.quote-receipt{position:static}}.log-clients{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-bottom:16px;display:grid}.log-client{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);gap:3px;padding:12px 16px;transition:border-color .12s,background .12s;display:grid}.log-client small{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.log-client:hover:not(.selected){border-color:color-mix(in srgb, var(--ink) 18%, var(--line))}.log-client.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.log-client.selected small{color:var(--accent-ink);opacity:.7}.log-client.error small{color:var(--pill-danger-fg)}.log-section .tabs{flex:0 auto;max-width:none}.log-section .tabs button{flex:none}.log-date{white-space:nowrap;font-variant-numeric:tabular-nums}