:root {
  --ink: #172022;
  --muted: #697375;
  --line: #dfe4e3;
  --panel: #ffffff;
  --bg: #f4f6f5;
  --teal: #0d6b63;
  --teal-dark: #07554e;
  --teal-soft: #e2f1ed;
  --lime: #d5ef70;
  --coral: #f36f56;
  --shadow: 0 18px 50px rgba(25, 47, 44, .08);
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--ink);
  background: var(--bg);
  font-family: Manrope, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.shell { min-height: 100vh; }
.topbar {
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 34px;
  border-bottom: 1px solid var(--line);
  background: rgba(244,246,245,.92);
}
.brand { display: flex; align-items: center; gap: 11px; font-weight: 700; letter-spacing: -.03em; }
.pilot-label{padding:4px 7px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:8px;letter-spacing:.08em}.pilot-label.dark{margin-left:6px;vertical-align:middle}
.wordmark { position:relative;display:inline-block;color:var(--ink);font-weight:700;letter-spacing:-.045em;line-height:1;white-space:nowrap }
.wordmark-final { position:relative;display:inline-block }
.wordmark-final:after { content:"";position:absolute;width:.18em;height:.18em;border-radius:50%;left:47%;top:74%;transform:translate(-50%,-50%);background:var(--lime) }
.brand .wordmark { font-size:18px }
.auth-loading .wordmark { font-size:24px }
.top-actions { display: flex; align-items: center; gap: 12px; }
.status-pill, .user-pill {
  display: flex; align-items: center; gap: 8px; height: 36px;
  padding: 0 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--panel);
  color: var(--muted); font-size: 12px; font-weight: 600;
}
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #27a66f; box-shadow: 0 0 0 3px #ddf4e8; }
.avatar { width: 23px; height: 23px; border-radius: 50%; display:grid; place-items:center; background:var(--ink); color:white; font-size:10px; }

