.ss107-wrap{display:grid;gap:16px}.ss107-hero{background:linear-gradient(135deg,#0f766e,#115e59);color:#fff;border-radius:18px;padding:20px 22px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;box-shadow:0 16px 40px rgba(15,118,110,.18)}.ss107-hero h2{margin:0 0 6px;font-size:26px}.ss107-note{opacity:.92;max-width:850px;line-height:1.8}.ss107-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ss107-kpi{background:#fff;border:1px solid #dbe4ef;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.ss107-kpi .label{color:#64748b;font-size:13px}.ss107-kpi .value{font-size:28px;font-weight:800;color:#0f172a;margin-top:8px}.ss107-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.ss107-card{background:#fff;border:1px solid #dbe4ef;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.ss107-card h3{margin:0 0 12px;font-size:18px}.ss107-list{display:grid;gap:10px}.ss107-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #e5edf5;border-radius:14px;background:#f8fbff}.ss107-item .meta{font-size:12px;color:#64748b;margin-top:4px}.ss107-tabs{display:flex;flex-wrap:wrap;gap:8px}.ss107-tab{border:1px solid #bfd1e5;background:#fff;border-radius:999px;padding:10px 14px;font-weight:700;cursor:pointer}.ss107-tab.active{background:#0f766e;color:#fff;border-color:#0f766e}.ss107-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.16);font-size:13px}.ss107-actions{display:flex;flex-wrap:wrap;gap:8px}.ss107-empty{padding:22px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;background:#f8fafc;text-align:center}.ss107-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ss107-mini{display:grid;gap:8px}.ss107-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef6ff;color:#1d4ed8;font-size:12px;font-weight:700}.ss107-soft{background:#fff7ed;color:#9a3412}.ss107-green{background:#ecfdf5;color:#047857}.ss107-search{display:flex;gap:8px;align-items:center}.ss107-search input{flex:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff}@media (max-width: 980px){.ss107-grid,.ss107-two{grid-template-columns:1fr}.ss107-hero{flex-direction:column}}