:root{
  --brand-bg:#0b0b0e;
  --panel:#101115;
  --line:#23242a;
  --text:#ffffff;
  --muted:#9fb3c8;
  --accent:#34B4FF;
  --accent2:#70FFD8;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--brand-bg);color:var(--text);
     font:16px/1.45 -apple-system,system-ui,Segoe UI,Roboto,Arial}
#app{max-width:1100px;margin:0 auto}

/* Заголовок и поиск */
.header{display:flex;align-items:center;gap:10px;
  padding:12px 12px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:var(--brand-bg);
  font-weight:800;font-size:20px}
.btn{background:#15161b;color:#fff;border:1px solid #2a2a2a;border-radius:12px;padding:8px 10px;cursor:pointer}
.search{width:calc(100% - 24px);margin:10px 12px 14px}
.search input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #2a2a2a;background:#121216;color:#fff}
.search input::placeholder{color:#8d9199}

/* Плитки */
.grid{display:grid;gap:14px;padding:0 12px 90px}
@media(min-width:680px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.grid{grid-template-columns:1fr 1fr}}
.tile{
  position:relative; overflow:hidden; border-radius:16px; cursor:pointer;
  background:var(--panel); border:1px solid var(--line); min-height:96px; padding:16px 14px;
  transition:transform .12s ease, border-color .12s ease;
}
.tile:hover{transform:translateY(-2px); border-color:rgba(255,255,255,.18)}
/* аккуратная акцентная полоса слева */
.tile::before{
  content:""; position:absolute; inset:0 auto 0 0; width:6px; border-radius:16px 0 0 16px;
  background:linear-gradient(180deg,var(--accent),var(--accent2));
}
.tile__row{display:flex;gap:12px;align-items:center}
.tile__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08)}
.tile__icon svg{width:22px;height:22px;fill:#fff;opacity:.95}
.tile__title{font-weight:800;font-size:16.5px;letter-spacing:.2px}
.badge{
  position:absolute;top:10px;right:12px;padding:4px 9px;border-radius:999px;
  font:700 12px/1.1 inherit;color:#0b0c10;background:#b0fbec;border:1px solid rgba(0,0,0,.08)
}

/* Списки/документ */
.list{padding:0 12px 90px}
.card{background:#121216;border:1px solid var(--line);border-radius:14px;padding:14px;margin:0 0 12px}
.card:hover{border-color:rgba(255,255,255,.18)}
.card__title{font-weight:800}
.card__meta{opacity:.75;margin-top:6px;font-size:13px}
.doc{padding:16px}
.doc h1{font-size:22px;margin:.35em 0 .2em}
.doc h2{font-size:18px;margin:.3em 0 .2em}