.start-page { padding: 68px 28px 80px; }
.hero { max-width: 820px; margin: 0 auto 48px; text-align: center; }
.eyebrow { color: var(--teal); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.hero h1 { margin: 16px auto 18px; max-width: 740px; font-size: clamp(38px, 5vw, 64px); line-height: 1.05; letter-spacing: -.055em; }
.hero h1 span { color: var(--teal); }
.hero p { max-width: 620px; margin: auto; color: var(--muted); font-size: 17px; line-height: 1.65; }

.section { max-width: 1060px; margin: 0 auto; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 16px; }
.section-head h2 { margin: 0 0 5px; font-size: 18px; letter-spacing: -.02em; }
.section-head p { margin: 0; color: var(--muted); font-size: 13px; }
.db-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.db-card {
  position: relative; min-height: 156px; padding: 20px; text-align: left;
  border: 1px solid var(--line); border-radius: 15px; background: var(--panel);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.db-card:hover { transform: translateY(-3px); border-color: #a9bfba; box-shadow: var(--shadow); }
.db-icon { width: 38px; height: 38px; display: grid; place-items:center; border-radius: 10px; background: var(--teal-soft); color: var(--teal); font-weight: 700; }
.db-card:nth-child(2) .db-icon { background:#e7eef8; color:#416994; }
.db-card:nth-child(3) .db-icon { background:#fff0d8; color:#a66819; }
.db-card:nth-child(4) .db-icon { background:#eae7fa; color:#6557a5; }
.db-card strong { display:block; margin-top:24px; font-size:14px; }
.db-card small { display:block; margin-top:5px; color:var(--muted); }
.db-arrow { position:absolute; right:18px; top:18px; color:#a2acab; font-size:18px; }
.existing { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:16px; }
.saved-title{margin-top:28px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.saved-list .existing{margin-top:0}.saved-list .existing+.existing{padding-top:14px}
.existing-info { display:flex; align-items:center; gap:12px; }
.mini-db { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--ink); color:white; font-size:11px; }
.existing strong { display:block; font-size:13px; }.existing small{color:var(--muted);font-size:11px;}

.btn { border:0; border-radius:10px; padding:11px 15px; font-weight:600; font-size:13px; transition:.18s ease; }
.btn-primary { background:var(--teal); color:white; box-shadow:0 6px 16px rgba(13,107,99,.18); }
.btn-primary:hover { background:var(--teal-dark); transform:translateY(-1px); }
.btn-secondary { color:var(--ink); background:white; border:1px solid var(--line); }
.btn-secondary:hover { border-color:#a8b5b3; }
.btn-ghost { color:var(--muted); background:transparent; }

.workspace { display:grid; grid-template-columns:250px 1fr; min-height:calc(100vh - 74px); }
.sidebar { padding:24px 18px; border-right:1px solid var(--line); background:#f0f3f2; }
.side-label { margin:7px 10px 12px; color:#8a9392; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; }
.connection-card { padding:13px; border:1px solid var(--line); background:white; border-radius:12px; display:flex; gap:10px; align-items:center; }
.connection-card .mini-db { background:var(--teal); }
.connection-card strong { display:block; font-size:12px; }.connection-card small{font-size:10px;color:var(--muted)}
.side-nav { margin-top:20px; display:grid; gap:4px; }
.nav-item { border:0; background:transparent; padding:10px; border-radius:9px; color:var(--muted); display:flex; align-items:center; gap:10px; text-align:left; font-size:12px; }
.nav-item.active { color:var(--ink); background:white; box-shadow:0 4px 12px rgba(30,50,47,.05); }
.nav-icon { width:18px;text-align:center; }

.main { padding:38px 44px 60px; overflow:hidden; }
.main-inner { max-width:1040px; margin:0 auto; }
.workspace-head { display:flex; justify-content:space-between; align-items:start; gap:20px; margin-bottom:26px; }
.workspace-head h1 { margin:0 0 7px;font-size:28px;letter-spacing:-.04em; }.workspace-head p{margin:0;color:var(--muted);font-size:13px;}
.agent-status { display:flex;align-items:center;gap:8px;color:var(--teal);font-size:11px;font-weight:700; }
.agent-status span { width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(213,239,112,.28); }
.prompt-card { padding:20px; background:var(--ink); border-radius:17px; color:white; box-shadow:0 22px 50px rgba(23,32,34,.14); }
.prompt-card label { display:block;font-size:11px;color:#aeb8b8;margin-bottom:11px; }
.prompt-row { display:flex;align-items:flex-end;gap:12px; }
.prompt-row textarea { flex:1; min-height:66px; max-height:160px; resize:vertical; border:0; outline:0; background:transparent;color:white;font-size:16px;line-height:1.5;padding:0; }
.prompt-row textarea::placeholder{color:#718080}.send-btn{width:46px;height:46px;flex:0 0 46px;border:0;border-radius:12px;background:var(--lime);color:var(--ink);font-size:20px;transition:.18s}.send-btn:hover{transform:translateY(-2px);background:#def58b}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.suggestions { display:flex;gap:8px;flex-wrap:wrap;margin-top:12px; }.suggestion{border:1px solid #455052;background:transparent;color:#bac3c2;border-radius:999px;padding:7px 10px;font-size:10px}.suggestion:hover{color:white;border-color:#778482}

.empty-state { margin-top:66px;text-align:center;color:var(--muted); }.empty-orbit{position:relative;width:70px;height:70px;border:1px dashed #bbc5c3;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;color:var(--teal)}.empty-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--coral);top:3px;right:9px}.empty-state strong{display:block;color:var(--ink);font-size:14px}.empty-state p{font-size:12px;}
.error-state { margin-top:30px;padding:24px;border:1px solid #efc2ba;border-radius:14px;background:#fff8f6;color:#8f392b; }.error-state strong{display:block;font-size:14px}.error-state p{margin:7px 0 15px;font-size:12px;line-height:1.5}.error-state .btn{background:white}

.loading { margin-top:30px;padding:22px 0; }.loading-line{height:3px;background:#e0e5e4;border-radius:4px;overflow:hidden}.loading-line:before{content:"";display:block;width:38%;height:100%;background:var(--teal);animation:scan 1.15s ease-in-out infinite}.loading-steps{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted);font-size:10px}.loading-steps b{color:var(--teal)}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(360%)}}

.result-area{margin-top:26px;animation:rise .32s ease both}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.result-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.result-title{display:flex;align-items:center;gap:10px}.result-title h2{font-size:16px;margin:0}.result-title span{font-size:10px;color:var(--muted);background:#e7eceb;border-radius:999px;padding:5px 8px}.result-actions{display:flex;gap:8px}.result-actions .btn{padding:8px 11px;font-size:11px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.metric{padding:17px;border:1px solid var(--line);border-radius:13px;background:white}.metric-label{font-size:10px;color:var(--muted)}.metric-value{font-size:24px;letter-spacing:-.04em;font-weight:700;margin-top:6px}.metric-delta{font-size:10px;color:var(--teal);margin-top:3px}
.table-wrap{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.table-meta{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{background:#f6f8f7;color:var(--muted);text-align:left;font-size:10px;font-weight:600;padding:11px 15px;border-bottom:1px solid var(--line)}td{padding:13px 15px;border-bottom:1px solid #edf0ef;font-size:11px}tbody tr:last-child td{border-bottom:0}.bar-cell{display:flex;align-items:center;gap:9px}.tiny-bar{width:72px;height:5px;background:#e7eceb;border-radius:4px;overflow:hidden}.tiny-bar span{display:block;height:100%;background:var(--teal);border-radius:4px}
.sql-panel{margin-top:10px;border-radius:13px;background:#111819;color:#d9e3e1;overflow:hidden}.sql-head{padding:11px 15px;border-bottom:1px solid #2d3738;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9eaaa8}.sql-head button{border:0;background:transparent;color:var(--lime);font-size:10px}.sql-panel pre{margin:0;padding:17px;overflow:auto;font:11px/1.65 'Roboto Mono',monospace}.kw{color:#d5ef70}.fn{color:#7ed8c9}.str{color:#f3a998}

.modal-backdrop{position:fixed;inset:0;background:rgba(12,22,23,.46);display:grid;place-items:center;padding:18px;z-index:10;backdrop-filter:blur(5px)}.modal{width:min(570px,100%);background:white;border-radius:18px;box-shadow:0 30px 90px rgba(10,25,25,.25);overflow:hidden;animation:rise .22s ease}.modal-head{padding:21px 23px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.modal-head h2{font-size:17px;margin:0 0 5px}.modal-head p{font-size:11px;color:var(--muted);margin:0}.close-btn{width:30px;height:30px;border:0;border-radius:8px;background:#f1f3f2;color:var(--muted)}.form{padding:21px 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;color:var(--muted);font-weight:600}.field input,.field select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;outline:0;color:var(--ink);background:white;font-size:12px}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.ssl-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.ssl-row input{accent-color:var(--teal)}.test-state{min-height:16px;font-size:10px;color:var(--teal)}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.modal-actions>div{display:flex;gap:8px}
.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:12px 15px;border-radius:10px;font-size:11px;box-shadow:var(--shadow);z-index:20;animation:rise .2s ease}

.user-menu{cursor:pointer;color:var(--ink)}.logout-icon{color:#a0aaa8;transform:rotate(45deg)}
.auth-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.auth-loading p{font-size:12px}
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(430px,.95fr);background:var(--panel)}
.auth-story{position:relative;overflow:hidden;padding:38px clamp(36px,6vw,88px);display:flex;flex-direction:column;justify-content:space-between;background:var(--ink);color:white}.auth-story:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #314042;border-radius:50%;right:-180px;bottom:-250px}.auth-story:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #314042;border-radius:50%;right:-55px;bottom:-125px}.auth-brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:-.03em;position:relative;z-index:1}.auth-brand .wordmark{color:white;font-size:21px}.auth-copy{position:relative;z-index:1;margin:70px 0}.auth-copy .eyebrow{color:var(--lime)}.auth-copy h1{margin:18px 0 22px;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.065em}.auth-copy h1 em{font-style:normal;color:var(--lime)}.auth-copy p{max-width:430px;margin:0;color:#aeb9b8;font-size:15px;line-height:1.7}.auth-proof{position:relative;z-index:1;display:flex;align-items:center;gap:16px;color:#9facaa;font-size:11px;line-height:1.6}.proof-orbit{width:58px;height:58px;border:1px solid #495657;border-radius:50%;display:grid;place-items:center;position:relative;color:white;font:10px 'Roboto Mono',monospace}.proof-orbit i{position:absolute;right:-5px;top:0;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-size:8px;font-style:normal}
.auth-panel{display:grid;place-items:center;padding:40px;background:#f7f9f8}.auth-box{width:min(430px,100%)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#e9edec;margin-bottom:38px}.auth-tabs button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:10px;font-size:12px;font-weight:600}.auth-tabs button.active{background:white;color:var(--ink);box-shadow:0 4px 12px rgba(20,40,38,.08)}.auth-box h2{font-size:32px;letter-spacing:-.045em;margin:0 0 8px}.auth-subtitle{margin:0 0 25px;color:var(--muted);font-size:13px}.social-list{display:grid;gap:10px}.social-btn{width:100%;height:54px;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);text-align:left;font-size:13px;font-weight:600;transition:.18s}.social-btn:hover{border-color:#aebbb9;transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,40,38,.06)}.social-btn:disabled{opacity:.65;cursor:wait}.social-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:white;font-size:11px;font-weight:700}.social-btn.vk .social-mark{background:#07f}.social-btn.max .social-mark{background:linear-gradient(135deg,#654cf6,#df48a2)}.social-btn.yandex .social-mark{background:#fc3f1d}.social-btn.mail .social-mark{background:#168de2}.social-arrow{color:#9aa5a3;font-size:17px}.auth-error{margin-top:14px;padding:11px 13px;border-radius:10px;background:#fff0ed;color:#9d3e30;font-size:11px;line-height:1.5}.auth-note{display:flex;gap:10px;margin-top:22px;padding:13px;border-radius:11px;background:var(--teal-soft);color:var(--teal);font-size:10px;line-height:1.5}.auth-note span{font-weight:700}.auth-note p{margin:0}.legal{text-align:center;color:#9ba4a3;font-size:9px;line-height:1.6;margin:18px auto 0;max-width:340px}.legal a{color:var(--muted)}
.invite-field{margin:0 0 14px}.invite-field input{background:#fffdf5;border-color:#ddd4a8}
.email-auth{display:grid;gap:11px}.email-auth .field{gap:5px}.email-submit{height:48px;border:0;border-radius:10px;background:var(--ink);color:white;font-size:12px;font-weight:700;transition:.18s}.email-submit:hover{background:var(--teal);transform:translateY(-1px)}.email-submit:disabled{opacity:.65;cursor:wait}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#a0aaa8;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}

.access-page{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:40px 20px;background:linear-gradient(180deg,#f4f6f5,#edf2f0)}.access-card{width:min(590px,100%);padding:44px;border:1px solid var(--line);border-radius:22px;background:white;text-align:center;box-shadow:var(--shadow)}.access-orbit{position:relative;width:74px;height:74px;display:grid;place-items:center;margin:0 auto 24px;border:1px solid #b8c6c3;border-radius:50%;color:var(--teal);font:10px 'Roboto Mono',monospace}.access-orbit i{position:absolute;right:-4px;top:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:var(--ink);font-style:normal;font-weight:700}.access-card h1{margin:12px 0;font-size:30px;letter-spacing:-.045em}.access-card>p{max-width:470px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.7}.access-card>small{display:block;margin-top:18px;color:#929c9a;font-size:9px}.access-request-btn{margin-top:25px;padding:13px 20px}.access-activate{max-width:430px;margin:24px auto 0;text-align:left}.access-activate label{display:block;margin-bottom:7px;color:var(--muted);font-size:10px}.access-activate>div{display:flex;gap:8px}.access-activate input{min-width:0;flex:1;border:1px solid var(--line);border-radius:10px;padding:12px;font:11px 'Roboto Mono',monospace;text-transform:uppercase}.access-activate input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}

.admin-link{height:36px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--muted);font-size:11px;font-weight:700}.admin-link.active,.admin-link:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}
.admin-page{max-width:1320px;margin:0 auto;padding:44px 34px 80px}.admin-loading{min-height:55vh;display:grid;place-items:center;color:var(--muted);font-size:13px}.admin-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-head h1{margin:8px 0 6px;font-size:36px;letter-spacing:-.05em}.admin-head p{margin:0;color:var(--muted);font-size:13px}.admin-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.admin-metrics article{padding:17px;border:1px solid var(--line);border-radius:14px;background:white}.admin-metrics span{display:block;color:var(--muted);font-size:10px}.admin-metrics strong{display:block;margin:7px 0 3px;font-size:22px;letter-spacing:-.04em}.admin-metrics small{color:var(--teal);font-size:9px}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.admin-grid.lower{grid-template-columns:1fr 1fr}.admin-card{padding:21px;border:1px solid var(--line);border-radius:15px;background:white}.admin-card-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:17px}.admin-card-head h2{margin:0 0 5px;font-size:16px}.admin-card-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.admin-invite-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.admin-invite-form label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:600}.admin-invite-form input,.admin-invite-form select{height:42px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font-size:11px}.admin-invite-form .btn{align-self:end;height:42px}.generated-invite{margin-top:15px;padding:15px;border-radius:12px;background:var(--ink);color:white}.generated-invite>span{display:block;color:var(--lime);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.generated-invite>strong{display:block;margin:7px 0 5px;font:18px 'Roboto Mono',monospace}.generated-invite>small{display:block;overflow:hidden;text-overflow:ellipsis;color:#aeb8b8;font-size:9px;white-space:nowrap}.generated-invite>div{display:flex;gap:8px;margin-top:12px}.generated-invite .btn{display:inline-flex;align-items:center;text-decoration:none;font-size:10px}.health-badge{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.health-badge.ok{background:#e3f4e9;color:#23704a}.health-badge.bad{background:#fff0ed;color:#9d3e30}.system-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-list div{padding:11px;border-radius:10px;background:#f5f7f6}.system-list dt{color:var(--muted);font-size:9px}.system-list dd{margin:5px 0 0;font-size:14px;font-weight:700}.path-list{display:grid;gap:6px;margin-top:14px}.path-list div{display:flex;justify-content:space-between;gap:12px;padding-top:7px;border-top:1px solid #edf0ef}.path-list code{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis}.path-list strong{font-size:10px}.admin-table-card{margin-bottom:14px;padding:0;overflow:hidden}.admin-table-card .admin-card-head{padding:20px 21px 0}.admin-table{min-width:850px}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{margin-top:3px;color:var(--muted);font-size:9px}.admin-table code{font-size:10px}.invite-status{display:inline-block;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:700}.invite-status.active{background:#e3f4e9;color:#23704a}.invite-status.used{background:#e8eff9;color:#3d6492}.invite-status.expired,.invite-status.revoked{background:#f0f2f1;color:#77817f}.table-action{border:0;background:transparent;color:#a34b3d;font-size:9px}.compact-list,.event-list{display:grid}.compact-list>div,.event-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf0ef}.compact-list>div:first-child,.event-list>div:first-child{border-top:0}.compact-list strong,.event-list strong{display:block;font-size:10px}.compact-list small,.event-list small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.compact-list time,.event-list time{color:#8a9492;font-size:8px}.event-list>div>span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(213,239,112,.3)}

.access-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;border-radius:12px;background:#f5f7f6}.access-flow div{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.access-flow b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-size:9px}.access-flow i{color:#a3adab;font-style:normal}.smtp-warning{margin:12px 0 0;padding:10px;border-radius:9px;background:#fff3ef;color:#95493c;font-size:9px;line-height:1.5}.invite-status.requested{background:#fff3d8;color:#8b631b}.invite-status.sent{background:#e8eff9;color:#3d6492}.invite-status.activated{background:#e3f4e9;color:#23704a}.table-send{padding:7px 9px;font-size:9px;white-space:nowrap}

@media(max-width:1100px){.admin-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.db-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.sidebar{display:none}.main{padding:28px 22px}.metric-grid{grid-template-columns:1fr}.topbar{padding:0 20px}.user-pill span:last-child{display:none}.admin-grid,.admin-grid.lower{grid-template-columns:1fr}.admin-page{padding:32px 20px 60px}}
@media(max-width:760px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:300px;padding:28px 24px}.auth-copy{margin:48px 0 24px}.auth-copy h1{font-size:46px}.auth-copy p{font-size:12px}.auth-proof{display:none}.auth-panel{padding:34px 20px 50px}.auth-tabs{margin-bottom:28px}}
@media(max-width:520px){.start-page{padding:44px 18px 60px}.hero h1{font-size:38px}.db-grid{grid-template-columns:1fr 1fr}.db-card{min-height:140px;padding:15px}.db-card strong{margin-top:20px}.status-pill{display:none}.existing{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions>div{display:grid;grid-template-columns:1fr 1fr}.workspace-head{flex-direction:column}.prompt-row{align-items:flex-end}.result-top{align-items:flex-start;flex-direction:column}.admin-link{font-size:0;width:36px;padding:0}.admin-link:after{content:'⚙';font-size:14px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-head{align-items:flex-start;flex-direction:column}.admin-invite-form{grid-template-columns:1fr}.admin-page{padding:26px 14px 50px}}