:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16191f;background:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-layout{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(180deg,#ffffffb8,#f6f7f9f0),url(/vault-bg.svg) center / cover}.auth-panel{width:min(410px,100%);padding:32px;border:1px solid #dfe3e8;border-radius:8px;background:#ffffffeb;box-shadow:0 24px 70px #181d271f}.brand-mark,.brand-lock{display:inline-grid;place-items:center;color:#f8fafc;background:#172033}.brand-mark{width:44px;height:44px;border-radius:8px}.auth-panel h1{margin:18px 0 24px;font-size:34px;line-height:1.05}.auth-form,.detail-form,.stacked-form{display:grid;gap:12px}.auth-links{display:grid}.auth-field-spacer{min-height:57px}label{display:grid;gap:6px;color:#5a6270;font-size:13px;font-weight:650}input,textarea,select{width:100%;border:1px solid #d8dde5;border-radius:7px;background:#fff;color:#14171d;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input,select{height:38px;padding:0 11px}textarea{min-height:96px;resize:vertical;padding:10px 11px}input:focus,textarea:focus,select:focus{border-color:#56667f;box-shadow:0 0 0 3px #56667f26}.primary,.compact-button,.danger-button,.link-button,.logout-button,.settings-button,.tab,.pill,.nav-row,.icon-button{border:0}.primary{min-height:40px;border-radius:7px;color:#fff;background:#172033;font-weight:720}.primary:disabled,.compact-button:disabled,.danger-button:disabled{opacity:.55;cursor:default}.link-button{margin-top:14px;padding:0;color:#39516f;background:transparent;font-weight:700}.notice{padding:10px 12px;border-radius:7px;font-size:13px}.notice.error{color:#7b2020;background:#fff1f1;border:1px solid #f4caca}.notice.muted{color:#5f6b7a;background:#f3f6f8;border:1px solid #e1e7ed}.notice.success{color:#1f694a;background:#edf8f2;border:1px solid #c8ead7}.notice.inline{margin-bottom:16px}.app-shell{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:22px;height:100vh;overflow-y:auto;padding:20px;border-right:1px solid #dde2ea;background:#fff}.sidebar-head{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:820}.brand-lock{width:34px;height:34px;border-radius:7px}.sidebar-section{display:grid;gap:10px}.section-title{color:#768090;font-size:11px;font-weight:820;text-transform:uppercase}.nav-list{display:grid;gap:5px}.nav-row-wrap{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;border-radius:7px}.nav-row{display:grid;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:36px;padding:0 9px;border-radius:7px;color:#455064;background:transparent;text-align:left}.row-delete-button{opacity:0;pointer-events:none;transform:translate(4px);transition:opacity .15s ease,transform .15s ease}.nav-row-wrap:hover .row-delete-button,.nav-row-wrap:focus-within .row-delete-button{opacity:1;pointer-events:auto;transform:translate(0)}.nav-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-row-wrap.active .nav-row,.nav-row:hover{color:#151922;background:#eef2f5}.stacked-form{padding:10px;border:1px solid #eef1f5;border-radius:8px;background:#f9fafb}.compact-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:7px;color:#fff;background:#2d5f73;font-weight:760}.compact-button.ghost{color:#455064;background:#eef2f5}.danger-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:7px;color:#fff;background:#b23b3b;font-weight:780}.danger-button.small{min-height:34px;padding:0 11px}.env-tabs{display:flex;flex-wrap:wrap;gap:6px}.env-pill-wrap{position:relative;display:inline-flex;align-items:center}.pill{height:30px;padding:0 11px;border-radius:999px;color:#4f5b6b;background:#eef2f5;font-size:13px;font-weight:720}.pill.active{color:#fff;background:#172033}.env-pill-wrap:has(.env-delete-button) .pill{padding-right:25px}.env-delete-button{position:absolute;right:5px;display:grid;width:17px;height:17px;place-items:center;border:0;border-radius:999px;color:#6b3440;background:#ffffffb8;opacity:0;pointer-events:none}.env-pill-wrap:hover .env-delete-button,.env-pill-wrap:focus-within .env-delete-button{opacity:1;pointer-events:auto}.sidebar-footer{display:grid;gap:8px;margin-top:auto}.logout-button,.settings-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;border-radius:7px;color:#525d6f;background:#f0f3f6;font-weight:720}.settings-button{color:#455064;background:transparent}.workspace{padding:24px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.breadcrumb{margin:0 0 5px;color:#778293;font-size:13px}.topbar h2{margin:0;font-size:25px;line-height:1.1}.view-tabs{display:flex;gap:6px;padding:4px;border:1px solid #e1e5eb;border-radius:8px;background:#fff}.tab{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:6px;color:#556173;background:transparent;font-size:13px;font-weight:760}.tab.active{color:#141821;background:#edf1f4}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px}.single-panel-grid{display:grid;gap:16px}.panel{border:1px solid #dde3ea;border-radius:8px;background:#fff}.main-panel{padding:16px;min-height:420px}.side-panel,.full-panel{min-height:420px}.side-panel,.full-panel{padding:16px}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:820}.settings-divider{height:1px;margin:18px 0;background:#e4e9ee}.settings-summary,.settings-list{display:grid;gap:10px}.settings-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-summary div,.settings-row,.danger-zone{border:1px solid #ebeff3;border-radius:8px;background:#fbfcfd}.settings-summary div{display:grid;gap:5px;min-width:0;padding:12px}.settings-summary span,.settings-row span,.danger-zone p{color:#737e8d;font-size:12px}.settings-summary strong,.settings-summary code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-settings-form{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) auto;align-items:end;margin-bottom:12px}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;padding:12px}.compare-row{grid-template-columns:minmax(0,1fr) minmax(120px,.7fr) minmax(120px,.7fr)}.settings-row div{display:grid;gap:3px;min-width:0}.settings-row strong,.settings-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row>.role-chip{justify-self:end;min-width:max-content;overflow:visible;text-overflow:clip}.danger-zone{display:grid;gap:12px;padding:13px}.danger-zone p{margin:0;line-height:1.45}.token-secret-box{display:grid;gap:8px;margin:12px 0}.token-secret-box code{overflow-wrap:anywhere;white-space:normal}.token-list{margin-top:12px}.split-title{justify-content:space-between}.split-title span,.toolbar-actions{display:inline-flex;align-items:center;gap:8px}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;border-bottom:1px solid #edf0f3}.toolbar-input{width:min(280px,100%)}.compact-primary{display:inline-flex;align-items:center;gap:8px;width:auto}.toolbar-actions{flex-shrink:0}.form-actions{display:flex;gap:8px}.search-box{display:flex;align-items:center;gap:8px;width:min(360px,100%);height:38px;padding:0 10px;border:1px solid #dde2e8;border-radius:7px;background:#f8fafb;color:#737e8d}.search-box input{height:auto;padding:0;border:0;background:transparent;box-shadow:none}.icon-button{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:6px;color:#586476;background:transparent}.icon-button:hover{background:#eef2f5}.icon-button.danger:hover{color:#942929;background:#fff0f0}.secret-table{display:grid}.table-head,.secret-row{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(360px,1.8fr) 70px;align-items:center;gap:14px}.table-head{min-height:38px;padding:0 14px;color:#7a8494;background:#fafbfc;border-bottom:1px solid #edf0f3;font-size:12px;font-weight:820;text-transform:uppercase}.table-head span:last-child{display:none}.secret-row{position:relative;width:100%;min-height:58px;padding:0 14px;border:0;border-bottom:1px solid #eef1f4;color:#171b22;background:#fff;text-align:left;overflow:hidden}.secret-row.active,.secret-row:hover{background:#f7f9fb}.secret-row strong,.secret-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-value-button{min-width:0;padding:0;border:0;background:transparent;text-align:left}.secret-value-button code{display:block;min-height:32px;padding:8px 18px 8px 10px;font-size:13px;line-height:1.25}code{padding:4px 6px;border-radius:6px;color:#294557;background:#eef4f6;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.row-actions{position:absolute;top:50%;right:8px;display:inline-flex;gap:3px;justify-content:flex-end;padding:4px;border:1px solid #dfe5eb;border-radius:8px;background:#fffffff5;box-shadow:-14px 0 24px #ffffffeb;opacity:0;pointer-events:none;transform:translate(18px,-50%);transition:opacity .15s ease,transform .15s ease}.secret-row:hover .row-actions,.secret-row:focus-within .row-actions{opacity:1;pointer-events:auto;transform:translateY(-50%)}.timeline,.commit-list,.member-list{display:grid;gap:10px}.timeline-row,.commit-row,.member-row{border:1px solid #ebeff3;border-radius:8px;background:#fbfcfd}.timeline-row{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:13px}.status-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:#6a7b91}.status-dot.create{background:#2f7d5b}.status-dot.update{background:#2d5f73}.status-dot.delete{background:#b44141}.timeline-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.timeline-head span{color:#526075;font-size:13px}.timeline-head time{margin-left:auto;color:#7a8494;font-size:12px}.timeline-row p{margin:8px 0;color:#303846}.timeline-row small{display:block;margin-top:8px;color:#7a8494}.commit-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px}.commit-row.active{border-color:#b8c6d4;background:#f4f7fa}.commit-row span,.member-row span{display:block;margin-top:3px;color:#737e8d;font-size:12px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:12px;padding:13px}.commit-key-list{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;min-width:0}.commit-actions{grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;gap:8px}.commit-detail-head,.commit-change-list{display:grid;gap:10px}.commit-detail-head{margin-bottom:14px}.commit-detail-head span{color:#737e8d;font-size:12px}.commit-detail-head code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commit-change-row{display:grid;gap:9px;padding:11px;border:1px solid #ebeff3;border-radius:8px;background:#fbfcfd}.diff-grid{display:grid;gap:6px}.diff-old,.diff-new{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diff-old{color:#8f3434;background:#fff0f0}.diff-new{color:#28634a;background:#edf8f2}.commit-key-list code{max-width:100%;overflow-wrap:anywhere;white-space:normal}.role-chip{padding:5px 9px;border-radius:999px;background:#eef2f5;color:#4d596a;font-size:12px;font-weight:820}.role-chip.owner,.role-chip.admin{color:#fff;background:#172033}.role-chip.developer{color:#fff;background:#2d5f73}.import-panel{padding:16px}.dotenv-textarea{min-height:280px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.5}.preview-list{display:grid;gap:8px}.preview-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:8px;align-items:center;padding:9px;border:1px solid #ebeff3;border-radius:7px;background:#fbfcfd}.preview-row strong,.preview-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-more{color:#6a7586;font-size:13px;font-weight:720}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px;background:#090d129e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;width:min(460px,100%);padding:18px;border:1px solid #dfe5eb;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0d11173d}.confirm-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;color:#9b2f2f;background:#fff0f0}.confirm-copy h3{margin:0;font-size:18px;line-height:1.2}.confirm-copy p{margin:8px 0 0;color:#5f6b7a;font-size:13px;line-height:1.45}.confirm-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;max-height:none;border-right:0;border-bottom:1px solid #dde2ea}.content-grid,.settings-summary,.compact-settings-form{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.workspace{padding:14px}.view-tabs{width:100%;overflow-x:auto}.table-head{display:none}.secret-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:13px 56px 13px 13px}.row-actions{justify-content:flex-start;opacity:1}}:root{color-scheme:dark;color:#e6edf5;background:#0d1117}body{background:#0d1117}.auth-layout{background:linear-gradient(180deg,#0d1117b8,#0d1117f5),url(/vault-bg.svg) center / cover}.auth-panel,.sidebar,.panel,.view-tabs,.secret-row{border-color:#263140;background:#111821}.auth-panel{box-shadow:0 24px 70px #0006}.brand-mark,.brand-lock,.primary,.pill.active{color:#071017;background:#8bd3ff}label,.nav-row,.tab,.pill,.logout-button,.settings-button,.icon-button{color:#a7b2c3}input,textarea,select{border-color:#2b3748;background:#0d131b;color:#e6edf5}input::placeholder,textarea::placeholder{color:#657386}input:focus,textarea:focus,select:focus{border-color:#6bbbe9;box-shadow:0 0 0 3px #6bbbe92e}.link-button{color:#8bd3ff}.notice.error{color:#ffb8b8;background:#2a1418;border-color:#63303a}.notice.muted{color:#a7b2c3;background:#151e29;border-color:#2b3748}.notice.success{color:#a7f3ca;background:#112419;border-color:#27583c}.sidebar{border-right-color:#263140}.section-title,.breadcrumb,.table-head,.timeline-head time,.timeline-row small,.commit-row span,.member-row span,.preview-more{color:#748297}.nav-row-wrap.active .nav-row,.nav-row:hover,.tab.active,.icon-button:hover,.secret-row.active,.secret-row:hover{color:#f3f7fb;background:#1a2532}.stacked-form,.search-box,.table-head,.toolbar,.logout-button,.settings-button,.pill,.timeline-row,.commit-row,.commit-change-row,.member-row,.settings-summary div,.settings-row,.danger-zone,.preview-row{border-color:#263140;background:#0f151e}.compact-button{color:#071017;background:#55c2a4}.compact-button.ghost{color:#d7e0ec;background:#1a2532}.danger-button{color:#fff6f6;background:#a9333f}.search-box{color:#748297}.toolbar{border-bottom-color:#263140}.settings-divider{background:#263140}.settings-summary span,.settings-row span,.danger-zone p{color:#748297}.secret-row{border-bottom-color:#202a38;color:#e6edf5}code{color:#bfe8ff;background:#172432}.row-actions{border-color:#2d394a;background:#111821fa;box-shadow:-14px 0 24px #111821eb}.env-delete-button{color:#ffb8b8;background:#2a1418db}.icon-button.danger:hover{color:#ff9b9b;background:#2a1418}.confirm-dialog{border-color:#2d394a;background:#111821;box-shadow:0 24px 80px #0000006b}.confirm-icon{color:#ffb8b8;background:#2a1418}.confirm-copy p{color:#a7b2c3}.timeline-row p{color:#d5dde8}.commit-row.active{border-color:#3a4a5e;background:#17202c}.commit-detail-head span{color:#748297}.diff-old{color:#ffb8b8;background:#2a1418}.diff-new{color:#a7f3ca;background:#112419}.status-dot{background:#7b8ca3}.role-chip{color:#c7d2e0;background:#1b2634}.role-chip.owner,.role-chip.admin{color:#071017;background:#8bd3ff}.role-chip.developer{color:#071017;background:#55c2a4}@media(max-width:980px){.sidebar{border-bottom-color:#263140}}