.sp{--border: #e3e3e3;--border-strong: #cdcdcd;--text: #303030;--text-sub: #616161;--text-dis: #8a8a8a;--critical-bg: #ffefef;--critical-tx: #8e1f0b;--critical-bd: #ffd7d7;--warn-bg: #fff2e2;--warn-tx: #5e4200;--warn-bd: #ffdfb3;--info-bg: #eef1ff;--info-tx: #2b3a8f;--info-bd: #dbe0ff;--ok-bg: #e6f6ec;--ok-tx: #0c5132;--ok-bd: #cdf0da;--radius: 12px;--radius-sm: 8px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--text);font-size:14px;line-height:1.45}.sp *{box-sizing:border-box}.sp a{color:#0a5ad6;text-decoration:none}.sp a:hover{text-decoration:underline}.sp .spacer{flex:1}.sp .card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px #0000000d;margin-bottom:16px;overflow:hidden}.sp .card-pad{padding:16px}.sp .card-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp .card-head h2{font-size:15px;font-weight:650;margin:0}.sp .card-head .spacer{flex:1}.sp .card-foot{padding:11px 16px;border-top:1px solid var(--border);background:#fafafa;color:var(--text-sub);font-size:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp .btn{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 12px;font-weight:600;cursor:pointer;color:var(--text);box-shadow:0 1px #0000000a;white-space:nowrap;font-family:inherit;font-size:inherit}.sp .btn:hover{background:#f7f7f7}.sp .btn.primary{background:var(--text);border-color:var(--text);color:#fff}.sp .btn.primary:hover{background:#1f1f1f}.sp .btn:disabled{opacity:.5;cursor:not-allowed}.sp .btn.sm{padding:3px 9px;font-size:13px}.sp .badge{display:inline-flex;align-items:center;gap:5px;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:650;border:1px solid transparent;white-space:nowrap}.sp .b-crit{background:var(--critical-bg);color:var(--critical-tx);border-color:var(--critical-bd)}.sp .b-warn{background:var(--warn-bg);color:var(--warn-tx);border-color:var(--warn-bd)}.sp .b-info{background:var(--info-bg);color:var(--info-tx);border-color:var(--info-bd)}.sp .b-ok{background:var(--ok-bg);color:var(--ok-tx);border-color:var(--ok-bd)}.sp .b-neutral{background:#f1f1f1;color:var(--text-sub);border-color:var(--border)}.sp .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.sp .banner{border:1px solid var(--info-bd);background:var(--info-bg);color:var(--info-tx);border-radius:var(--radius);padding:13px 15px;display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.sp .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.sp table{width:100%;border-collapse:collapse}.sp .table-scroll table{min-width:460px}.sp th{text-align:left;font-size:12px;font-weight:650;color:var(--text-sub);padding:9px 16px;border-bottom:1px solid var(--border);background:#fafafa;white-space:nowrap}.sp td{padding:11px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.sp tr:last-child td{border-bottom:0}.sp tbody tr:hover{background:#fbfbfb}.sp .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sp th.num{text-align:right}.sp .prodname{font-weight:600;color:#0a5ad6}.sp .sku{font-family:var(--mono);font-size:11.5px;color:var(--text-dis);margin-top:1px}.sp .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media(max-width:820px){.sp .stats{grid-template-columns:1fr}}.sp .stat{background:#fff;border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);padding:14px 15px;box-shadow:0 1px #0000000d;text-align:left;width:100%;font-family:inherit}.sp .stat.crit{border-left-color:#c93a1f}.sp .stat.warn{border-left-color:#e0a11a}.sp .stat.info{border-left-color:#6a7bd4}.sp .stat .lbl{font-size:12.5px;color:var(--text-sub);font-weight:600;display:flex;align-items:center;gap:6px}.sp .stat .big{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:6px 0 1px;font-variant-numeric:tabular-nums}.sp .stat .money{font-size:13px;font-weight:600}.sp .money-crit{color:#8e1f0b}.sp .money-warn{color:#5e4200}.sp .money-info{color:#2b3a8f}.sp .empty{padding:34px 16px;text-align:center;color:var(--text-sub)}.sp .empty .mark{font-size:22px;margin-bottom:6px}.sp .empty h3{margin:0 0 4px;font-size:15px;color:var(--text)}.sp .sentence{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:15px 16px;border-bottom:1px solid #f0f0f0;line-height:2.1}.sp .sentence:last-child{border-bottom:0}.sp .sentence .hint{flex-basis:100%;color:var(--text-sub);font-size:12.5px;margin-top:-4px;line-height:1.4}.sp input[type=text],.sp input[type=email],.sp input[type=number],.sp select{font-family:inherit;font-size:14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:5px 9px;background:#fff;color:var(--text)}.sp input[type=number]{width:74px;text-align:center;font-variant-numeric:tabular-nums}.sp input[type=email],.sp input[type=text]{min-width:230px}.sp .suggest-wrap{position:relative}.sp .suggest-list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:20;background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000014;max-height:260px;overflow-y:auto;padding:4px}.sp .suggest-item{display:block;width:100%;text-align:left;padding:7px 9px;border:none;background:transparent;border-radius:6px;font-size:13.5px;color:var(--text);cursor:pointer}.sp .suggest-item:hover,.sp .suggest-item.active{background:#f1f1f1}.sp .suggest-item b{font-weight:700}.sp .savebar{position:sticky;bottom:0;background:#1a1a1a;color:#fff;border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:12px;margin-top:16px;box-shadow:0 6px 18px #0000002e}.sp .savebar .spacer{flex:1}.sp .savebar .btn{background:#3d3d3d;border-color:#5c5c5c;color:#fff}.sp .savebar .btn.primary{background:#fff;border-color:#fff;color:#1a1a1a}.sp .switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.sp .track{width:38px;height:22px;border-radius:11px;background:#b5b5b5;position:relative;transition:background .15s}.sp .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #00000040}.sp .switch[aria-checked=true] .track{background:#2c6e49}.sp .switch[aria-checked=true] .track:after{transform:translate(16px)}.sp .mailframe{background:#e8e8e8;padding:22px;display:flex;justify-content:center}.sp .mail{width:100%;max-width:600px;background:#fff;border-radius:10px;overflow:hidden;border:1px solid #d9d9d9;font-family:Arial,Helvetica,sans-serif}.sp .mail .mhead{background:#1f4d3a;color:#fff;padding:18px 22px}.sp .mail .mhead h1{margin:0;font-size:17px;font-weight:700}.sp .mail .mhead p{margin:3px 0 0;font-size:12.5px;color:#b9d6c6}.sp .mail .msec{padding:16px 22px 4px}.sp .mail h2{font-size:14px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.sp .mail table{border-collapse:collapse;width:100%;font-size:13px}.sp .mail td{padding:7px 0;border-bottom:1px solid #eee}.sp .mail .mfoot{padding:16px 22px 20px;color:#767676;font-size:11.5px;border-top:1px solid #eee;margin-top:14px}.sp .helpnote{background:#fafafa;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:11px 13px;color:var(--text-sub);font-size:13px}@media(max-width:820px){.sp table th,.sp table td{padding:9px 12px}}@media(max-width:600px){.sp{font-size:13.5px}.sp table th,.sp table td{padding:8px 10px}.sp input[type=text],.sp input[type=email]{min-width:0;width:100%;font-size:16px}.sp .suggest-wrap{flex:1 1 100%}.sp .card-head{gap:8px}}@media(prefers-reduced-motion:reduce){.sp *{transition:none!important;animation:none!important}}
