@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap";:root{--sa-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sa-text: #0f172a;--sa-text-secondary: #475569;--sa-text-muted: #94a3b8;--sa-bg: #f8fafc;--sa-surface: #ffffff;--sa-surface-hover: #f1f5f9;--sa-border: #e2e8f0;--sa-border-strong: #cbd5e1;--sa-primary: #0f172a;--sa-primary-hover: #1e293b;--sa-accent: #2563eb;--sa-accent-soft: #eff6ff;--sa-success: #059669;--sa-success-bg: #ecfdf5;--sa-warning: #d97706;--sa-warning-bg: #fffbeb;--sa-danger: #dc2626;--sa-danger-bg: #fef2f2;--sa-radius: 12px;--sa-radius-sm: 8px;--sa-radius-lg: 16px;--sa-shadow: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--sa-shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -2px rgba(0,0,0,.05)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;font-family:var(--sa-font);font-size:14px;line-height:1.5;color:var(--sa-text);background:var(--sa-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}.sa-shell{display:flex;min-height:100vh}.sa-sidebar{position:sticky;top:0;align-self:flex-start;width:240px;height:100vh;padding:20px 12px;border-right:1px solid var(--sa-border);background:var(--sa-surface);display:flex;flex-direction:column;overflow-y:auto}.sa-brand{padding:8px 12px 20px}.sa-brand-title{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--sa-text)}.sa-brand-subtitle{margin:2px 0 0;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--sa-text-muted)}.sa-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sa-nav a{display:flex;align-items:center;height:36px;padding:0 12px;border-radius:var(--sa-radius-sm);color:var(--sa-text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:background .12s,color .12s}.sa-nav a:hover{background:var(--sa-surface-hover);color:var(--sa-text)}.sa-nav a.active{background:var(--sa-accent-soft);color:var(--sa-accent);font-weight:600}.sa-sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--sa-border)}.sa-user-chip{padding:8px 12px;margin-bottom:8px}.sa-user-chip-email{display:block;font-size:12px;font-weight:600;color:var(--sa-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-user-chip-name{display:block;font-size:11px;color:var(--sa-text-muted);margin-top:1px}.sa-sidebar-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.sa-main{flex:1;min-width:0;padding:32px;max-width:1200px}.sa-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.sa-page-header h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--sa-text)}.sa-page-header p{margin:4px 0 0;font-size:13px;color:var(--sa-text-secondary);max-width:56ch}.sa-grid{display:grid;gap:16px}.sa-grid-2{grid-template-columns:repeat(2,1fr)}.sa-grid-3{grid-template-columns:repeat(3,1fr)}.sa-card{padding:20px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);background:var(--sa-surface);box-shadow:var(--sa-shadow)}.sa-stat-card{display:flex;flex-direction:column;gap:4px}.sa-stat-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sa-text-muted)}.sa-stat-value{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--sa-text);line-height:1.1}.sa-stat-meta{font-size:12px;color:var(--sa-text-secondary);margin-top:2px}.sa-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.sa-kicker{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sa-accent);margin-bottom:4px}.sa-section-title{margin:0;font-size:15px;font-weight:700;color:var(--sa-text)}.sa-section-copy{margin:4px 0 0;font-size:13px;color:var(--sa-text-secondary);line-height:1.5}.sa-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:var(--sa-surface);color:var(--sa-text);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s,transform 80ms}.sa-btn:hover{background:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.sa-btn:active{transform:scale(.97)}.sa-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sa-btn-sm{height:30px;padding:0 10px;font-size:12px}.sa-btn-primary{background:var(--sa-primary);border-color:var(--sa-primary);color:#fff}.sa-btn-primary:hover{background:var(--sa-primary-hover);border-color:var(--sa-primary-hover)}.sa-btn-accent{background:var(--sa-accent-soft);border-color:transparent;color:var(--sa-accent)}.sa-btn-accent:hover{background:#dbeafe}.sa-btn-ghost{background:transparent;border-color:transparent;color:var(--sa-text-secondary)}.sa-btn-ghost:hover{background:var(--sa-surface-hover);color:var(--sa-text)}.sa-inline-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.sa-input,.sa-select{width:100%;height:36px;padding:0 12px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:var(--sa-surface);color:var(--sa-text);font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s}.sa-textarea{width:100%;min-height:110px;padding:10px 12px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:var(--sa-surface);color:var(--sa-text);font-size:13px;line-height:1.5;outline:none;resize:vertical;transition:border-color .12s,box-shadow .12s}.sa-textarea:focus{border-color:var(--sa-accent);box-shadow:0 0 0 3px #2563eb14}.sa-input::placeholder{color:var(--sa-text-muted)}.sa-input:focus{border-color:var(--sa-accent);box-shadow:0 0 0 3px #2563eb14}.sa-field{display:grid;gap:6px}.sa-field-label{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--sa-text-muted)}.sa-table-wrap{overflow-x:auto;border-radius:var(--sa-radius)}.sa-table-note{font-size:12px;color:var(--sa-text-muted);white-space:nowrap}.sa-table{width:100%;border-collapse:collapse}.sa-table th,.sa-table td{padding:10px 12px;text-align:left;font-size:13px;border-bottom:1px solid var(--sa-border);vertical-align:middle}.sa-table th{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--sa-text-muted);background:var(--sa-bg);position:sticky;top:0;z-index:1}.sa-table tbody tr:hover td{background:var(--sa-surface-hover)}.sa-status-pill{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--sa-surface-hover);color:var(--sa-text-secondary)}.sa-status-good{background:var(--sa-success-bg);color:var(--sa-success)}.sa-status-warn{background:var(--sa-warning-bg);color:var(--sa-warning)}.sa-status-danger{background:var(--sa-danger-bg);color:var(--sa-danger)}.sa-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--sa-surface-hover);color:var(--sa-text-secondary)}.sa-badge-accent{background:var(--sa-accent-soft);color:var(--sa-accent)}.sa-tabs{display:flex;gap:4px;overflow-x:auto}.sa-tab{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:var(--sa-surface);color:var(--sa-text-secondary);cursor:pointer;font-weight:500;white-space:nowrap;position:relative;transition:background .12s,border-color .12s}.sa-tab:hover{background:var(--sa-surface-hover)}.sa-tab.active{background:var(--sa-accent-soft);border-color:#2563eb33;color:var(--sa-accent);font-weight:600}.sa-tab span{font-size:13px}.sa-tab small{font-size:11px;color:var(--sa-text-muted);font-weight:400}.sa-tab em{position:absolute;top:6px;right:6px;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;border-radius:999px;background:var(--sa-border);color:var(--sa-text-secondary);font-style:normal;font-size:10px;font-weight:700}.sa-summary-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-surface);text-align:left;cursor:pointer;transition:border-color .12s,box-shadow .12s}.sa-summary-card:hover{border-color:var(--sa-border-strong);box-shadow:var(--sa-shadow-md)}.sa-summary-card strong{font-size:16px;color:var(--sa-text)}.sa-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sa-action-tile{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-surface);text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.sa-action-tile:hover{background:var(--sa-surface-hover);border-color:var(--sa-border-strong)}.sa-action-tile strong{font-size:13px;font-weight:600;color:var(--sa-text)}.sa-action-tile span{font-size:12px;color:var(--sa-text-secondary);line-height:1.4}.sa-blog-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.sa-blog-sidebar{position:sticky;top:16px}.sa-blog-list{display:grid;gap:10px}.sa-blog-list-card{width:100%;display:grid;gap:8px;padding:14px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-surface);cursor:pointer;text-align:left;transition:border-color .12s,box-shadow .12s,background .12s}.sa-blog-list-card:hover{border-color:var(--sa-border-strong);box-shadow:var(--sa-shadow-md)}.sa-blog-list-card.is-selected{border-color:#2563eb42;background:var(--sa-accent-soft)}.sa-blog-list-card strong{display:block;font-size:13px;color:var(--sa-text)}.sa-blog-list-card p,.sa-blog-list-card small{margin:0;color:var(--sa-text-secondary);font-size:12px}.sa-blog-empty{display:grid;gap:6px;padding:18px;border:1px dashed var(--sa-border-strong);border-radius:var(--sa-radius);color:var(--sa-text-secondary)}.sa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sa-span-full{grid-column:1 / -1}.sa-subcard{padding:14px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-bg)}.sa-grid-4{grid-template-columns:repeat(4,1fr)}.sa-blog-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sa-blog-overview-card{display:grid;gap:12px;padding:16px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-surface)}.sa-blog-title{margin:0;font-size:16px;font-weight:700;color:var(--sa-text);letter-spacing:-.02em}.sa-blog-meta,.sa-blog-excerpt,.sa-blog-date-group span{margin:0;font-size:12px;color:var(--sa-text-secondary);line-height:1.5}.sa-blog-excerpt{font-size:13px}.sa-blog-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.sa-blog-date-group{display:grid;gap:4px}.sa-blog-slug{color:var(--sa-text-muted);font-family:SF Mono,Fira Code,monospace}.sa-form-grid-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sa-section-add-row{display:flex;justify-content:flex-start}@media(max-width:1100px){.sa-blog-shell{grid-template-columns:1fr}.sa-blog-sidebar{position:static}}@media(max-width:760px){.sa-form-grid,.sa-grid-2,.sa-grid-4,.sa-blog-overview-grid,.sa-form-grid-editor{grid-template-columns:1fr}.sa-blog-footer{flex-direction:column;align-items:flex-start}}.sa-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sa-feature-group{padding:14px;border:1px solid var(--sa-border);border-radius:var(--sa-radius);background:var(--sa-bg)}.sa-feature-group.is-on{border-color:#05966933;background:#f0fdf4}.sa-feature-group.is-off{background:var(--sa-bg)}.sa-feature-group h3{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--sa-text)}.sa-override-field{margin-top:8px}.sa-command-card{position:sticky;top:16px;z-index:5}.sa-command-card-dirty{border-color:#2563eb4d;box-shadow:0 4px 12px #2563eb14}.sa-quick-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:var(--sa-bg)}.sa-change-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.sa-route-list{display:flex;flex-wrap:wrap;gap:4px}.sa-route-list span{padding:2px 6px;border-radius:4px;background:var(--sa-surface);border:1px solid var(--sa-border);font-size:11px;color:var(--sa-text-muted)}.sa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,240px)) auto;align-items:end;gap:12px}.sa-info-strip{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding:10px 12px;border-radius:var(--sa-radius-sm);background:var(--sa-bg);font-size:12px;color:var(--sa-text-secondary)}.sa-field-value{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);background:var(--sa-bg)}.sa-field-value span{font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--sa-text-muted)}.sa-field-value strong{font-size:13px;color:var(--sa-text);overflow-wrap:anywhere}.sa-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.sa-toolbar-group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.sa-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sa-muted{color:var(--sa-text-muted);font-size:12px}.sa-muted-block{color:var(--sa-text-secondary);font-size:13px;line-height:1.5}.sa-link{color:var(--sa-accent);text-decoration:none;font-weight:600}.sa-link:hover{text-decoration:underline}.sa-warning{margin:8px 0 0;padding:8px 12px;border:1px solid rgba(220,38,38,.15);border-radius:var(--sa-radius-sm);background:var(--sa-danger-bg);color:var(--sa-danger);font-size:12px;line-height:1.5}.sa-pre{max-width:400px;margin:0;white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--sa-text-muted);font-family:SF Mono,Fira Code,monospace}.sa-error{padding:10px 12px;border:1px solid rgba(220,38,38,.2);border-radius:var(--sa-radius-sm);background:var(--sa-danger-bg);color:var(--sa-danger);font-size:13px}.sa-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;padding:24px;border:1px dashed var(--sa-border-strong);border-radius:var(--sa-radius);background:var(--sa-bg);text-align:center}.sa-empty-state h3{margin:0;font-size:14px;font-weight:600;color:var(--sa-text)}.sa-empty-state p{margin:0;font-size:13px;color:var(--sa-text-secondary);max-width:44ch}.sa-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--sa-bg)}.sa-login-card{width:min(400px,100%);padding:32px;border:1px solid var(--sa-border);border-radius:var(--sa-radius-lg);background:var(--sa-surface);box-shadow:var(--sa-shadow-md)}.sa-login-eyebrow{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--sa-accent-soft);color:var(--sa-accent);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sa-login-title{margin:16px 0 6px;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--sa-text)}.sa-login-copy{margin:0 0 20px;font-size:13px;color:var(--sa-text-secondary);line-height:1.6}.sa-loading-card{display:grid;gap:10px}.sa-loading-card-compact{gap:8px}.sa-loading-row{display:grid;gap:6px}.sa-loading-block{position:relative;overflow:hidden;border-radius:var(--sa-radius-sm);background:var(--sa-surface-hover)}.sa-loading-block:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:sa-shimmer 1.4s ease-in-out infinite}.sa-loading-title{width:min(180px,40%);height:16px}.sa-loading-copy{width:min(320px,65%);height:12px}.sa-loading-copy-short{width:min(240px,50%)}.sa-loading-line{width:100%;height:36px;border-radius:var(--sa-radius-sm)}.sa-loading-line-short{width:70%}@keyframes sa-shimmer{to{transform:translate(100%)}}.sa-toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.sa-toast{pointer-events:auto;padding:14px 20px;border-radius:var(--sa-radius-sm);font-size:14px;font-weight:500;box-shadow:var(--sa-shadow-md);animation:sa-toast-in .2s ease-out;max-width:420px;min-width:280px}.sa-toast-success{background:var(--sa-success-bg);color:var(--sa-success);border:1px solid rgba(5,150,105,.2)}.sa-toast-error{background:var(--sa-danger-bg);color:var(--sa-danger);border:1px solid rgba(220,38,38,.2)}.sa-toast-info{background:var(--sa-accent-soft);color:var(--sa-accent);border:1px solid rgba(37,99,235,.2)}@keyframes sa-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.sa-shell{flex-direction:column}.sa-sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--sa-border)}.sa-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.sa-sidebar-footer{margin-top:12px;padding-top:12px}.sa-main{padding:20px}}@media(max-width:768px){.sa-grid-2,.sa-grid-3,.sa-grid-4,.sa-blog-overview-grid,.sa-feature-grid,.sa-action-grid{grid-template-columns:1fr}.sa-tabs{flex-wrap:wrap}.sa-form-grid,.sa-form-grid-editor{grid-template-columns:1fr}.sa-page-header{flex-direction:column}.sa-main{padding:16px}}.rich-editor-content{min-height:400px;padding:16px 20px;outline:none;font-size:14px;line-height:1.7;color:var(--sa-text)}.rich-editor-content p{margin:0 0 12px}.rich-editor-content p:last-child{margin-bottom:0}.rich-editor-content h2{font-size:20px;font-weight:700;margin:24px 0 10px;color:var(--sa-text)}.rich-editor-content h3{font-size:16px;font-weight:600;margin:20px 0 8px;color:var(--sa-text)}.rich-editor-content ul,.rich-editor-content ol{padding-left:22px;margin:0 0 12px}.rich-editor-content li{margin-bottom:4px}.rich-editor-content blockquote{border-left:3px solid var(--sa-border-strong);padding-left:14px;margin:16px 0;color:var(--sa-text-secondary);font-style:italic}.rich-editor-content a{color:#2563eb;text-decoration:underline}.rich-editor-content strong{font-weight:700}.rich-editor-content em{font-style:italic}.rich-editor-content u{text-decoration:underline}.rich-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--sa-text-muted);pointer-events:none;height:0}@keyframes sa-pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}