.sx-wrap{max-width:1200px;margin:24px auto;padding:0 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827}
.sx-shell{display:flex;gap:16px;min-height:520px}
.sx-sidebar{width:260px;background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;display:flex;flex-direction:column}
.sx-brand{color:#111827;font-weight:700;font-size:18px;margin-bottom:12px}
.sx-nav{display:flex;flex-direction:column;gap:6px}
.sx-nav__link{display:block;color:#111827;text-decoration:none;padding:10px 12px;border-radius:12px}
.sx-nav__link:hover{background:#f3f4f6}
.sx-nav__link.is-active{background:#eef2ff;border:1px solid #e5e7eb}
.sx-sidebar__footer{margin-top:auto;color:#6b7280;font-size:13px}
.sx-link{color:#111827;text-decoration:underline}
.sx-main{flex:1}
.sx-topbar{display:flex;align-items:center;gap:12px;justify-content:flex-start;margin-bottom:12px;background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 16px}
.sx-h1{font-size:20px;margin:0;font-weight:700}
.sx-content{display:flex;flex-direction:column;gap:12px}
.sx-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}
.sx-title{margin:0 0 8px 0;font-size:16px;font-weight:700}
.sx-muted{color:#6b7280}
.sx-form{display:flex;flex-direction:column;gap:10px}
.sx-label{font-size:13px;color:#374151}
.sx-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:12px;background:#ffffff}
.sx-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:#111827;color:#ffffff;text-decoration:none;border:0;cursor:pointer}
.sx-btn--ghost{background:#ffffff;color:#111827;border:1px solid #d1d5db}
.sx-check{font-size:13px;color:#374151}
.sx-alert{border-radius:12px;padding:10px 12px;margin:12px 0}
.sx-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.sx-alert--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.sx-alert--ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}
.sx-chip{padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid #e5e7eb;background:#ffffff;color:#111827}
.sx-chip--ok{background:#ecfdf5}
.sx-chip--warn{background:#fffbeb}
.sx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sx-price{font-size:18px;font-weight:700;margin:10px 0}