*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f6fa;--bg-deep: #eaeef4;--surface: #ffffff;--surface-2: #fbfcfe;--surface-3: #eef2f8;--border: #e4e8ef;--border-lit: #cfd6e2;--text: #16243d;--text-dim: #5c6a82;--text-faint: #95a0b3;--accent: #007bff;--accent-lit: #3d97ff;--accent-deep: #0057b8;--accent-soft: #e6f1ff;--st-error: #d83b3b;--st-invoiced: #1f9d57;--st-pending: #c8851a;--st-draft: #6457d6;--st-skipped: #74808f;--shadow-sm: 0 1px 2px rgba(20, 40, 80, .05), 0 1px 1px rgba(20, 40, 80, .04);--shadow: 0 1px 2px rgba(20, 40, 80, .05), 0 6px 16px -6px rgba(20, 40, 80, .12);--shadow-lg: 0 12px 32px -10px rgba(20, 40, 80, .2);--f-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--f-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--radius: 15px;--radius-sm: 9px;--radius-xs: 6px;--sidebar-w: 250px;--ease: cubic-bezier(.2, .7, .2, 1)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--f-body);background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(820px 520px at 14% -10%,rgba(0,123,255,.08),transparent 70%),radial-gradient(700px 600px at 100% 108%,rgba(0,123,255,.05),transparent 72%)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit}table{border-collapse:collapse;width:100%}::selection{background:var(--accent);color:#fff}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:.9}}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem}.login-card{position:relative;width:100%;max-width:410px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.6rem 2.4rem 2.4rem;box-shadow:var(--shadow-lg);animation:rise .6s var(--ease) both}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,var(--accent),var(--accent-lit))}.login-mark{display:flex;align-items:center;margin-bottom:1.7rem}.login-mark img{width:172px}.login-eyebrow{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.login-title{font-family:var(--f-display);font-size:1.5rem;font-weight:700;letter-spacing:-.015em;line-height:1.15;margin-top:.2rem}.login-sub{color:var(--text-dim);font-size:.88rem;margin:.5rem 0 1.9rem}.login-form{display:flex;flex-direction:column;gap:1.15rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.form-input{padding:.7rem .85rem;background:var(--surface);border:1px solid var(--border-lit);border-radius:var(--radius-sm);font-family:var(--f-body);font-size:.95rem;color:var(--text);transition:border-color .16s,box-shadow .16s;width:100%}.form-input::placeholder{color:var(--text-faint)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #007bff24}.form-error{background:color-mix(in oklab,var(--st-error) 9%,transparent);border:1px solid color-mix(in oklab,var(--st-error) 32%,transparent);border-radius:var(--radius-sm);color:var(--st-error);font-size:.84rem;padding:.6rem .8rem}.form-submit{margin-top:.35rem;padding:.78rem 1rem;background:linear-gradient(180deg,var(--accent-lit),var(--accent));color:#fff;border:none;border-radius:var(--radius-sm);font-family:var(--f-display);font-size:.96rem;font-weight:700;letter-spacing:.01em;transition:transform .14s var(--ease),box-shadow .16s,filter .16s;box-shadow:0 10px 22px -10px #007bff99;width:100%}.form-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 28px -10px #007bffb3}.form-submit:active:not(:disabled){transform:translateY(0)}.form-submit:disabled{opacity:.55;cursor:not-allowed}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 1rem 1.1rem}.sidebar__brand{display:flex;flex-direction:column;gap:.5rem;padding:.3rem .55rem 1.4rem}.sidebar__brand img{width:132px}.brand-tag{font-family:var(--f-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.sidebar__nav{display:flex;flex-direction:column;gap:.2rem}.nav-link{position:relative;display:flex;align-items:center;gap:.7rem;padding:.62rem .7rem;border-radius:var(--radius-sm);color:var(--text-dim);font-size:.92rem;font-weight:500;transition:color .15s,background .15s}.nav-link svg{width:18px;height:18px;color:var(--text-faint);flex-shrink:0;transition:color .15s}.nav-link:hover{color:var(--text);background:var(--surface-3)}.nav-link:hover svg{color:var(--text-dim)}.nav-link--active{color:var(--accent-deep);background:var(--accent-soft);font-weight:600}.nav-link--active svg{color:var(--accent)}.nav-link--active:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar__footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.sidebar__user{display:flex;align-items:center;gap:.55rem;padding:.3rem .6rem .7rem;font-size:.78rem;color:var(--text-faint)}.sidebar__user-dot{width:7px;height:7px;border-radius:50%;background:var(--st-invoiced);box-shadow:0 0 0 3px color-mix(in oklab,var(--st-invoiced) 18%,transparent);flex-shrink:0}.sign-out-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .8rem;background:var(--surface);border:1px solid var(--border-lit);border-radius:var(--radius-sm);color:var(--text-dim);font-size:.86rem;font-weight:500;transition:color .15s,border-color .15s,background .15s}.sign-out-btn:hover{color:var(--st-error);border-color:color-mix(in oklab,var(--st-error) 45%,transparent);background:color-mix(in oklab,var(--st-error) 7%,var(--surface))}.app-main{min-width:0;display:flex;flex-direction:column}.app-content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:2.4rem 2.6rem 3.5rem}.page-head{margin-bottom:1.9rem;animation:rise .5s var(--ease) both}.page-eyebrow{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.4rem}.page-title{font-family:var(--f-display);font-size:1.95rem;font-weight:700;letter-spacing:-.02em;line-height:1.1}.page-sub{color:var(--text-dim);font-size:.92rem;margin-top:.4rem;max-width:60ch}.page-error{background:color-mix(in oklab,var(--st-error) 8%,var(--surface));border:1px solid color-mix(in oklab,var(--st-error) 30%,transparent);border-left:3px solid var(--st-error);border-radius:var(--radius-sm);color:var(--st-error);font-size:.88rem;padding:.8rem 1rem;margin-bottom:1.1rem}.counter-card-wrap{position:relative;display:grid}.counter-card__tip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);font-size:.72rem;font-weight:500;padding:.4rem .65rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s var(--ease);box-shadow:var(--shadow);z-index:10}.counter-card-wrap:hover .counter-card__tip{opacity:1}.counter-card{position:relative;display:flex;flex-direction:column;gap:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.05rem 1.05rem;overflow:hidden;box-shadow:var(--shadow-sm);animation:rise .5s var(--ease) both;transition:transform .18s var(--ease),box-shadow .18s}.counter-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.counter-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-tone, var(--text-faint))}.counter-card:nth-child(1){animation-delay:.04s}.counter-card:nth-child(2){animation-delay:.09s}.counter-card:nth-child(3){animation-delay:.14s}.counter-card:nth-child(4){animation-delay:.19s}.counter-card:nth-child(5){animation-delay:.24s}.counter-card:nth-child(6){animation-delay:.29s}.counter-card:nth-child(7){animation-delay:.34s}.counter-card:nth-child(8){animation-delay:.39s}.counter-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim)}.counter-value{font-family:var(--f-display);font-size:1.7rem;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);line-height:1.05}.counter-sub{font-size:.78rem;color:var(--text-dim);font-family:var(--f-mono)}.counter-card--focal{box-shadow:0 2px 8px #007bff26;border-top:2px solid var(--accent)}.filter-bar{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.1rem;animation:rise .5s var(--ease) .1s both}.filter-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:.5rem 2.2rem .5rem .8rem;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235c6a82' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;border:1px solid var(--border-lit);border-radius:var(--radius-sm);font-family:var(--f-body);font-size:.88rem;color:var(--text);min-width:170px;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.filter-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #007bff21}.table-wrapper{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:rise .5s var(--ease) .14s both}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead th{padding:.85rem 1rem;text-align:left;font-family:var(--f-mono);font-weight:500;font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:var(--text-faint);background:var(--bg-deep);border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:.72rem 1rem;color:var(--text-dim);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .13s;animation:fade .4s ease both}.data-table tbody tr:hover{background:var(--surface-3)}.data-table tbody tr:nth-child(1){animation-delay:.02s}.data-table tbody tr:nth-child(2){animation-delay:.04s}.data-table tbody tr:nth-child(3){animation-delay:.06s}.data-table tbody tr:nth-child(4){animation-delay:.08s}.data-table tbody tr:nth-child(5){animation-delay:.1s}.data-table tbody tr:nth-child(6){animation-delay:.12s}.data-table tbody tr:nth-child(7){animation-delay:.14s}.data-table tbody tr:nth-child(8){animation-delay:.16s}.data-table tbody tr:nth-child(9){animation-delay:.18s}.data-table tbody tr:nth-child(10){animation-delay:.2s}.data-table tbody tr:nth-child(n+11){animation-delay:.22s}.data-table .td-strong{color:var(--text);font-weight:600}.data-table .td-num{font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--text);font-weight:500}.data-table tbody tr.row--error{background:color-mix(in oklab,var(--st-error) 6%,transparent);box-shadow:inset 3px 0 0 var(--st-error)}.data-table tbody tr.row--error:hover{background:color-mix(in oklab,var(--st-error) 11%,transparent)}.row-inactive{opacity:.6;border-left:3px solid var(--st-skipped);cursor:default}.table-empty{padding:3.5rem 2rem;text-align:center;color:var(--text-faint);font-size:.92rem;background:var(--surface);border:1px dashed var(--border-lit);border-radius:var(--radius);animation:rise .5s var(--ease) .14s both}.table-empty:before{content:"◇";display:block;font-size:1.6rem;color:var(--border-lit);margin-bottom:.6rem}.skeleton-block{display:inline-block;height:.85em;border-radius:var(--radius-xs);background:var(--bg-deep);animation:shimmer 1.4s ease-in-out infinite;vertical-align:middle}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.24rem .6rem;border-radius:100px;font-family:var(--f-mono);font-size:.7rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--run-success{color:var(--st-invoiced);background:color-mix(in oklab,var(--st-invoiced) 13%,var(--surface));border-color:color-mix(in oklab,var(--st-invoiced) 32%,transparent)}.badge--run-running{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 30%,transparent)}.badge--run-running:before{animation:pulse-dot 1.3s ease-in-out infinite}.badge--run-error{color:var(--st-error);background:color-mix(in oklab,var(--st-error) 12%,var(--surface));border-color:color-mix(in oklab,var(--st-error) 32%,transparent)}.badge--skipped,.badge--none{color:var(--st-skipped);background:color-mix(in oklab,var(--st-skipped) 12%,var(--surface));border-color:color-mix(in oklab,var(--st-skipped) 28%,transparent)}.badge--pending{color:var(--st-pending);background:color-mix(in oklab,var(--st-pending) 13%,var(--surface));border-color:color-mix(in oklab,var(--st-pending) 32%,transparent)}.error-text{font-family:var(--f-mono);font-size:.76rem;color:var(--st-error);cursor:help}.bounce-hard{font-size:.82em;color:var(--text-faint)}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5rem .75rem;padding:.8rem 1rem}.sidebar__brand{padding:0;margin-right:auto;flex-direction:row;align-items:center;gap:.6rem}.sidebar__nav{flex-direction:row;flex-wrap:wrap}.nav-link--active:before{display:none}.sidebar__footer{margin-top:0;padding-top:0;border-top:none}.sidebar__user{display:none}.sign-out-btn{width:auto}.app-content{padding:1.6rem 1.2rem 2.5rem}.page-title{font-size:1.55rem}}.info-banner{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.82rem;color:var(--text-faint)}.toast{min-width:220px;max-width:380px;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--text-faint);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-size:.88rem;color:var(--text);animation:rise .22s var(--ease) both}.toast--success{border-left-color:var(--st-invoiced)}.toast--error{border-left-color:var(--st-error);color:var(--st-error)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}