:root{color-scheme:dark;--bg:#0a090e;--bg-elev:#100f16;--surface:#14121c;--surface-2:#191722;--surface-3:#211e2c;--line:rgba(255,255,255,.085);--line-strong:rgba(255,255,255,.15);--text:#f7f5fb;--muted:#9d98aa;--muted-2:#716c7d;--violet:#a983ff;--violet-strong:#8c5df5;--violet-soft:rgba(154,112,255,.13);--cyan:#54d7d0;--cyan-soft:rgba(84,215,208,.13);--amber:#f4bc62;--amber-soft:rgba(244,188,98,.14);--red:#ff7185;--red-soft:rgba(255,113,133,.13);--green:#62d69b;--green-soft:rgba(98,214,155,.13);--shadow:0 24px 70px rgba(0,0,0,.38);--radius:18px;--radius-sm:12px;--sidebar:244px;--topbar:76px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
html[data-theme="light"]{color-scheme:light;--bg:#f5f3f8;--bg-elev:#eeebf3;--surface:#fff;--surface-2:#f9f7fb;--surface-3:#f0edf5;--line:rgba(42,30,60,.09);--line-strong:rgba(42,30,60,.16);--text:#1d1924;--muted:#716a7b;--muted-2:#9991a3;--violet:#7650df;--violet-strong:#6540cc;--violet-soft:rgba(118,80,223,.1);--cyan:#188c88;--cyan-soft:rgba(24,140,136,.1);--amber:#ad6c10;--amber-soft:rgba(173,108,16,.1);--red:#cf3e56;--red-soft:rgba(207,62,86,.1);--green:#23865a;--green-soft:rgba(35,134,90,.1);--shadow:0 24px 70px rgba(42,30,60,.13)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% -20%,rgba(137,90,238,.12),transparent 38%),var(--bg);color:var(--text);min-height:100vh;letter-spacing:-.012em}button,input,select,textarea{font:inherit}button{color:inherit}button:not(:disabled),[role=button]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;display:block;stroke-width:1.8}::selection{background:rgba(169,131,255,.32)}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.skip-link{position:fixed;left:12px;top:-60px;z-index:200;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:9px}.skip-link:focus{top:12px}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;grid-template-rows:var(--topbar) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:20;display:flex;flex-direction:column;padding:24px 18px 18px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg-elev) 93%,transparent);backdrop-filter:blur(24px)}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 34px}.brand-mark{width:35px;height:35px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none}.brand-mark span{position:absolute;width:22px;height:23px;border:1.7px solid var(--violet);border-radius:9px 9px 12px 12px;transform:rotate(30deg);background:var(--violet-soft)}.brand-mark span:nth-child(2){transform:rotate(150deg)}.brand-mark span:nth-child(3){transform:rotate(270deg)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:18px;line-height:1.1;letter-spacing:-.03em}.brand-copy small{color:var(--muted);font-size:10px;margin-top:4px;text-transform:uppercase;letter-spacing:.1em}.primary-nav,.nav-section{display:flex;flex-direction:column;gap:5px}.nav-section{margin-top:25px}.nav-label{color:var(--muted-2);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin:0 12px 8px}.nav-item{border:0;background:transparent;min-height:43px;width:100%;border-radius:11px;display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--muted);font-size:13px;font-weight:620;transition:.18s ease}.nav-item:hover{color:var(--text);background:var(--surface-2);transform:translateX(2px)}.nav-item.active{color:var(--text);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--line)}.nav-item.active svg{color:var(--violet)}.nav-item kbd{margin-left:auto;border:0;background:var(--surface-3);color:var(--muted);min-width:22px;padding:3px 6px;border-radius:7px;font:650 10px inherit;text-align:center}.nav-item .accent-count{background:var(--violet);color:#fff}.sidebar-spacer{flex:1}.security-card{display:flex;align-items:center;gap:10px;padding:12px 10px;margin:8px 0 12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,var(--surface-2),transparent)}.security-orbit{position:relative;color:var(--green);padding:8px;background:var(--green-soft);border-radius:50%}.security-orbit i{position:absolute;right:0;bottom:1px;width:8px;height:8px;background:var(--green);border:2px solid var(--surface);border-radius:50%}.security-card div:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.security-card strong{font-size:11px}.security-card small{font-size:9px;color:var(--muted);white-space:nowrap}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:4px;box-shadow:0 0 0 3px var(--green-soft)}.profile-button{position:relative;width:100%;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:10px;padding:8px;transition:.18s}.profile-button:hover{background:var(--surface-2)}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--violet),#6551ba);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);flex:none}.profile-copy{display:flex;flex-direction:column;text-align:left;min-width:0;flex:1}.profile-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy small{font-size:10px;color:var(--muted);text-transform:capitalize;margin-top:2px}.profile-button>svg{width:15px;color:var(--muted)}.popover{position:absolute;z-index:80;background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:14px;padding:7px}.profile-menu{left:16px;right:16px;bottom:76px}.profile-option{display:flex;align-items:center;gap:9px;border:0;background:transparent;width:100%;padding:8px;border-radius:9px;text-align:left}.profile-option:hover{background:var(--surface-2)}.profile-option .avatar{width:29px;height:29px;border-radius:8px}.profile-option span:nth-child(2){display:flex;flex-direction:column;font-size:11px}.profile-option small{color:var(--muted);font-size:9px}.profile-option i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--green)}
.topbar{grid-column:2;position:fixed;z-index:15;top:0;right:0;left:var(--sidebar);height:var(--topbar);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:linear-gradient(to bottom,var(--bg) 55%,transparent);backdrop-filter:blur(12px)}.global-search{width:min(430px,45vw);display:flex;align-items:center;gap:10px;color:var(--muted);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent);height:39px;border-radius:11px;padding:0 11px;font-size:12px;text-align:left}.global-search:hover{border-color:var(--line-strong);background:var(--surface)}.global-search svg{width:16px}.global-search span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.global-search kbd{margin-left:auto;border:1px solid var(--line);background:var(--surface-2);padding:3px 6px;border-radius:6px;font:600 9px inherit;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:9px}.environment-pill{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700;padding:7px 10px;border:1px solid var(--line);border-radius:999px}.environment-pill span{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:.16s;position:relative}.icon-button:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.icon-button svg{width:17px}.notification-button i{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface)}.button{border:1px solid var(--line);background:var(--surface-2);height:39px;padding:0 15px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:720;transition:.16s}.button:hover{transform:translateY(-1px);border-color:var(--line-strong)}.button.primary{background:linear-gradient(135deg,var(--violet),var(--violet-strong));border-color:transparent;color:white;box-shadow:0 8px 22px rgba(118,80,223,.22)}.button.secondary{background:var(--surface)}.button.ghost{background:transparent}.button.danger{color:var(--red);background:var(--red-soft);border-color:transparent}.button.success{color:var(--green);background:var(--green-soft);border-color:transparent}.button.small{height:32px;padding:0 11px;font-size:10px;border-radius:8px}.button svg{width:15px;height:15px}.mobile-brand{display:none}
main{grid-column:2;grid-row:2;padding:20px 34px 70px;min-width:0}#page{max-width:1440px;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:27px}.eyebrow{color:var(--violet);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.17em;margin:0 0 9px}.page-title{font-size:30px;line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:720}.page-subtitle{color:var(--muted);font-size:12px;margin:9px 0 0;line-height:1.5}.header-actions{display:flex;gap:9px;align-items:center}.hero{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(120deg,var(--surface),var(--surface-2));border-radius:22px;padding:25px 26px;margin-bottom:21px;display:grid;grid-template-columns:1fr auto;align-items:center;min-height:152px}.hero:before{content:"";position:absolute;width:350px;height:350px;right:-100px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(169,131,255,.2),transparent 63%);pointer-events:none}.hero-copy{position:relative;max-width:630px}.hero h2{font-size:22px;letter-spacing:-.035em;margin:0 0 8px}.hero p{color:var(--muted);font-size:12px;line-height:1.55;margin:0 0 18px}.hero-actions{display:flex;gap:9px}.hero-visual{position:relative;width:145px;height:105px;margin-right:15px}.hero-card{position:absolute;width:88px;height:64px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(169,131,255,.38),rgba(84,215,208,.13));backdrop-filter:blur(10px);box-shadow:0 18px 36px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;color:#d9c8ff}.hero-card:nth-child(1){left:7px;top:29px;transform:rotate(-12deg)}.hero-card:nth-child(2){left:36px;top:14px;transform:rotate(2deg);z-index:2}.hero-card:nth-child(3){left:65px;top:31px;transform:rotate(13deg)}.hero-card svg{width:26px;height:26px}.hero-ring{position:absolute;inset:-7px;border:1px dashed rgba(169,131,255,.35);border-radius:50%;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:26px}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:17px 18px;min-height:106px;position:relative;overflow:hidden;transition:.2s}.metric-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.metric-card .metric-top{display:flex;align-items:center;justify-content:space-between}.metric-label{font-size:10px;color:var(--muted);font-weight:650}.metric-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--violet-soft);color:var(--violet)}.metric-icon svg{width:15px}.metric-value{font-size:28px;letter-spacing:-.04em;font-weight:730;margin-top:9px}.metric-note{font-size:9px;color:var(--muted);margin-left:5px}.metric-note.good{color:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px}.section-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:19px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:14px;margin:0;letter-spacing:-.02em}.section-heading p{font-size:10px;color:var(--muted);margin:4px 0 0}.text-link{border:0;background:transparent;color:var(--violet);font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px}.text-link svg{width:12px}.vault-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vault-mini{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:14px;text-align:left;transition:.18s}.vault-mini:hover{border-color:var(--line-strong);transform:translateY(-1px)}.vault-mini:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-45px;top:-45px;background:var(--card-soft)}.vault-mini-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.vault-icon{width:34px;height:34px;border-radius:10px;background:var(--card-soft);color:var(--card-color);display:flex;align-items:center;justify-content:center}.vault-icon svg{width:17px}.vault-mini strong{font-size:11px;display:block}.vault-mini small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.vault-mini footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.avatar-stack{display:flex}.avatar-stack .avatar{width:21px;height:21px;border-radius:50%;font-size:7px;margin-left:-5px;border:2px solid var(--surface-2)}.avatar-stack .avatar:first-child{margin-left:0}.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:31px 1fr auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0;padding-bottom:0}.activity-dot{width:29px;height:29px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--muted)}.activity-dot svg{width:14px}.activity-copy{min-width:0}.activity-copy p{font-size:10px;line-height:1.45;margin:0}.activity-copy p strong{font-weight:720}.activity-copy small{font-size:8px;color:var(--muted)}.activity-time{font-size:8px;color:var(--muted-2);white-space:nowrap;margin-top:2px}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.filter-group{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);height:31px;padding:0 11px;border-radius:999px;font-size:10px;font-weight:650}.filter-chip:hover,.filter-chip.active{color:var(--text);border-color:var(--line-strong);background:var(--surface-3)}.filter-chip.active{box-shadow:inset 0 0 0 1px rgba(169,131,255,.22)}.view-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.view-toggle button{width:28px;height:25px;border:0;background:transparent;color:var(--muted);border-radius:6px;display:flex;align-items:center;justify-content:center}.view-toggle button.active{background:var(--surface-3);color:var(--text)}.view-toggle svg{width:13px}.inline-search{height:33px;min-width:205px;border:1px solid var(--line);background:var(--surface);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 9px;color:var(--muted)}.inline-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font-size:10px}.inline-search svg{width:14px}.vault-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.vault-card{--card-color:var(--violet);--card-soft:var(--violet-soft);position:relative;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--surface-2));border-radius:19px;padding:18px;text-align:left;min-height:207px;overflow:hidden;transition:.22s}.vault-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 17px 42px rgba(0,0,0,.12)}.vault-card:after{content:"";position:absolute;right:-45px;top:-65px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,var(--card-soft),transparent 68%)}.vault-card-header{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.vault-card .vault-icon{width:42px;height:42px;border-radius:12px}.vault-menu{border:0;background:transparent;color:var(--muted);padding:5px}.vault-card h3{font-size:14px;margin:17px 0 5px;letter-spacing:-.025em}.vault-card p{font-size:10px;line-height:1.45;color:var(--muted);margin:0;min-height:30px}.vault-tags{display:flex;align-items:center;gap:6px;margin-top:16px}.tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:8px;padding:5px 7px}.tag.risk-high{color:var(--red);background:var(--red-soft)}.tag.risk-medium{color:var(--amber);background:var(--amber-soft)}.tag.risk-low{color:var(--green);background:var(--green-soft)}.vault-card footer{position:absolute;bottom:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.vault-grid.list{grid-template-columns:1fr}.vault-grid.list .vault-card{min-height:100px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px}.vault-grid.list .vault-card h3{margin:0 0 5px}.vault-grid.list .vault-card footer{position:static;border:0;padding:0;gap:15px}.vault-grid.list .vault-card .vault-card-header{display:block}.vault-grid.list .vault-card .vault-menu,.vault-grid.list .vault-tags{display:none}
.back-button{margin-bottom:18px}.vault-detail-hero{--card-color:var(--violet);--card-soft:var(--violet-soft);border:1px solid var(--line);border-radius:22px;padding:22px;background:linear-gradient(130deg,var(--surface),var(--card-soft));display:flex;align-items:center;gap:16px;margin-bottom:22px}.vault-detail-hero .vault-icon{width:52px;height:52px;border-radius:15px}.vault-detail-copy{flex:1}.vault-detail-copy h1{font-size:23px;margin:0 0 5px}.vault-detail-copy p{margin:0;color:var(--muted);font-size:11px}.vault-stats{display:flex;gap:26px;margin-right:15px}.vault-stat strong{display:block;font-size:17px}.vault-stat small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.secret-grid{display:grid;grid-template-columns:repeat(3,minmax(235px,1fr));gap:13px}.secret-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px;transition:.18s;position:relative}.secret-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.secret-card-header{display:flex;align-items:center;gap:10px}.secret-icon{width:34px;height:34px;border-radius:10px;background:var(--surface-3);color:var(--muted);display:flex;align-items:center;justify-content:center}.secret-icon svg{width:16px}.secret-card h3{font-size:12px;margin:0}.secret-card .subline{font-size:9px;color:var(--muted);margin-top:4px}.secret-card p{font-size:9px;color:var(--muted);line-height:1.5;min-height:27px;margin:14px 0}.field-dots{display:flex;gap:5px;margin-bottom:14px}.field-dots span{height:5px;flex:1;max-width:22px;border-radius:3px;background:var(--surface-3)}.secret-card footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.secret-card footer small{color:var(--muted);font-size:8px}
.approval-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px}.approval-list{display:flex;flex-direction:column;gap:10px}.approval-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px;display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;transition:.18s}.approval-card:hover{border-color:var(--line-strong);transform:translateX(2px)}.approval-card.urgent{box-shadow:inset 3px 0 var(--amber)}.approval-symbol{width:42px;height:42px;border-radius:12px;background:var(--violet-soft);color:var(--violet);display:flex;align-items:center;justify-content:center}.approval-copy h3{font-size:12px;margin:0 0 4px}.approval-copy p{font-size:9px;color:var(--muted);margin:0;line-height:1.4}.approval-meta{display:flex;align-items:center;gap:9px;margin-top:9px}.approval-meta span{font-size:8px;color:var(--muted)}.approval-actions{display:flex;gap:7px}.approval-progress{min-width:115px}.progress-label{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-bottom:6px}.progress-track{height:5px;background:var(--surface-3);border-radius:99px;overflow:hidden}.progress-track i{height:100%;display:block;background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:99px}.request-detail{position:sticky;top:91px;height:max-content}.request-detail .empty-orbit{width:64px;height:64px;margin:22px auto 15px}.policy-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px}.policy-row span{color:var(--muted)}.decision-stack{display:flex;flex-direction:column;margin-top:10px}.decision-row{display:flex;align-items:center;gap:9px;padding:8px 0}.decision-row .avatar{width:27px;height:27px;border-radius:8px}.decision-row div{display:flex;flex-direction:column;flex:1;font-size:9px}.decision-row small{color:var(--muted);margin-top:2px}.decision-status{width:20px;height:20px;border-radius:50%;display:flex!important;align-items:center;justify-content:center!important;background:var(--green-soft);color:var(--green)}.decision-status.waiting{background:var(--surface-3);color:var(--muted)}.decision-status svg{width:11px}
.audit-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden}.audit-table{width:100%;border-collapse:collapse}.audit-table th{text-align:left;padding:12px 14px;background:var(--surface-2);color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.audit-table td{padding:13px 14px;border-top:1px solid var(--line);font-size:9px;vertical-align:middle}.audit-table tr:hover td{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.audit-action{display:flex;align-items:center;gap:9px}.audit-action .activity-dot{width:27px;height:27px;border-radius:8px}.audit-action strong{font-size:9px;display:block}.audit-action small{font-size:8px;color:var(--muted)}.outcome{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:8px}.outcome.failure{color:var(--red)}.outcome i{width:5px;height:5px;border-radius:50%;background:currentColor}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);font-size:8px}
.backend-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px}.backend-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:17px}.backend-logo{width:40px;height:40px;border-radius:12px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--violet)}.backend-logo svg{width:20px}.backend-card h3{font-size:13px;margin:0 0 5px}.backend-card>p{font-size:9px;color:var(--muted);margin:0 0 17px}.backend-data{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}.backend-data div{background:var(--surface-2);padding:9px;border-radius:9px;overflow:hidden}.backend-data small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.backend-data span{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.backend-footer{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line)}.health{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--green)}.health.unhealthy{color:var(--red)}.health.unchecked{color:var(--muted)}.health i{width:6px;height:6px;border-radius:50%;background:currentColor}
.drawer{position:fixed;z-index:100;top:0;right:0;bottom:0;width:min(390px,100vw);background:var(--bg-elev);border-left:1px solid var(--line);box-shadow:var(--shadow);transform:translateX(102%);transition:transform .27s cubic-bezier(.2,.8,.2,1);padding:22px;overflow:auto}.drawer.open{transform:none}.drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.drawer-header h2{font-size:20px;margin:0}.scrim{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px)}.notification-list{display:flex;flex-direction:column;gap:8px}.notification{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:13px 13px 13px 42px;text-align:left;width:100%;transition:.17s}.notification:hover{border-color:var(--line-strong)}.notification.unread:before{content:"";position:absolute;left:15px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px var(--violet-soft)}.notification:not(.unread):before{content:"";position:absolute;left:15px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--surface-3)}.notification strong{font-size:10px;display:block}.notification p{font-size:9px;color:var(--muted);line-height:1.45;margin:5px 0}.notification small{font-size:8px;color:var(--muted-2)}
dialog{color:var(--text)}dialog::backdrop{background:rgba(5,4,8,.7);backdrop-filter:blur(8px)}.modal{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:20px;box-shadow:var(--shadow);overflow:auto}.modal-shell{padding:23px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:18px;margin:3px 0 0}.modal-header p{font-size:10px;color:var(--muted);line-height:1.5;margin:7px 0 0;max-width:420px}.modal-close{border:0;background:var(--surface-2);width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.modal-close svg{width:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label,.field legend{font-size:9px;font-weight:700;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:10px 11px;font-size:11px;outline:0}.field input,.field select{height:39px}.field textarea{resize:vertical;min-height:77px;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}.field-hint{font-size:8px;color:var(--muted-2)}fieldset.field{border:0;padding:0;margin:0}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice label{display:flex!important;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);padding:9px;color:var(--text)!important}.choice input:checked+label{border-color:var(--violet);background:var(--violet-soft)}.choice label .avatar{width:26px;height:26px;border-radius:8px}.choice-copy{display:flex;flex-direction:column}.choice-copy strong{font-size:9px}.choice-copy small{font-size:8px;color:var(--muted)}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:21px;padding-top:17px;border-top:1px solid var(--line)}.form-error{display:none;color:var(--red);background:var(--red-soft);border-radius:9px;padding:9px 10px;font-size:9px;margin-top:12px}.form-error.show{display:block}.secret-warning{display:flex;gap:10px;background:var(--amber-soft);color:var(--amber);border-radius:11px;padding:11px;margin-bottom:14px}.secret-warning svg{flex:none;width:16px}.secret-warning p{color:var(--muted);font-size:9px;line-height:1.5;margin:0}.secret-reveal{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px;margin:12px 0}.reveal-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:9px 5px;border-bottom:1px solid var(--line)}.reveal-row:last-child{border:0}.reveal-row label{font-size:9px;color:var(--muted)}.reveal-row code{font:10px ui-monospace,SFMono-Regular,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-button{border:0;background:var(--surface-2);color:var(--muted);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center}.copy-button svg{width:13px}.countdown{height:4px;background:var(--surface-3);border-radius:99px;overflow:hidden;margin-top:13px}.countdown i{display:block;height:100%;background:var(--amber);animation:countdown 60s linear forwards}@keyframes countdown{to{width:0}}
.command-dialog{width:min(640px,calc(100vw - 24px));padding:0;border:1px solid var(--line-strong);border-radius:17px;background:var(--surface);box-shadow:var(--shadow);top:-18vh}.command-input{display:flex;align-items:center;gap:11px;padding:15px;border-bottom:1px solid var(--line)}.command-input input{flex:1;border:0;background:transparent;color:var(--text);outline:0;font-size:13px}.command-input svg{color:var(--muted)}kbd{font-family:inherit}.command-input kbd,.command-dialog footer kbd{border:1px solid var(--line);background:var(--surface-2);border-radius:5px;color:var(--muted);padding:3px 5px;font-size:8px}.command-results{padding:7px;max-height:340px;overflow:auto}.command-group-label{font-size:8px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.12em;padding:8px 9px}.command-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);border-radius:10px;padding:9px;text-align:left}.command-item:hover,.command-item.selected{background:var(--surface-2)}.command-item .command-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-3);color:var(--violet)}.command-item strong{font-size:10px}.command-item small{font-size:8px;color:var(--muted);display:block;margin-top:3px}.command-item>small{margin-left:auto}.command-dialog footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding:10px 14px;color:var(--muted);font-size:8px}.command-dialog footer span{display:flex;align-items:center;gap:4px}
.toast-region{position:fixed;z-index:150;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px}.toast{min-width:280px;max-width:360px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow);border-radius:13px;padding:11px;animation:toast-in .25s ease}.toast-icon{width:29px;height:29px;border-radius:8px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center}.toast.error .toast-icon{background:var(--red-soft);color:var(--red)}.toast-icon svg{width:14px}.toast strong{font-size:10px;display:block}.toast p{font-size:8px;color:var(--muted);margin:3px 0 0}.toast button{border:0;background:transparent;color:var(--muted)}@keyframes toast-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
.empty-state{text-align:center;padding:45px 20px;border:1px dashed var(--line-strong);border-radius:17px;background:linear-gradient(135deg,var(--surface),transparent)}.empty-orbit{width:52px;height:52px;margin:0 auto 13px;border-radius:50%;background:var(--violet-soft);color:var(--violet);display:flex;align-items:center;justify-content:center;position:relative}.empty-orbit:after{content:"";position:absolute;inset:-6px;border:1px dashed var(--line-strong);border-radius:50%}.empty-state h3{font-size:13px;margin:0 0 6px}.empty-state p{font-size:9px;color:var(--muted);margin:0 0 15px}.skeleton{min-height:130px;border-radius:18px;background:linear-gradient(100deg,var(--surface) 25%,var(--surface-2) 45%,var(--surface) 65%);background-size:200% 100%;animation:shimmer 1.4s infinite}.hero-skeleton{height:150px;margin-bottom:15px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@keyframes shimmer{to{background-position:-200% 0}}.is-loading .sidebar,.is-loading .topbar{opacity:.85}.mobile-nav{display:none}.hidden{display:none!important}
@media(max-width:1120px){:root{--sidebar:210px}.vault-grid,.secret-grid,.backend-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.approval-layout{grid-template-columns:1fr}.request-detail{display:none}}
@media(max-width:760px){:root{--topbar:64px}.app-shell{display:block;padding-bottom:76px}.sidebar{display:none}.topbar{left:0;height:var(--topbar);padding:0 16px}.mobile-brand{display:block;border:0;background:transparent;padding:0}.mobile-brand .brand-mark{width:30px;height:30px}.global-search{width:40px;border:0;background:transparent;padding:0;justify-content:center}.global-search span:nth-child(2),.global-search kbd,.environment-pill,.desktop-action{display:none}.top-actions{gap:6px}.top-actions .icon-button{border:0;background:transparent}.mobile-brand+.global-search{margin-left:auto}.topbar{justify-content:flex-start}.top-actions{margin-left:4px}main{padding:22px 15px 35px;margin-top:var(--topbar)}.page-header{align-items:flex-start;margin-bottom:20px}.page-title{font-size:26px}.header-actions .button:not(.mobile-keep){display:none}.hero{grid-template-columns:1fr;padding:20px}.hero-visual{display:none}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric-card{padding:14px;min-height:95px}.metric-value{font-size:24px}.vault-mini-grid{grid-template-columns:1fr}.vault-grid,.secret-grid,.backend-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.toolbar>div:last-child{width:100%;display:flex}.inline-search{flex:1}.vault-detail-hero{align-items:flex-start;flex-wrap:wrap}.vault-stats{width:100%;margin:5px 0 0;padding-top:14px;border-top:1px solid var(--line)}.approval-card{grid-template-columns:38px 1fr}.approval-actions{grid-column:1/-1;justify-content:flex-end}.audit-card{overflow:auto}.audit-table{min-width:680px}.mobile-nav{position:fixed;z-index:40;left:10px;right:10px;bottom:9px;height:61px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(20px);box-shadow:0 14px 45px rgba(0,0,0,.3);border-radius:17px;display:grid;grid-template-columns:1fr 1fr .75fr 1fr 1fr;padding:5px}.mobile-nav button{border:0;background:transparent;color:var(--muted);border-radius:11px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}.mobile-nav button.active{color:var(--violet);background:var(--violet-soft)}.mobile-nav svg{width:18px;height:18px}.mobile-nav small{font-size:8px}.mobile-nav .mobile-create{width:43px;height:43px;border-radius:13px;align-self:center;justify-self:center;background:linear-gradient(145deg,var(--violet),var(--violet-strong));color:white;box-shadow:0 8px 20px rgba(118,80,223,.3)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.choice-grid{grid-template-columns:1fr}.modal-shell{padding:18px}.drawer{padding:18px}.toast-region{left:12px;right:12px;bottom:81px}.toast{min-width:0;max-width:none}.reveal-row{grid-template-columns:80px 1fr auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.auth-screen{display:block;min-height:100vh}.auth-screen>.sidebar,.auth-screen>.topbar,.auth-screen>.mobile-nav{display:none}.auth-screen main{padding:0!important;margin:0!important;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,var(--violet-soft),transparent 35%)}.login-card{width:min(470px,calc(100vw - 30px));text-align:center;border:1px solid var(--line-strong);border-radius:25px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow);padding:42px;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:var(--violet-soft);right:-150px;top:-150px}.login-card .brand-mark{margin-bottom:24px}.login-card h1{font-size:36px;line-height:1.03;letter-spacing:-.05em;margin:0 0 16px}.login-card>p:not(.eyebrow){font-size:11px;line-height:1.65;color:var(--muted);max-width:340px;margin:0 auto 23px}.login-card footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:8px}.login-card footer svg{width:13px;color:var(--green)}