:root{
  --sys-bg:#0a121d;
  --sys-bg-2:#0f1825;
  --sys-bg-3:#152133;
  --sys-panel:#101a28;
  --sys-panel-2:#132032;
  --sys-border:#203249;
  --sys-border-soft:#1a2a3d;
  --sys-text:#e6eef9;
  --sys-text-soft:#9ab0c9;
  --sys-text-dim:#6e839d;
  --sys-primary:#1683ff;
  --sys-primary-2:#0d6dd9;
  --sys-primary-soft:rgba(22,131,255,.12);
  --sys-success:#2fb171;
  --sys-danger:#e15b6d;
  --sys-warning:#e0a54d;
  --sys-radius-xs:6px;
  --sys-radius-sm:8px;
  --sys-radius-md:10px;
  --sys-radius-lg:14px;
  --sys-shadow:0 18px 44px rgba(0,0,0,.26);
  --sys-shadow-soft:0 10px 24px rgba(0,0,0,.18);
  --sys-font:Inter,Segoe UI,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.sysimple-shell, body[data-sysimple-shell="true"]{
  font-family:var(--sys-font);
  background:
    radial-gradient(circle at top right, rgba(22,131,255,.10), transparent 24%),
    radial-gradient(circle at top left, rgba(31,101,182,.08), transparent 20%),
    linear-gradient(180deg,#09111b 0%,#0c1521 100%);
  color:var(--sys-text);
}
.sys-home{
  min-height:100vh;
  padding:28px;
}
.sys-home-shell{
  max-width:1360px;
  margin:0 auto;
}
.sys-home-hero{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);
  gap:20px;
  margin-bottom:22px;
}
.sys-panel{
  background:linear-gradient(180deg, rgba(16,26,40,.97), rgba(12,20,32,.97));
  border:1px solid var(--sys-border-soft);
  border-radius:var(--sys-radius-lg);
  box-shadow:var(--sys-shadow);
}
.sys-hero-card{padding:28px}
.sys-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;
  color:#6db5ff;margin-bottom:12px;
}
.sys-home-title{font-size:34px;line-height:1.08;margin:0 0 12px}
.sys-home-copy{margin:0;color:var(--sys-text-soft);line-height:1.75;max-width:860px}
.sys-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.sys-stat-grid{display:grid;gap:12px}
.sys-stat-card{padding:18px 20px}
.sys-stat-value{font-size:30px;font-weight:800;color:#7fbdff}
.sys-stat-label{margin-top:6px;color:var(--sys-text-soft);font-size:13px}
.sys-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sys-tool-card{padding:22px;display:flex;flex-direction:column;gap:14px;min-height:260px}
.sys-tool-icon{
  width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(22,131,255,.18), rgba(22,131,255,.08));
  display:grid;place-items:center;color:#9ed0ff;
}
.sys-tool-title{font-size:20px;font-weight:700}
.sys-tool-desc{color:var(--sys-text-soft);line-height:1.7;flex:1}
.sys-tag-row{display:flex;gap:8px;flex-wrap:wrap}
.sys-tag{padding:5px 9px;border-radius:999px;border:1px solid var(--sys-border);background:#121d2c;color:var(--sys-text-soft);font-size:11px}
.sys-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:40px;padding:0 14px;border-radius:var(--sys-radius-sm);font-weight:600;
  border:1px solid var(--sys-border);text-decoration:none;color:var(--sys-text);cursor:pointer;
  background:#152132;transition:.16s ease;
}
.sys-btn:hover{transform:translateY(-1px);background:#192739}
.sys-btn-primary{background:linear-gradient(180deg,var(--sys-primary),var(--sys-primary-2));border-color:rgba(76,156,255,.55);color:white}
.sys-btn-primary:hover{filter:brightness(1.05)}
.sys-btn-secondary{background:#152132}
.sys-mini-note{padding:14px 16px;color:var(--sys-text-dim);font-size:12px}
.sys-top-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--sys-text-soft);text-decoration:none}
.sys-top-link:hover{color:var(--sys-text)}
.sys-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sys-pill-link{
  display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;
  border:1px solid var(--sys-border);background:#0f1826;color:var(--sys-text-soft);text-decoration:none;font-size:12px;
}
.sys-pill-link.active{background:var(--sys-primary-soft);border-color:rgba(22,131,255,.34);color:#94c9ff}
@media (max-width: 1100px){
  .sys-home-hero,.sys-tool-grid{grid-template-columns:1fr}
}


:root{--sys-header-bg:#ffffff;--sys-header-border:#d9e3ef;--sys-header-text:#162235;--sys-muted:#6f819b;--sys-primary:#2563eb;--sys-primary-soft:#eef4ff;--sys-primary-border:#cfe0ff;}
.sysimple-shell .sidebar,.sysimple-shell .topbar{background:#fff!important;background-image:none!important;border-color:var(--sys-header-border)!important;box-shadow:none!important;}
.sysimple-shell .brand-title,.sysimple-shell .brand-subtitle,.sysimple-shell .sys-pill-link,.sysimple-shell .sidebar-title,.sysimple-shell .topbar{color:var(--sys-header-text)!important;}
.sysimple-shell .sys-pill-link{color:var(--sys-muted)!important;border-radius:10px!important;}
.sysimple-shell .sys-pill-link.active{background:var(--sys-primary-soft)!important;color:var(--sys-primary)!important;border-color:var(--sys-primary-border)!important;}