:root{--bg: #0b0c0e;--bg-elevated: #121316;--bg-card: #141518;--surface: #ffffff08;--border: #ffffff16;--text: #f3f1ee;--text-muted: #b7b2aa;--accent: #e07a3d;--accent-2: #c45e28;--accent-light: #f0b48a;--accent-glow: #e07a3d33;--ok: #8fbf9a;--wait: #d2a85a;--alert: #c46a62;--gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--font-display: "IBM Plex Sans", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 0px;--radius-lg: 0px;--cut: 10px;--nav-h: 0px;--ease: cubic-bezier(.22, 1, .36, 1);--color-danger: #c46a62}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;z-index:0;background-image:radial-gradient(rgba(255,255,255,.16) .6px,transparent .7px);background-size:3px 3px}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;color:var(--text)}a{color:var(--accent-light);text-decoration:none}a:hover{color:var(--accent)}.logo-box{position:relative;flex-shrink:0;overflow:visible}.logo-gif{position:absolute;top:50%;left:50%;height:170%;width:auto;max-width:none;transform:translate(-50%,-50%);display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.input{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.input:focus{outline:none;border-color:var(--accent)}textarea.input{resize:vertical;min-height:8rem}textarea.input.compact{min-height:6.5rem}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 1.15rem) calc(50% - 2px),calc(100% - .8rem) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2.4rem}label.field{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-toggle{display:flex;align-items:center;gap:.625rem;width:100%;padding:1rem 1.35rem;border:0;background:transparent;cursor:pointer;font-family:var(--font-display);font-weight:600;text-align:left}.chevron{color:var(--accent);font-size:.75rem;transition:transform .35s var(--ease)}.panel.open>.panel-toggle .chevron{transform:rotate(90deg)}.panel-fold{display:grid;grid-template-rows:minmax(0,0fr);transition:grid-template-rows .35s var(--ease)}.panel.open>.panel-fold{grid-template-rows:minmax(0,1fr)}.panel-clip{min-height:0;overflow:hidden}.panel.open>.panel-fold>.panel-clip{overflow:visible}.panel-body{padding:0 1.35rem 1.35rem;display:flex;flex-direction:column;gap:1.25rem}.panel-body h2,.form h2{font-size:1.05rem}.panel-body section{display:flex;flex-direction:column;gap:.5rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.picker{position:relative}.picker.open{z-index:6}.chips{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;min-height:2.85rem;padding:.375rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.chips:focus-within{border-color:var(--accent)}.picker-input{flex:1;min-width:8rem;border:none;outline:none;padding:.375rem;background:transparent;color:var(--text)}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text);font-size:.8125rem;font-weight:600;cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent-light)}.menu{position:absolute;z-index:5;left:0;right:0;top:calc(100% + .35rem);margin:0;padding:.35rem;list-style:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #0005}.menu button{width:100%;text-align:left;border:none;background:transparent;padding:.5rem .625rem;border-radius:8px;cursor:pointer;color:var(--text)}.menu button:hover{background:var(--surface)}.copy-row,.key-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.key-row{justify-content:space-between;padding-top:.25rem}.key-row>div{flex:1;min-width:0}.secret{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border:none;border-radius:999px;cursor:pointer;background:var(--gradient);color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 18px var(--accent-glow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.btn:hover:not(:disabled){box-shadow:0 6px 26px var(--accent-glow);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-block{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:none;box-shadow:none}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid #ff8d7a55;box-shadow:none}.btn-danger:hover:not(:disabled){background:#ff8d7a18;color:var(--color-danger);transform:none;box-shadow:none}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.form-grid.pair{grid-template-columns:1fr 1fr}.span{grid-column:1 / -1}.toggles{display:flex;flex-wrap:wrap;gap:1.25rem}.form{display:flex;flex-direction:column;gap:1rem}.panel.form{padding:1.4rem 1.45rem 1.45rem}.log{display:flex;flex-direction:column;gap:.75rem;padding-top:.85rem;border-top:1px solid var(--border)}.log>header{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.log h2,.step h3{font-size:.95rem;font-weight:600}.check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.error{color:var(--color-danger);font-size:.875rem}.app-header{position:sticky;top:0;z-index:50;height:var(--nav-h);background:#091217d1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header-inner{width:100%;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{font-size:1.15rem}.header-tools{margin-left:auto;display:flex;align-items:center;gap:.75rem}.header-tools .support-label{margin-left:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:transparent;flex:none;cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--accent)}.support-label{margin-left:auto;font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.forgot{color:var(--text-muted);text-align:center}.page-main.taskit{width:min(100%,1200px);margin:0 auto}.task-edit{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.task-edit-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.task-edit textarea.input{min-height:4.5rem}.task-list{display:flex;flex-direction:column;gap:.75rem}.page-main{width:100%;padding:1.5rem 2rem 3rem;display:flex;flex-direction:column;gap:.875rem}.page-main.wide,.app-header-inner.wide{width:min(100%,1080px);margin-left:auto;margin-right:auto}.page-main.config{display:flex;flex-direction:column;gap:.5rem;width:100%;height:auto;padding:1.25rem 1.5rem 3rem;overflow:visible}.page-main.config:has(.log-col){display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.8fr);align-items:stretch;height:calc(100dvh - var(--nav-h));padding:.5rem;overflow:hidden}.config-main{display:flex;flex-direction:column;gap:.5rem;min-width:0;min-height:0;overflow:auto}.log-col{min-width:0;min-height:0;height:100%;overflow:auto;padding:.55rem .7rem .8rem;border:1px solid var(--border);border-radius:8px;background:#070e13;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.45}.log-line{display:flex;flex-wrap:wrap;gap:.55rem;align-items:baseline}.log-line.summary{color:var(--accent-light)}.log-entry{padding-top:.65rem;border-top:1px solid #ffffff10}.log-entry:first-of-type{border-top:0}.dim{color:var(--text-muted)}.st{min-width:4.2rem;text-transform:uppercase;font-size:.65rem;letter-spacing:.04em}.st-ok,.st-sent{color:var(--accent-light)}.st-skipped{color:var(--text-muted)}.st-error{color:var(--color-danger)}.log-json{white-space:pre-wrap;overflow-wrap:anywhere;margin:.15rem 0 .25rem .85rem;color:#8ea0b0;font:inherit;font-size:.7rem}.narrow{width:min(100%,36rem);margin-left:auto;margin-right:auto}.page-main.narrow,.app-header-inner.narrow{padding-left:0;padding-right:0}.step{display:flex;flex-direction:column;gap:.5rem}.step header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.step pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-size:.75rem;line-height:1.45}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-ok,.badge-sent,.badge-new{background:var(--accent-glow);color:var(--accent-light)}.badge-updated{background:#ffffff14;color:var(--text)}.badge-status{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.badge-skipped{background:var(--surface);color:var(--text-muted)}.badge-error{background:#ff8d7a22;color:var(--color-danger)}.muted{color:var(--text-muted);font-size:.9rem}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.875rem}.project-card{display:flex;flex-direction:column;gap:.75rem;padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);transition:border-color .35s var(--ease),translate .35s var(--ease)}.project-card:hover{border-color:#e0553466;translate:0 -3px}.project-card .btn{align-self:flex-start}.project-name{display:flex;flex-direction:column;gap:.15rem;font-family:var(--font-display);font-weight:600}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.request-edit{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.client-directory{display:flex;flex-direction:column;gap:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.9rem}.flip-host{min-width:0;display:flex;flex-direction:column}.flip-host>.client-card,.flip-host>.project-card{flex:1;width:100%}.card-grid>.flip-host:has(>.client-card){transition:translate .35s var(--ease)}.card-grid>.flip-host:has(>.client-card):hover{translate:0 -2px}.client-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:.7rem;min-height:9.5rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);text-decoration:none;transition:border-color .35s var(--ease)}.card-open{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.55rem;padding:0;width:100%}.client-card:hover{border-color:#e0553466;color:var(--text)}.client-mark{width:2.35rem;height:2.35rem;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--accent-glow);color:var(--accent-light);font-family:var(--font-display);font-weight:700;font-size:.8rem}.client-mark.lg{width:3.5rem;height:3.5rem;border-radius:14px;font-size:1.15rem}.client-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:.85rem;color:var(--text);text-decoration:none}.client-card-main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.client-card-copy{min-width:0;display:flex;flex-direction:column}.client-card-name{font-family:var(--font-display);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card-meta{color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-sites{position:relative;z-index:1;display:flex;gap:.5rem;flex:none}.client-sites a{font-size:.75rem;font-weight:700}.client-go{color:var(--text-muted);font-size:.7rem}.client-flags{display:flex;gap:.35rem;flex:none}.mini-flag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .45rem;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid var(--border)}.mini-flag.wait,.flag-card.wait{color:#e7c56a}.mini-flag.wait{background:#e7c56a14;border-color:#e7c56a44}.mini-flag.owe{color:var(--accent-light);background:var(--accent-glow);border-color:transparent}.status-pill{display:inline-flex;align-items:center;flex:none;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.status-pill.proposal,.status-pill.onboarding{color:var(--accent-light);border-color:#e0553455;background:var(--accent-glow)}.status-pill.signed{color:#f0d0c4;border-color:#e0553433}.status-pill.active{color:#9ddeb5;border-color:#9ddeb544;background:#9ddeb514}.status-pill.paused,.status-pill.ended{opacity:.75}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light)}.record{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:.875rem;align-items:start}.record-side{display:flex;flex-direction:column;gap:.875rem;min-width:0}.record-hero{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.35rem}.record-id{flex:1;min-width:0}.record-id h1{font-size:1.65rem;overflow-wrap:anywhere}.record-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.4rem}.record-actions{display:flex;gap:.5rem;flex:none}.record-card{display:flex;flex-direction:column;gap:.9rem;padding:1.15rem 1.25rem 1.25rem}.stack{display:flex;flex-direction:column;gap:.5rem}.stack-row{display:flex;gap:.5rem;align-items:center}.stack-row .input{flex:1;min-width:0}.flag-list{display:flex;flex-direction:column;gap:.5rem}.flag-card{display:flex;align-items:flex-start;gap:.7rem;padding:.75rem .8rem;border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);background:var(--bg-elevated)}.flag-card.wait{border-left-color:#e7c56a}.flag-card.owe{border-left-color:var(--accent);color:var(--text)}.flag-card.resolved{opacity:.72;border-left-color:var(--text-muted)}.flag-resolved{display:flex;flex-direction:column;gap:.5rem}.task-search{display:flex;flex-direction:column;gap:.35rem}.flag-card>i{margin-top:.2rem}.flag-card>div{flex:1;min-width:0}.flag-kind{font-family:var(--font-display);font-weight:600;font-size:.85rem}.flag-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.flag-add>select,.flag-add>.flag-links,.flag-add>.flag-pick{grid-column:1 / -1}.flag-pick{display:flex;min-width:0}.flag-pick .input{width:100%}.flag-links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.flag-link{display:inline-flex;align-items:center;gap:.15rem;max-width:100%;padding:.05rem .1rem .05rem .5rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:.75rem}.flag-link>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-x{width:1.35rem;height:1.35rem;border:0}.flag-task{margin-top:.45rem}.person-card{display:flex;flex-direction:row;align-items:flex-start;gap:.45rem;padding:.65rem .7rem .7rem .45rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.contact-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.drag-handle{flex:none;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;width:2.75rem;min-height:2.75rem;margin:0;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:grab;touch-action:none}.drag-handle svg{display:block;fill:currentColor;pointer-events:none}.drag-handle:active{cursor:grabbing;color:var(--text)}.reorder-item.lifting{position:relative;z-index:2;box-shadow:0 10px 28px #0006}.drag-handle,.reorder-item.lifting{user-select:none;-webkit-user-select:none}[data-sort],[data-sort-item]{overflow-anchor:none}.flag-card>p,.flag-card p,.person-card{overflow-wrap:anywhere}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-row{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.file-row>i{width:2.75rem;text-align:center;color:var(--text-muted)}.file-row>div{flex:1;min-width:12rem}.file-name{display:block;max-width:100%;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-open{padding:0;border:0;background:transparent;color:var(--accent-light);font:inherit;text-align:left;cursor:pointer}.file-open:hover{color:var(--accent)}.file-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.file-thumb{width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg);flex:none;cursor:pointer}.file-thumb img{width:100%;height:100%;object-fit:cover;display:block}.preview-modal[open]{width:95vw;height:95vh;height:95dvh;max-width:95vw;max-height:95vh;max-height:95dvh;margin:auto;display:flex;flex-direction:column;overflow:hidden}.preview-body{display:flex;flex-direction:column;gap:.75rem;min-height:0;flex:1;height:100%;padding:1rem 1.1rem 1.15rem;overflow:hidden}.preview-body .modal-head,.preview-body>.btn{flex:none}.preview-body .modal-head .icon-btn{flex:none}.preview-body .modal-head h2{font-size:1.05rem;overflow-wrap:anywhere}.preview-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-image,.preview-video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#000;border-radius:8px}.preview-frame,.preview-text{align-self:stretch;width:100%;height:100%;min-height:0;border:0;border-radius:8px}.preview-frame{background:#fff}.preview-text{margin:0;padding:.85rem .9rem;overflow:auto;background:var(--bg);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.45}.preview-audio{width:min(100%,40rem);flex:none}input[type=file].input{padding:.55rem .8rem}.project-chip{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--text);text-decoration:none}.project-chip:hover{border-color:var(--accent);color:var(--text)}.project-chip span:first-child{font-weight:600}.project-chip .muted{margin-right:auto}.project-chip i{margin-left:auto;color:var(--text-muted);font-size:.7rem}.modal{width:min(100% - 2rem,28rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--text);box-shadow:0 24px 80px #0008;opacity:1;transform:translateY(0) scale(1);transition:transform .3s var(--ease),opacity .3s var(--ease),overlay .3s allow-discrete,display .3s allow-discrete}@starting-style{.modal[open]{opacity:0;transform:translateY(10px) scale(.98)}}.modal::backdrop{background:#091217cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-body{display:flex;flex-direction:column;gap:.9rem;padding:1.35rem 1.4rem 1.45rem}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal-head h2{font-size:1.35rem}.row-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.attach-row{display:flex;gap:.5rem;align-items:center}.attach-row select{flex:1;min-width:0}.tasks{list-style:none;display:flex;flex-direction:column;gap:.5rem}.task-card{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.task-title{font-weight:600;margin-right:auto}.requests{padding-top:1.15rem;gap:.5rem}.request-message{white-space:pre-wrap;color:var(--text)}@media(max-width:980px){.page-main.config{grid-template-columns:1fr;height:auto;overflow:visible}.config-main{overflow:visible}.log-col{height:70dvh}}@media(max-width:800px){.form-grid,.record,.contact-grid{grid-template-columns:1fr}.page-main,.app-header-inner{padding-left:1rem;padding-right:1rem}.record-hero{align-items:flex-start;flex-wrap:wrap}.record-actions{width:100%}.record-card{padding:1rem}.flag-add{grid-template-columns:1fr}.flag-add>.btn{justify-self:start}.flag-card,.person-card{gap:.35rem}.section-head{align-items:flex-start;gap:.6rem}.file-row{align-items:flex-start}.file-row>div{min-width:0;flex-basis:calc(100% - 3.5rem)}.preview-body{padding:.75rem}}@media(max-width:700px){.form-grid.pair,.split{grid-template-columns:1fr}.page-main.narrow,.app-header-inner.narrow{padding-left:1rem;padding-right:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.project-card:hover,.client-card:hover,.card-grid>.flip-host:has(>.client-card):hover,.btn:hover:not(:disabled){transform:none;translate:none}}.brand-logo{display:block;width:auto;height:auto;max-width:7.5rem}.shell{display:grid;grid-template-columns:196px minmax(0,1fr);min-height:100vh;position:relative;z-index:1}.shell:has(.activity-rail),.shell.rail-open{grid-template-columns:196px minmax(0,1fr) auto}.side{border-right:1px solid var(--border);padding:1.25rem 0 1.5rem;background:#0e0f12;position:sticky;top:0;height:100vh}.brand{display:block;padding:0 1.1rem 1.4rem}.side-nav{display:grid}.side-nav a{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:.72rem 1.1rem;border-left:2px solid transparent}.side-nav a.active{color:var(--text);border-left-color:var(--accent);box-shadow:inset 8px 0 18px -14px var(--accent)}.side-nav a:focus-visible,.rail-tab:focus-visible,.btn:focus-visible,.input:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.shell-main{min-width:0;transition:opacity .24s var(--ease),transform .24s var(--ease)}.shell-main.view-leave,.shell-main.view-enter{opacity:0;transform:translateY(10px)}.shell-main .page-main{padding-top:1.5rem}.page-kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.page-title{font-size:2rem;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 22px rgba(224,122,61,.28);margin:.2rem 0 1rem}.hud-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.9rem}.hud-card,.client-card,.project-card,.btn,.input,.status-pill,.mini-flag,.modal-body,.key-row,.approval,.connection,.activity-row{border-radius:0;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut))}.panel,.modal{border-radius:0}.hud-card{position:relative;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);padding:1rem 1rem .85rem;min-height:9.5rem;display:flex;flex-direction:column;gap:.35rem}.hud-card:before,.panel:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;opacity:.55;background:linear-gradient(var(--accent),var(--accent)) left top / 12px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top / 1px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 12px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right top / 1px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 12px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left bottom / 1px 12px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 12px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom / 1px 12px no-repeat}.panel{position:relative}.hud-card h2,.eyebrow,.field,.side-nav a{font-family:var(--font-mono)}.hud-card h2{font-size:1.05rem;letter-spacing:.04em}.hud-card .state{margin-top:auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.hud-card .state.on{color:var(--ok);text-shadow:0 0 10px rgba(143,191,154,.35)}.activity-rail{border-left:1px solid var(--border);background:#0e0f12;position:sticky;top:0;height:100vh;width:42px;overflow:hidden;transition:width .4s var(--ease)}.activity-rail.open{width:280px}.rail-tab{writing-mode:vertical-rl;transform:rotate(180deg);background:transparent;border:0;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:12px;height:100%;width:42px;cursor:pointer;display:flex;align-items:center;gap:.7rem}.rail-dot{width:7px;height:7px;background:var(--accent);box-shadow:0 0 10px var(--accent);display:inline-block}.rail-body{padding:.5rem 1rem 1rem 0;display:grid;gap:.8rem}.rail-body article{border-top:1px solid var(--border);padding-top:.6rem}.rail-action{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-light)}.approval,.connection,.activity-row{border:1px solid rgba(255,255,255,.1);background:var(--bg-card);padding:1rem;margin-bottom:.75rem;position:relative}.approval-head,.connection,.activity-row,.row-actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between}.approval-head{align-items:flex-start}.diff-add{color:var(--ok)}.diff-sub{color:var(--alert)}.tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);padding:.28rem .45rem;color:var(--text-muted)}.tag.high,.tag.alert{color:var(--alert);border-color:#c46a6280}.tag.medium,.tag.wait{color:var(--wait);border-color:#d2a85a80}.tag.low,.tag.ok{color:var(--ok);border-color:#8fbf9a73}.flag-card.owe,.mini-flag.owe{border-color:#c46a628c;color:#e7b2ad;box-shadow:inset 3px 0 #c46a62}.flag-card.wait,.mini-flag.wait{border-color:#d2a85a80;color:#e4d0a4;box-shadow:inset 3px 0 #d2a85a}.status-pill.active{color:var(--ok)}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filters .input{width:auto;min-width:10rem}.sign-choices{display:grid;gap:.75rem}.app-header{display:none}@media(max-width:980px){.shell,.shell:has(.activity-rail),.shell.rail-open{grid-template-columns:1fr}.side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.side-nav{grid-auto-flow:column;overflow-x:auto}.hud-grid{grid-template-columns:1fr}.activity-rail,.activity-rail.open{position:static;width:auto;height:auto;border-left:0;border-top:1px solid var(--border)}.rail-tab{writing-mode:horizontal-tb;transform:none;width:100%;height:auto;padding:.8rem 1rem;flex-direction:row}.stage{top:8px;right:8px;bottom:8px;left:8px}}.agent-bar,.name-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.agent-bar{margin-bottom:1rem}.agent-bar .field,.name-row .field{min-width:14rem;flex:1}.agent-bar .field{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600}.agent-picker{display:flex;flex-wrap:wrap;gap:.45rem}.agent-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--text);border:1px solid var(--border);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;padding:.45rem .7rem;cursor:pointer;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.agent-option.active{border-color:#e07a3dbf;box-shadow:inset 0 0 0 1px #e07a3d66}.connection-name{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.connection-name h2{margin:0}.unnamed-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.35rem;align-self:center;background:transparent;color:var(--text-muted);border:1px solid var(--border);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:.28rem .45rem;cursor:pointer;line-height:1}.unnamed-tag:hover{color:var(--accent-light);border-color:#e07a3db3}.name-pop{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:.45rem}.agent-bar .name-pop{margin-top:0}.name-pop .input{width:14rem;max-width:100%}.approval-tags{display:flex;gap:.4rem;align-items:center}.approval.expiring,.connection.expiring{border-color:#d2a85abf;box-shadow:inset 3px 0 #d2a85a}.expiring-tag{color:#e6c27a;border-color:#d2a85ab3}.attention,.expiring,.error,.mini-flag.owe,.tag.alert{position:relative}.switch{display:inline-flex;align-items:center;gap:.55rem;margin-top:auto;align-self:flex-start;background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:.4rem .6rem;cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px}.switch[aria-checked=true]{color:var(--ok);border-color:#8fbf9a80}.switch:disabled{opacity:.45;cursor:default}.switch-knob{width:1.7rem;height:.8rem;border:1px solid currentColor;position:relative;flex:none}.switch-knob:after{content:"";position:absolute;top:1px;left:1px;width:.55rem;height:calc(100% - 2px);background:currentColor;transition:transform .25s var(--ease)}.switch[aria-checked=true] .switch-knob:after{transform:translate(.8rem)}button.project-card{width:100%;cursor:pointer;text-align:left;font:inherit;color:inherit;min-height:9.5rem}.stage{position:fixed;z-index:40;top:12px;right:12px;bottom:12px;left:12px;overflow:auto;background:var(--bg);box-shadow:0 0 0 1px #e07a3d66;transform-origin:top left}.stage-close{position:absolute;top:.7rem;right:.7rem;z-index:5}.embedded .page-main{padding-top:3.2rem}@media(prefers-reduced-motion:no-preference){.btn:not(:disabled),.hud-card:before,.panel:before,.rail-dot{animation:soft-pulse 5.2s ease-in-out infinite}.btn:disabled,.switch:disabled{animation:none}.btn:not(:disabled):nth-child(5n+1),:nth-child(5n+1)>.btn:not(:disabled){animation-delay:-.4s}.btn:not(:disabled):nth-child(5n+2),:nth-child(5n+2)>.btn:not(:disabled){animation-delay:-1.5s}.btn:not(:disabled):nth-child(5n+3),:nth-child(5n+3)>.btn:not(:disabled){animation-delay:-2.6s}.btn:not(:disabled):nth-child(5n+4),:nth-child(5n+4)>.btn:not(:disabled){animation-delay:-3.7s}.btn:not(:disabled):nth-child(5n){animation-delay:-4.6s}.hud-grid .hud-card:nth-child(6n+1):before{animation-delay:-.8s}.hud-grid .hud-card:nth-child(6n+2):before{animation-delay:-1.7s}.hud-grid .hud-card:nth-child(6n+3):before{animation-delay:-2.6s}.hud-grid .hud-card:nth-child(6n+4):before{animation-delay:-3.5s}.hud-grid .hud-card:nth-child(6n+5):before{animation-delay:-4.4s}.hud-grid .hud-card:nth-child(6n):before{animation-delay:-5.1s}.attention,.mini-flag.owe,.tag.alert,.error,.expiring{animation:attention-nudge 3.8s ease-in-out infinite}.attention:after,.mini-flag.owe:after,.tag.alert:after,.error:after,.expiring:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 0 1px #e07a3d8c,0 0 16px #e07a3d47;animation:attention-glow 4.6s ease-in-out infinite}.attention:nth-child(3n+2):after,.expiring:nth-child(3n+2):after{animation-delay:-1.5s}.attention:nth-child(3n):after,.expiring:nth-child(3n):after{animation-delay:-3s}.approval,.connection,.activity-row,.hud-card,.log-entry{transition:translate .35s var(--ease),opacity .35s var(--ease),border-color .35s var(--ease)}}@keyframes soft-pulse{0%,to{opacity:1}50%{opacity:.84}}@keyframes attention-nudge{0%,78%,to{translate:0 0}86%{translate:0 -3px}}@keyframes attention-glow{0%,70%,to{opacity:0}82%{opacity:1}}
