:root{--bg:#111210;--bg-tint:#15140f;--surface:#1c1c1a;--surface-2:#232320;--surface-3:#2a2a26;--border:#2e2e2b;--border-strong:#3a3a35;--amber:#e8a020;--amber-soft:#c8821a;--amber-tint:#e8a02014;--amber-tint-strong:#e8a0202e;--green:#6fb37a;--green-tint:#6fb37a1f;--red:#c66464;--red-tint:#c664641f;--blue:#6b9bc7;--purple:#9b88c7;--cyan:#6fb3a8;--pink:#c78bab;--text:#e8e6e0;--text-mute:#8a887f;--text-faint:#5a584f;--font-display:"Syne", "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "DM Mono", ui-monospace, monospace;--r-sm:4px;--r:6px;--r-lg:10px;--t:.16s cubic-bezier(.4, .2, .2, 1)}*{box-sizing:border-box}.vaultkit-body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle at 1px 1px,#e8a02009 1px,#0000 0);background-position:0 0;background-size:24px 24px;min-height:100vh;margin:0;padding:0;font-size:13px;line-height:1.5;overflow:hidden}.vaultkit-body button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.vaultkit-body input,.vaultkit-body textarea,.vaultkit-body select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.vaultkit-body ::-webkit-scrollbar{width:10px;height:10px}.vaultkit-body ::-webkit-scrollbar-track{background:0 0}.vaultkit-body ::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.vaultkit-body ::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app{grid-template-columns:240px 1fr;width:100vw;height:100vh;transition:grid-template-columns .2s cubic-bezier(.4,0,.2,1);display:grid}.main{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.main-scroll{flex:1;padding:28px 36px 96px;overflow-y:auto}.sidebar{background:var(--bg-tint);border-right:1px solid var(--border);flex-direction:column;min-height:0;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto}.app.sidebar-minimized{grid-template-columns:54px 1fr}.sidebar-minimized .sidebar{width:54px}.sidebar-minimized .sidebar-section{padding:8px 0}.sidebar-minimized .sidebar-brand{justify-content:center;padding:16px 0}.sidebar-minimized .sidebar-brand .wordmark,.sidebar-minimized .sidebar-brand .wordmark-sub,.sidebar-minimized .sidebar-label{display:none!important}.sidebar-minimized .nav-item{border-radius:var(--r);justify-content:center;width:38px;height:38px;margin:0 auto 4px;padding:0;border-left:none!important}.sidebar-minimized .nav-icon{width:17px;height:17px;margin:0!important}.sidebar-minimized .cat-dot{width:9px;height:9px;margin:0!important}.sidebar-minimized .client-chip{width:22px;height:16px;margin:0!important}.sidebar-minimized .nav-item .nav-count,.sidebar-minimized .nav-item span:not(.nav-icon):not(.client-chip),.sidebar-minimized .client-nav-name,.sidebar-minimized .nav-sub,.sidebar-minimized .nav-sub-project,.sidebar-minimized .sidebar-add-btn{display:none!important}.sidebar-minimized .sidebar-footer{justify-content:center;padding:14px 0}.sidebar-minimized .avatar{width:30px;height:30px;margin:0 auto}.sidebar-minimized .sidebar-footer div:not(.avatar),.sidebar-minimized .sidebar-footer .lock-status{display:none!important}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 18px 18px;display:flex}.sidebar-brand .logo{border:1.5px solid var(--amber);background:var(--amber-tint);border-radius:4px;place-items:center;width:28px;height:28px;display:grid;position:relative}.sidebar-brand .logo:after{content:"";border:1.5px solid var(--amber);border-bottom:none;border-left:none;border-right:none;border-radius:2px;position:absolute;inset:5px}.sidebar-brand .wordmark{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:17px;font-weight:700}.sidebar-brand .wordmark-sub{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;margin-top:1px;font-size:9px}.sidebar-section{padding:16px 12px 8px}.sidebar-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);padding:0 8px 8px;font-size:9px}.nav-item{border-radius:var(--r-sm);color:var(--text-mute);cursor:pointer;transition:var(--t);text-align:left;border-left:2px solid #0000;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:7px 10px;font-size:12.5px;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{color:var(--text);background:var(--surface);border-left-color:var(--amber)}.nav-item.active .nav-icon{color:var(--amber)}.nav-icon{width:16px;height:16px;color:var(--text-faint);transition:var(--t);flex-shrink:0}.nav-item:hover .nav-icon{color:var(--text-mute)}.nav-count{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.nav-sub{padding-left:28px;font-size:12px}.nav-sub .nav-item{margin-bottom:0;padding:5px 10px}.cat-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.client-chip{width:22px;height:16px;font-family:var(--font-mono);letter-spacing:.04em;border-radius:3px;flex-shrink:0;place-items:center;font-size:8.5px;font-weight:700;display:grid}.client-nav{padding-left:8px!important}.client-nav-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:130px;overflow:hidden}.nav-sub-project{border-left:1px dashed var(--border);margin:1px 0 4px 22px;padding-left:4px}.project-nav{align-items:center;gap:6px;display:flex;color:var(--text-faint)!important;padding:4px 8px!important;font-size:11.5px!important}.project-nav.active{color:var(--text)!important}.project-nav .tree-glyph{color:var(--text-faint);font-family:var(--font-mono);opacity:.5;font-size:10px}.project-nav-name{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-nav.project-add{font-style:italic;color:var(--text-faint)!important}.project-nav.project-add:hover{background:var(--amber-tint);color:var(--amber)!important}.project-nav.project-add .tree-glyph{color:var(--amber);opacity:1;font-style:normal;font-weight:600}.sidebar-add-btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--border);cursor:pointer;transition:var(--t);background:0 0;border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:9.5px;display:inline-flex}.sidebar-add-btn:hover{color:var(--amber);border-color:var(--amber);background:var(--amber-tint)}.inhouse-tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);background:var(--amber-tint);vertical-align:middle;border:1px solid #e8a02066;border-radius:2px;margin-left:8px;padding:1px 5px;font-size:8.5px;font-weight:500}.ccp-row.ccp-add{color:var(--text-faint);border-top:1px dashed var(--border);border-radius:0 0 var(--r-sm) var(--r-sm);margin-top:2px;padding-top:9px;font-style:italic}.ccp-row.ccp-add:hover{color:var(--amber);background:var(--amber-tint)}.ccp-row.ccp-add .ccp-tree{color:var(--amber);opacity:1;font-size:12px;font-weight:700}.client-badge{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-mute);cursor:pointer;transition:var(--t);border-radius:3px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:2px 8px 2px 3px;font-size:10.5px;display:inline-flex}.client-badge:hover{border-color:var(--client-color,var(--amber));color:var(--text)}.client-badge-code{background:var(--client-color);color:#1a1408;letter-spacing:.04em;border-radius:2px;padding:1px 5px;font-size:9px;font-weight:700}.client-badge-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-badge-sep{color:var(--text-faint);opacity:.7}.client-badge-project{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.client-badge.compact{padding:1px 4px 1px 2px;font-size:9.5px}.client-badge.compact .client-badge-code{padding:0 4px;font-size:8.5px}.client-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.client-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--t);flex-direction:column;gap:16px;padding:18px 20px 14px;display:flex;position:relative;overflow:hidden}.client-card:before{content:"";background:var(--client-color);opacity:.7;width:2px;position:absolute;top:0;bottom:0;left:0}.client-card:hover{border-color:var(--client-color);box-shadow:0 8px 24px -10px #00000080}.client-card-head{align-items:center;gap:12px;display:flex}.client-card-emblem{width:38px;height:38px;font-family:var(--font-mono);letter-spacing:.05em;color:#1a1408;border-radius:5px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff0f}.client-card-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;line-height:1.2;overflow:hidden}.client-card-industry{color:var(--text-mute);letter-spacing:.02em;margin-top:3px;font-size:11px}.client-card-status{letter-spacing:.16em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:6px;font-size:9.5px;display:flex}.client-card-status .dot{border-radius:50%;width:6px;height:6px}.client-card-stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0;display:grid}.ccs-item{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ccs-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1}.ccs-lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);font-size:9px}.client-card-projects{flex-direction:column;gap:2px;display:flex}.ccp-head{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;padding:0 0 6px;font-size:9.5px;display:flex}.ccp-row{border-radius:var(--r-sm);font-family:var(--font-mono);color:var(--text-mute);cursor:pointer;transition:var(--t);text-align:left;grid-template-columns:14px 1fr auto auto;align-items:center;gap:10px;width:100%;padding:7px 8px;font-size:11.5px;display:grid}.ccp-row:hover{background:var(--bg);color:var(--text)}.ccp-tree{color:var(--text-faint);opacity:.6;font-size:10px}.ccp-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ccp-env{letter-spacing:.18em;text-transform:uppercase;border:1px solid;border-radius:2px;padding:1px 5px;font-size:8.5px;font-weight:500}.ccp-env.env-production{color:var(--amber);background:var(--amber-tint);border-color:#e8a02066}.ccp-env.env-staging{color:var(--blue);background:#6b9bc71a;border-color:#6b9bc766}.ccp-env.env-archived{color:var(--text-faint);border-color:var(--border);background:0 0}.ccp-count{color:var(--text-faint);font-variant-numeric:tabular-nums;text-align:right;min-width:14px;font-size:10px}.client-card-foot{justify-content:space-between;align-items:center;padding-top:6px;display:flex}.entry-row .entry-client{align-items:center;gap:6px;min-width:0;display:flex}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:14px 18px;display:flex}.avatar{background:linear-gradient(135deg, var(--amber) 0%, var(--amber-soft) 100%);color:#1a1408;letter-spacing:.04em;border-radius:4px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.user-name{color:var(--text);font-size:12px;line-height:1.2}.user-meta{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.lock-status{color:var(--green);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:4px;margin-left:auto;font-size:9px;display:flex}.lock-status .dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}.topbar{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:18px;padding:18px 36px;display:flex}.topbar-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:600}.topbar-crumb{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.topbar-crumb .sep{color:var(--text-faint);opacity:.5}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);width:100%;max-width:380px;transition:var(--t);align-items:center;gap:8px;padding:7px 12px;display:flex}.search:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-tint)}.search input{flex:1;font-size:12.5px}.search input::placeholder{color:var(--text-faint)}.kbd{font-family:var(--font-mono);color:var(--text-faint);border:1px solid var(--border);background:var(--bg);letter-spacing:.04em;border-radius:3px;padding:1px 5px;font-size:10px}.topbar-spacer{flex:1}.topbar-action{color:var(--text-mute);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r-sm);transition:var(--t);align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.topbar-action:hover{color:var(--text);background:var(--surface)}.btn{border-radius:var(--r);letter-spacing:.06em;text-transform:uppercase;transition:var(--t);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:8px 14px;font-size:11.5px;font-weight:500;display:inline-flex}.btn-primary{background:var(--amber);color:#1a1408;font-weight:600}.btn-primary:hover{box-shadow:0 0 0 3px var(--amber-tint);background:#f0ab2c}.btn-ghost{color:var(--text);border-color:var(--border);background:var(--surface)}.btn-ghost:hover{border-color:var(--border-strong);background:var(--surface-2)}.btn-subtle{color:var(--text-mute);background:0 0}.btn-subtle:hover{color:var(--text);background:var(--surface)}.btn-danger{color:var(--red);border-color:var(--border);background:0 0}.btn-danger:hover{background:var(--red-tint);border-color:var(--red)}.btn-sm{padding:5px 9px;font-size:10.5px}.btn-icon{padding:7px}.fab{background:var(--amber);color:#1a1408;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--r);transition:var(--t);z-index:10;align-items:center;gap:10px;padding:12px 18px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:28px;right:28px;box-shadow:0 10px 28px -8px #e8a02073,0 0 0 1px #e8a02099}.fab:hover{transform:translateY(-1px);box-shadow:0 14px 36px -8px #e8a0208c,0 0 0 1px #e8a020cc}.fab .plus{background:#1a14082e;border-radius:3px;place-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--t)}.card.hoverable{cursor:pointer}.card.hoverable:hover{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber-tint-strong), 0 8px 24px -8px #0006}.card-pad{padding:18px 20px}.badge{letter-spacing:.14em;text-transform:uppercase;font-size:9.5px;font-weight:500;font-family:var(--font-mono);border:1px solid;border-radius:3px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.badge .badge-glyph{font-family:var(--font-mono);opacity:.9;font-size:10px;font-weight:700}.cat-server{color:var(--amber);background:var(--amber-tint);border-color:#e8a02059}.cat-email{color:var(--blue);background:#6b9bc71a;border-color:#6b9bc759}.cat-api{color:var(--purple);background:#9b88c71a;border-color:#9b88c759}.cat-database{color:var(--cyan);background:#6fb3a81a;border-color:#6fb3a859}.cat-deploy{color:var(--pink);background:#c78bab1a;border-color:#c78bab59}.cat-notes,.cat-other{color:var(--text-mute);border-color:var(--border-strong);background:var(--surface-2)}.tag{color:var(--text-mute);background:var(--surface-2);border:1px solid var(--border);font-size:10px;font-family:var(--font-mono);border-radius:3px;align-items:center;padding:2px 7px;display:inline-flex}.tag:before{content:"#";opacity:.5;margin-right:2px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-h1{font-family:var(--font-display);letter-spacing:-.015em;margin:0 0 6px;font-size:28px;font-weight:600}.page-sub{color:var(--text-mute);letter-spacing:.02em;font-size:12px}.page-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--amber);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.page-eyebrow:before{content:"";background:var(--amber);width:16px;height:1px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;position:relative;overflow:hidden}.stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:8px;margin-bottom:8px;font-size:9.5px;display:flex}.stat-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:600;line-height:1}.stat-meta{color:var(--text-mute);align-items:center;gap:6px;margin-top:8px;font-size:10.5px;display:flex}.stat-meta .up{color:var(--green)}.stat-tick{color:var(--text-faint);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;position:absolute;top:14px;right:14px}.section-head{justify-content:space-between;align-items:center;margin:28px 0 14px;display:flex}.section-head h3{font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;display:flex}.section-head h3:before{content:"";background:var(--amber);border-radius:1px;width:6px;height:6px}.section-head .meta{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quick-card{flex-direction:column;gap:12px;min-height:130px;padding:16px;display:flex;position:relative}.quick-card .pin{color:var(--amber);width:12px;height:12px;position:absolute;top:14px;right:14px}.quick-card-top{align-items:center;gap:8px;display:flex}.quick-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--text);font-size:14px;font-weight:600;line-height:1.25}.quick-card .preview{font-family:var(--font-mono);color:var(--text-mute);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);flex:1;padding:8px 10px;font-size:11px;line-height:1.6}.quick-card .preview .k{color:var(--text-faint)}.quick-card .preview .v{color:var(--text)}.quick-card .preview .masked{color:var(--text-faint);letter-spacing:.04em}.quick-card-foot{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;display:flex}.activity{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.activity-row{border-bottom:1px solid var(--border);transition:var(--t);cursor:pointer;grid-template-columns:18px 1fr auto auto;align-items:center;gap:14px;padding:12px 18px;font-size:12px;display:grid}.activity-row:last-child{border-bottom:none}.activity-row:hover{background:var(--surface-2)}.activity-icon{width:18px;height:18px;color:var(--text-faint)}.activity-row .name{color:var(--text)}.activity-row .verb{color:var(--text-mute)}.activity-row .time{color:var(--text-faint);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:11px}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:10px;margin-bottom:18px;padding:10px 12px;display:flex}.filter-bar .search{background:var(--bg);flex:1;max-width:none}.chip{letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);background:var(--bg);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:var(--t);align-items:center;gap:6px;padding:6px 11px;font-size:10.5px;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{color:var(--amber);background:var(--amber-tint);border-color:#e8a02080}.entry-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.entry-row{border-bottom:1px solid var(--border);transition:var(--t);cursor:pointer;grid-template-columns:18px 1.6fr 110px 1.1fr 120px 110px;align-items:center;gap:16px;padding:12px 18px;display:grid}.entry-row.head{cursor:default;background:var(--bg-tint);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);padding:10px 18px;font-size:9.5px}.entry-row.head:hover{background:var(--bg-tint)}.entry-row:last-child{border-bottom:none}.entry-row:hover{background:var(--surface-2)}.entry-row .pin-cell{color:var(--text-faint);transition:var(--t);place-items:center;display:grid}.entry-row .pin-cell.pinned{color:var(--amber)}.entry-row:hover .pin-cell:not(.pinned){color:var(--text-mute)}.entry-row .title{color:var(--text);align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:500;display:flex}.entry-row .row-tags{flex-shrink:0;align-items:center;gap:4px;display:flex}.entry-row .row-tags .tag{padding:1px 5px;font-size:9.5px}.project-pill{background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:3px;align-items:center;gap:6px;max-width:100%;padding:2px 8px;font-size:11px;display:inline-flex;overflow:hidden}.project-pill .dot{border-radius:2px;flex-shrink:0;width:6px;height:6px}.client-meta-card{border-top:2px solid var(--client-color)!important}.client-meta-head{border-bottom:1px dashed var(--border);align-items:center;gap:10px;margin-bottom:8px;padding-bottom:12px;display:flex}.engagement-strip{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.engagement-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);text-align:left;cursor:pointer;transition:var(--t);flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.engagement-tile:before{content:"";background:var(--client-color);opacity:.6;width:2px;transition:var(--t);position:absolute;top:0;bottom:0;left:0}.engagement-tile:hover{border-color:var(--client-color);transform:translateY(-1px)}.engagement-tile:hover:before{opacity:1;width:3px}.engagement-tile-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.engagement-status{letter-spacing:.16em;text-transform:uppercase;font-size:8.5px;font-family:var(--font-mono)}.engagement-status.status-active{color:var(--green)}.engagement-status.status-maintenance{color:var(--amber)}.engagement-status.status-archived{color:var(--text-faint)}.engagement-tile-name{font-family:var(--font-display);letter-spacing:-.005em;color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.engagement-tile-meta{font-family:var(--font-mono);color:var(--text-mute);align-items:center;gap:6px;font-size:10.5px;display:flex}.engagement-tile-meta strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.engagement-tile-meta .dot-sep{opacity:.4}.modal-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0a0906b3;place-items:center;padding:24px;animation:.16s ease-out scrim-in;display:grid;position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);flex-direction:column;width:100%;max-height:calc(100vh - 48px);animation:.2s cubic-bezier(.4,.2,.2,1) modal-in;display:flex;overflow:hidden;box-shadow:0 24px 64px -16px #0009,0 0 0 1px #e8a02014}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.modal-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:4px;font-size:9.5px}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);font-size:20px;font-weight:600}.modal-body{flex:1;padding:18px 22px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--bg-tint);justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;display:flex}.seg-control{grid-template-columns:1fr 1fr;gap:8px;display:grid}.seg-control.compact{grid-template-columns:repeat(3,1fr);gap:4px}.seg{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:var(--t);text-align:left;color:var(--text-mute);align-items:center;gap:10px;padding:12px 14px;display:flex}.seg:hover{border-color:var(--border-strong);color:var(--text)}.seg.active{border-color:var(--amber);background:var(--amber-tint);color:var(--text);box-shadow:inset 0 0 0 1px var(--amber-tint-strong)}.seg.active svg{color:var(--amber)}.seg-title{font-family:var(--font-display);letter-spacing:-.005em;font-size:13px;font-weight:600;line-height:1.2}.seg-sub{color:var(--text-faint);letter-spacing:.02em;margin-top:2px;font-size:10px}.seg.active .seg-sub{color:var(--text-mute)}.seg-sm{letter-spacing:.1em;text-transform:uppercase;justify-content:center!important;padding:7px 10px!important;font-size:10.5px!important}.modal-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.entry-row .title .id{color:var(--text-faint);font-family:var(--font-mono);font-size:10px}.entry-row .tags{flex-wrap:wrap;gap:4px;display:flex}.entry-row .date{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:11px}.entry-row .actions{opacity:0;transition:var(--t);justify-content:flex-end;gap:4px;display:flex}.entry-row:hover .actions{opacity:1}.icon-btn{width:28px;height:28px;color:var(--text-mute);transition:var(--t);border:1px solid #0000;border-radius:4px;place-items:center;display:grid}.icon-btn:hover{color:var(--amber);background:var(--bg);border-color:var(--border)}.icon-btn.copied{color:var(--green);background:var(--green-tint);border-color:#6fb37a4d}.detail-grid{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}.detail-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:8px;display:flex}.detail-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 12px;font-size:30px;font-weight:600}.detail-actions{flex-shrink:0;gap:8px;display:flex}.meta-row{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:18px;margin-bottom:24px;font-size:10.5px;display:flex}.meta-row .item{align-items:center;gap:6px;display:flex}.meta-row strong{color:var(--text-mute);font-weight:500}.field-block{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.field-block-head{background:var(--bg-tint);border-bottom:1px solid var(--border);letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;padding:11px 18px;font-size:9.5px;display:flex}.field-block-head .file-name{font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;color:var(--text-mute);font-size:11px}.field-row{border-bottom:1px solid var(--border);font-family:var(--font-mono);transition:var(--t);grid-template-columns:120px 1fr auto;align-items:center;gap:18px;padding:12px 18px;font-size:12.5px;display:grid}.field-row:last-child{border-bottom:none}.field-row:hover{background:var(--surface-2)}.field-key{color:var(--text-faint);letter-spacing:.04em;text-transform:lowercase;font-size:11px}.field-key:before{content:"$ ";color:var(--amber);opacity:.6}.field-val{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-val.masked{letter-spacing:.2em;color:var(--text-mute)}.field-val.url{color:var(--blue)}.field-val.multi{white-space:pre-wrap;color:var(--text-mute);font-size:12px;line-height:1.6}.field-actions{opacity:.4;transition:var(--t);gap:4px;display:flex}.field-row:hover .field-actions{opacity:1}.field-row.notes{grid-template-columns:120px 1fr;align-items:flex-start;padding:16px 18px}.field-row.notes .field-actions{display:none}.sidebar-meta{flex-direction:column;gap:14px;display:flex}.meta-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px}.meta-card-title{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:12px;font-size:9.5px}.meta-item{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:11.5px;display:flex}.meta-item:last-child{border-bottom:none}.meta-item .k{color:var(--text-faint);letter-spacing:.04em}.meta-item .v{color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tags-row{flex-wrap:wrap;gap:5px;display:flex}.form-grid{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:16px;padding:22px 24px}.form-section-title{letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:10px;margin-bottom:16px;font-size:9.5px;display:flex}.form-section-title:before{content:"";background:var(--amber);border-radius:1px;width:6px;height:6px}.form-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px;font-size:10px;display:block}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);width:100%;color:var(--text);transition:var(--t);font-size:13px;font-family:var(--font-mono);padding:9px 12px}.form-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-tint)}.form-input.title{font-family:var(--font-display);letter-spacing:-.01em;padding:12px 14px;font-size:22px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.form-input-group{margin-bottom:14px}.tag-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:7px 10px;display:flex}.tag-input input{min-width:100px;color:var(--text);flex:1;font-size:12px}.tag-input input::placeholder{color:var(--text-faint)}.tag-input .tag{align-items:center;gap:5px;padding:2px 5px 2px 8px;display:inline-flex}.tag-input .tag .x{color:var(--text-faint);cursor:pointer;font-family:var(--font-mono)}.tag-input .tag .x:hover{color:var(--red)}.field-builder-row{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);transition:var(--t);grid-template-columns:18px 140px 1fr 110px 90px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:grid}.field-builder-row:hover{border-color:var(--border-strong)}.field-builder-row .drag{cursor:grab;color:var(--text-faint);place-items:center;width:18px;height:18px;display:grid}.field-builder-row .drag:hover{color:var(--amber)}.field-builder-row input,.field-builder-row select{color:var(--text);width:100%;font-size:12.5px;font-family:var(--font-mono);background:0 0;border:none;border-radius:3px;padding:4px 6px}.field-builder-row input:focus,.field-builder-row select:focus{background:var(--surface-2)}.field-type-select{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--text-mute)!important;font-size:10px!important}.field-builder-row .sensitive-toggle{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:9.5px;display:flex}.field-builder-row .sensitive-toggle.on{color:var(--amber)}.switch{background:var(--surface-3);width:24px;height:14px;transition:var(--t);border-radius:999px;flex-shrink:0;position:relative}.switch:after{content:"";background:var(--text-mute);width:10px;height:10px;transition:var(--t);border-radius:50%;position:absolute;top:2px;left:2px}.sensitive-toggle.on .switch{background:var(--amber)}.sensitive-toggle.on .switch:after{background:#1a1408;left:12px}.add-field-btn{border:1px dashed var(--border-strong);border-radius:var(--r);width:100%;color:var(--text-mute);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:var(--t);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:10px;font-size:11px;display:flex}.add-field-btn:hover{color:var(--amber);border-color:var(--amber);background:var(--amber-tint)}textarea.form-input{resize:vertical;min-height:100px;line-height:1.6}.form-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding:18px 0 0;display:flex}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex}.settings-tab{letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute);cursor:pointer;transition:var(--t);border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:11px}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--amber);border-color:var(--amber)}.settings-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 320px;align-items:start;gap:32px;padding:20px 0;display:grid}.settings-row:last-child{border-bottom:none}.settings-row .label-block h4{font-family:var(--font-display);letter-spacing:-.005em;margin:0 0 4px;font-size:14px;font-weight:600}.settings-row .label-block p{color:var(--text-mute);margin:0;font-size:11.5px;line-height:1.6}.cat-manage{flex-direction:column;gap:8px;display:flex}.cat-row{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);grid-template-columns:22px 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.cat-row .swatch{border-radius:3px;width:16px;height:16px}.cat-row .name{color:var(--text);font-size:13px}.cat-row .count{color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.client-settings-row{grid-template-columns:22px 1fr auto auto auto!important;gap:14px!important}.toast{background:var(--surface);border:1px solid var(--green);border-radius:var(--r);letter-spacing:.06em;color:var(--green);z-index:100;align-items:center;gap:10px;padding:10px 18px;font-size:12px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px -8px #00000080}.toast .dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.divider-asci{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.04em;-webkit-user-select:none;user-select:none;padding:8px 0;font-size:10px}.hint-line{color:var(--text-faint);letter-spacing:.06em;align-items:center;gap:8px;margin-top:12px;font-size:10.5px;display:flex}.hint-line .kbd{font-size:9px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#0006;animation:.15s fade-in;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=768px){.app{grid-template-columns:1fr!important}.sidebar{z-index:50;width:250px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.app.mobile-sidebar-open .sidebar{transform:translate(0)}.topbar{gap:12px;padding:14px 20px}.topbar .search{order:-1;width:100%;margin-top:8px;max-width:100%!important;margin-left:0!important}.topbar{flex-wrap:wrap}.topbar-spacer{display:none}.main-scroll{padding:16px 20px 80px}.stats{grid-template-columns:1fr!important;gap:10px!important}.client-grid{grid-template-columns:1fr!important;gap:12px!important}.filter-bar{flex-wrap:wrap;gap:6px}.filter-bar .search{width:100%;margin-bottom:6px}.filter-bar div:last-child{justify-content:flex-start;width:100%;margin-top:4px;margin-left:0!important}.page-head{flex-direction:column;align-items:flex-start;gap:14px}.page-head div:last-child{justify-content:flex-start;width:100%}.entry-list .entry-row{grid-template-columns:32px 1fr auto!important;gap:8px!important;padding:12px 14px!important}.entry-list .entry-row.head div:nth-child(3),.entry-list .entry-row.head div:nth-child(4),.entry-list .entry-row.head div:nth-child(5),.entry-list .entry-row:not(.head) div:nth-child(3),.entry-list .entry-row:not(.head) div:nth-child(4),.entry-list .entry-row:not(.head) div:nth-child(5){display:none}.hint-line{flex-wrap:wrap;gap:4px}}