:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--color-primary: #0f766e;--color-primary-hover: #115e59;--color-primary-light: #f0fdfa;--color-primary-border: #99f6e4;--color-canvas: #f8fafc;--color-surface: #ffffff;--color-surface-subtle: #f8fafc;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-text-title: #0f172a;--color-text-body: #334155;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-emerald: #10b981;--color-emerald-bg: #ecfdf5;--color-emerald-border: #a7f3d0;--color-indigo: #6366f1;--color-indigo-bg: #eef2ff;--color-indigo-border: #c7d2fe;--color-amber: #f59e0b;--color-amber-bg: #fffbeb;--color-amber-border: #fde68a;--color-rose: #ef4444;--color-rose-bg: #fef2f2;--color-rose-border: #fecaca;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04)}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text-body);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,select,textarea{font-family:inherit}.sa-app{max-width:1040px;margin:0 auto;padding:20px 24px 48px;background-color:var(--color-canvas)}.sa-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.sa-header-left{display:flex;align-items:center;gap:14px}.sa-logo-badge{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;font-size:20px;box-shadow:0 2px 8px #0f766e40}.sa-title-row{display:flex;align-items:center;gap:10px}.sa-title{margin:0;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--color-text-title)}.sa-store-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:9999px;background:var(--color-emerald-bg);color:#065f46;border:1px solid var(--color-emerald-border)}.sa-header-sub{margin:2px 0 0;font-size:12px;color:var(--color-text-muted)}.sa-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;background-color:#f1f5f9;border:1px solid var(--color-border);border-radius:12px;margin-bottom:22px}.sa-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.sa-tab-icon{font-size:14px}.sa-tab:hover{color:var(--color-text-title);background:#fff9}.sa-tab--active{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.sa-subtabs{display:flex;gap:8px;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.sa-subtab{border:none;background:none;padding:6px 14px;border-radius:8px;cursor:pointer;color:var(--color-text-muted);font-size:13px;font-weight:600;transition:all .15s ease}.sa-subtab:hover{color:var(--color-text-title);background-color:#f1f5f9}.sa-subtab--active{color:var(--color-primary);background-color:var(--color-primary-light);font-weight:700}.sa-panel{background:transparent}.sa-grid{display:grid;gap:18px}.sa-grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.sa-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.sa-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.sa-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sa-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sa-card-sub{margin:0 0 14px;font-size:13px;color:var(--color-text-muted)}.sa-card-footer{margin-top:18px;padding-top:14px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:flex-end}.sa-h2{margin:0 0 18px;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-text-title)}.sa-h3{margin:0 0 10px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-text-title)}.sa-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 8px;border-radius:9999px;letter-spacing:.02em}.sa-badge--teal{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-border)}.sa-badge--slate{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.sa-badge--warning{background-color:var(--color-amber-bg);color:#92400e;border:1px solid var(--color-amber-border)}.sa-badge--danger{background-color:var(--color-rose-bg);color:#b91c1c;border:1px solid var(--color-rose-border)}.sa-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sa-dot--emerald{background-color:var(--color-emerald);box-shadow:0 0 6px #10b98180}.sa-dot--teal{background-color:var(--color-primary)}.sa-dot--indigo{background-color:var(--color-indigo)}.sa-dot--amber{background-color:var(--color-amber)}.sa-dot--muted{background-color:#cbd5e1}.sa-stat-row{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.sa-stat{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--color-text-title);letter-spacing:-.02em;font-feature-settings:"tnum" 1,"cv05" 1}.sa-stat-limit{font-size:14px;font-weight:500;color:var(--color-text-muted)}.sa-stat-note{font-size:12px;color:var(--color-text-muted)}.sa-meter{height:9px;background:#e2e8f0;border-radius:9999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.sa-meter__fill{height:100%;background:linear-gradient(90deg,#0f766e,#10b981);border-radius:9999px;transition:width .4s ease}.sa-meter__fill--warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.sa-meter-help{margin:8px 0 0;font-size:11px;color:var(--color-text-subtle)}.sa-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:4px}.sa-stat-tile{background-color:#f8fafc;border:1px solid var(--color-border);border-radius:10px;padding:12px 14px}.sa-stat-tile--warning{background-color:var(--color-amber-bg);border-color:var(--color-amber-border)}.sa-stat-tile-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--color-text-muted);margin-bottom:4px}.sa-stat-tile-val{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-text-title);font-feature-settings:"tnum" 1,"cv05" 1}.sa-chips{display:flex;flex-wrap:wrap;gap:8px}.sa-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:9999px;border:1px solid transparent;transition:all .15s ease}.sa-chip--on{background:var(--color-emerald-bg);color:#065f46;border-color:var(--color-emerald-border)}.sa-chip--off{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.sa-callout{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid var(--color-emerald-border);border-radius:12px;padding:16px 18px;margin-bottom:22px;box-shadow:var(--shadow-xs)}.sa-callout-icon{font-size:22px;line-height:1}.sa-callout-body{flex:1}.sa-callout-title{margin:0 0 4px;font-size:14px;font-weight:700;color:#065f46}.sa-callout-text{margin:0;font-size:13px;color:#047857;line-height:1.45}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;line-height:1.4}.sa-btn:active{transform:scale(.98)}.sa-btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 2px #0f766e33}.sa-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.sa-btn--secondary{background:var(--color-surface);border-color:#cbd5e1;color:#334155;box-shadow:var(--shadow-xs)}.sa-btn--secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.sa-btn--danger{background:var(--color-rose-bg);border-color:var(--color-rose-border);color:var(--color-rose)}.sa-btn--danger:hover{background:#fee2e2;border-color:#fca5a5}.sa-btn--link{background:none;border:none;color:var(--color-primary);font-weight:600;padding:0;cursor:pointer}.sa-btn--link:hover{color:var(--color-primary-hover);text-decoration:underline}.sa-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.sa-form{display:flex;flex-direction:column;gap:20px}.sa-fieldset{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px 20px;margin:0;box-shadow:var(--shadow-xs)}.sa-fieldset legend{padding:0 8px;font-size:13px;font-weight:700;color:var(--color-text-title);letter-spacing:-.01em}.sa-check-row{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:13px;font-weight:500;cursor:pointer}.sa-check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.sa-field{display:flex;flex-direction:column;gap:6px;margin-top:14px;max-width:320px}.sa-field span{font-size:12px;font-weight:600;color:var(--color-text-body)}.sa-field input,.sa-field select,.sa-field textarea,.sa-toolbar input,.sa-toolbar select{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:13px;color:var(--color-text-title);background-color:var(--color-surface);outline:none;transition:all .15s ease}.sa-field input:focus,.sa-field select:focus,.sa-field textarea:focus,.sa-toolbar input:focus,.sa-toolbar select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e26}.sa-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sa-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.sa-table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-xs)}.sa-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.sa-table th{background-color:#f8fafc;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.sa-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:var(--color-text-title)}.sa-table tbody tr:last-child td{border-bottom:none}.sa-table tbody tr:hover{background-color:#f8fafc}.sa-cell-title{font-weight:600;color:var(--color-text-title)}.sa-cell-sub{font-size:11px;color:var(--color-text-muted)}.sa-toast{position:sticky;top:10px;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin-bottom:16px;border-radius:10px;box-shadow:var(--shadow-md);font-size:13px;font-weight:600}.sa-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #6ee7b7}.sa-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.sa-toast__close{border:none;background:none;font-size:16px;cursor:pointer;color:inherit;line-height:1}.sa-mt{margin-top:18px}.sa-mt-sm{margin-top:10px}.sa-mb{margin-bottom:14px}.sa-text-error{color:#b91c1c}.sa-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:12px 16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;font-size:13px}.sa-pagination-info{font-weight:500;color:var(--color-text-muted)}.sa-pagination-controls{display:flex;align-items:center;gap:8px}.sa-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px 16px;z-index:9999;animation:saFadeIn .15s ease-out}.sa-modal{background:var(--color-surface);border-radius:16px;width:100%;max-width:540px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0f172a33,0 8px 10px -6px #0f172a1f;border:1px solid var(--color-border);padding:26px 28px;display:flex;flex-direction:column;gap:20px;animation:saScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes saFadeIn{0%{opacity:0}to{opacity:1}}@keyframes saScaleIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.sa-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #f1f5f9;padding-bottom:14px}.sa-modal-title{margin:0;font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text-title);letter-spacing:-.01em}.sa-modal-sub{margin:4px 0 0;font-size:12px;color:var(--color-text-muted)}.sa-modal-close{background:transparent;border:none;font-size:18px;cursor:pointer;color:#94a3b8;padding:4px 8px;border-radius:6px;line-height:1;transition:all .15s ease}.sa-modal-close:hover{background-color:#f1f5f9;color:#334155}.sa-modal-card{background-color:#f8fafc;border:1px solid var(--color-border);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.sa-modal-card-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.sa-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid #f1f5f9;margin-top:4px}