.sf-btn{justify-content:center;align-items:center;gap:var(--sf-space-2);border-radius:var(--sf-radius-md);font-weight:600;font-size:var(--sf-fs-sm);cursor:pointer;transition:background var(--sf-transition), border-color var(--sf-transition), color var(--sf-transition), transform var(--sf-transition);white-space:nowrap;border:1px solid #0000;padding:.625rem 1.1rem;line-height:1.2;display:inline-flex}.sf-btn:active{transform:translateY(1px)}.sf-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.sf-btn-sm{font-size:var(--sf-fs-xs);padding:.4rem .75rem}.sf-btn-lg{font-size:var(--sf-fs-md);border-radius:var(--sf-radius-lg);padding:.85rem 1.5rem}.sf-btn-block{width:100%}.sf-btn-primary{background:var(--sf-brand-500);color:#fff}.sf-btn-primary:hover:not(:disabled){background:var(--sf-brand-600)}.sf-btn-secondary{background:var(--sf-gray-0);color:var(--sf-gray-800);border-color:var(--sf-border)}.sf-btn-secondary:hover:not(:disabled){background:var(--sf-gray-100)}.sf-btn-ghost{color:var(--sf-gray-700);background:0 0}.sf-btn-ghost:hover:not(:disabled){background:var(--sf-gray-100)}.sf-btn-danger{background:var(--sf-danger-500);color:#fff}.sf-btn-danger:hover:not(:disabled){background:#c53c3c}.sf-btn-icon{border-radius:var(--sf-radius-md);padding:.5rem}.sf-card{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg);box-shadow:var(--sf-shadow-sm)}.sf-card-pad{padding:var(--sf-space-5)}.sf-card-header{padding:var(--sf-space-4) var(--sf-space-5);border-bottom:1px solid var(--sf-border);justify-content:space-between;align-items:center;display:flex}.sf-card-title{font-size:var(--sf-fs-md);font-weight:700}.sf-card-body{padding:var(--sf-space-5)}.sf-badge{border-radius:var(--sf-radius-pill);font-size:var(--sf-fs-xs);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:.25rem .65rem;font-weight:700;display:inline-flex}.sf-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.sf-badge-success{background:var(--sf-success-100);color:var(--sf-success-500)}.sf-badge-warning{background:var(--sf-warning-100);color:var(--sf-warning-500)}.sf-badge-danger{background:var(--sf-danger-100);color:var(--sf-danger-500)}.sf-badge-info{background:var(--sf-info-100);color:var(--sf-info-500)}.sf-badge-accent{color:var(--sf-accent-600);background:#e6f9f6}.sf-badge-neutral{background:var(--sf-neutral-100);color:var(--sf-gray-600)}.sf-field{margin-bottom:var(--sf-space-4);flex-direction:column;gap:6px;display:flex}.sf-label{font-size:var(--sf-fs-sm);color:var(--sf-gray-800);font-weight:600}.sf-label-req:after{content:" *";color:var(--sf-danger-500)}.sf-hint{font-size:var(--sf-fs-xs);color:var(--sf-text-muted)}.sf-error-text{font-size:var(--sf-fs-xs);color:var(--sf-danger-500);font-weight:600}.sf-input,.sf-select,.sf-textarea{border:1px solid var(--sf-border);border-radius:var(--sf-radius-md);background:var(--sf-gray-0);width:100%;color:var(--sf-text);font-size:var(--sf-fs-base);transition:border-color var(--sf-transition), box-shadow var(--sf-transition);padding:.625rem .8rem}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{border-color:var(--sf-brand-400);box-shadow:0 0 0 3px var(--sf-brand-100);outline:none}.sf-input-error,.sf-select-error,.sf-textarea-error{border-color:var(--sf-danger-500)}.sf-textarea{resize:vertical;min-height:90px}.sf-checkbox-row{font-size:var(--sf-fs-sm);align-items:center;gap:8px;display:flex}.sf-empty{text-align:center;align-items:center;gap:var(--sf-space-3);padding:var(--sf-space-8) var(--sf-space-5);color:var(--sf-text-muted);flex-direction:column;display:flex}.sf-empty-icon{color:var(--sf-gray-400)}.sf-empty-title{color:var(--sf-gray-800);font-weight:700;font-size:var(--sf-fs-md)}.sf-skel{background:linear-gradient(90deg, var(--sf-gray-100) 25%, var(--sf-gray-200) 37%, var(--sf-gray-100) 63%);border-radius:var(--sf-radius-sm);background-size:400% 100%;animation:1.4s infinite sf-shimmer}@keyframes sf-shimmer{0%{background-position:100%}to{background-position:0}}.sf-toast-viewport{bottom:var(--sf-space-5);right:var(--sf-space-5);z-index:1000;gap:var(--sf-space-2);flex-direction:column;width:min(360px,100vw - 2rem);display:flex;position:fixed}@media (width<=640px){.sf-toast-viewport{right:var(--sf-space-4);left:var(--sf-space-4);width:auto;bottom:calc(var(--sf-bottom-nav-h) + var(--sf-space-4))}}.sf-toast{align-items:flex-start;gap:var(--sf-space-2);background:var(--sf-gray-900);color:#fff;border-radius:var(--sf-radius-md);padding:var(--sf-space-3) var(--sf-space-4);box-shadow:var(--sf-shadow-lg);font-size:var(--sf-fs-sm);animation:.18s sf-toast-in;display:flex}@keyframes sf-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sf-toast-success{background:var(--sf-success-500)}.sf-toast-error{background:var(--sf-danger-500)}.sf-toast-warning{background:var(--sf-warning-500)}.sf-toast-info{background:var(--sf-gray-900)}.sf-toast-close{color:inherit;opacity:.8;cursor:pointer;background:0 0;border:none;margin-left:auto}.sf-modal-overlay{padding:var(--sf-space-4);z-index:900;background:#0f122180;justify-content:center;align-items:center;animation:.15s sf-fade-in;display:flex;position:fixed;inset:0}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}.sf-modal{background:var(--sf-surface);border-radius:var(--sf-radius-lg);width:min(480px,100%);max-height:88vh;box-shadow:var(--sf-shadow-lg);overflow-y:auto}.sf-modal-wide{width:min(720px,100%)}.sf-modal-header{padding:var(--sf-space-5);border-bottom:1px solid var(--sf-border);background:var(--sf-surface);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sf-modal-title{font-size:var(--sf-fs-lg)}.sf-modal-body{padding:var(--sf-space-5)}.sf-modal-footer{justify-content:flex-end;gap:var(--sf-space-2);padding:var(--sf-space-4) var(--sf-space-5);border-top:1px solid var(--sf-border);display:flex}@media (width<=640px){.sf-modal-overlay{align-items:flex-end;padding:0}.sf-modal{border-radius:var(--sf-radius-lg) var(--sf-radius-lg) 0 0;width:100%;max-height:92vh}}.sf-table-wrap{overflow-x:auto}.sf-table{border-collapse:collapse;width:100%;font-size:var(--sf-fs-sm)}.sf-table th{text-align:left;padding:var(--sf-space-3) var(--sf-space-4);color:var(--sf-text-muted);font-weight:600;font-size:var(--sf-fs-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--sf-border);white-space:nowrap}.sf-table td{padding:var(--sf-space-3) var(--sf-space-4);border-bottom:1px solid var(--sf-border);vertical-align:middle}.sf-table tr:last-child td{border-bottom:none}.sf-table tr:hover td{background:var(--sf-gray-50)}.sf-card-list{gap:var(--sf-space-3);flex-direction:column;display:flex}.sf-row-card{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:var(--sf-radius-md);padding:var(--sf-space-4);gap:var(--sf-space-2);flex-direction:column;display:flex}.sf-row-card-top{justify-content:space-between;align-items:center;gap:var(--sf-space-2);display:flex}.sf-row-card-title{font-weight:700}.sf-row-card-meta{font-size:var(--sf-fs-xs);color:var(--sf-text-muted);flex-wrap:wrap;gap:4px 12px;display:flex}.sf-pagination{justify-content:space-between;align-items:center;gap:var(--sf-space-3);padding-top:var(--sf-space-3);flex-wrap:wrap;display:flex}.sf-pagination-info{font-size:var(--sf-fs-xs);color:var(--sf-text-muted)}.sf-pagination-controls{gap:var(--sf-space-2);display:flex}.sf-chip-row{gap:var(--sf-space-2);flex-wrap:wrap;display:flex}.sf-chip{background:var(--sf-brand-50);color:var(--sf-brand-700);border-radius:var(--sf-radius-pill);font-size:var(--sf-fs-xs);align-items:center;gap:6px;padding:.3rem .7rem;font-weight:600;display:inline-flex}.sf-chip button{color:inherit;cursor:pointer;background:0 0;border:none;display:flex}.sf-tabs{gap:var(--sf-space-2);border-bottom:1px solid var(--sf-border);display:flex;overflow-x:auto}.sf-tab{padding:var(--sf-space-3) var(--sf-space-2);cursor:pointer;font-weight:600;font-size:var(--sf-fs-sm);color:var(--sf-text-muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000}.sf-tab-active{color:var(--sf-brand-600);border-color:var(--sf-brand-500)}.sf-kpi-grid{gap:var(--sf-space-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.sf-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.sf-kpi-grid{grid-template-columns:1fr}}.sf-kpi-card{padding:var(--sf-space-5)}.sf-kpi-label{font-size:var(--sf-fs-xs);color:var(--sf-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.sf-kpi-value{font-size:var(--sf-fs-2xl);margin-top:4px;font-weight:800}.sf-kpi-sub{font-size:var(--sf-fs-xs);color:var(--sf-text-muted);margin-top:4px}.sf-notice{gap:var(--sf-space-2);border-radius:var(--sf-radius-md);padding:var(--sf-space-3) var(--sf-space-4);font-size:var(--sf-fs-sm);align-items:flex-start;display:flex}.sf-notice-info{background:var(--sf-info-100);color:var(--sf-brand-700)}.sf-notice-warning{background:var(--sf-warning-100);color:#7a5210}.sf-notice-danger{background:var(--sf-danger-100);color:#8f2b2b}.sf-flex{display:flex}.sf-flex-col{flex-direction:column;display:flex}.sf-items-center{align-items:center}.sf-justify-between{justify-content:space-between}.sf-gap-1{gap:var(--sf-space-1)}.sf-gap-2{gap:var(--sf-space-2)}.sf-gap-3{gap:var(--sf-space-3)}.sf-gap-4{gap:var(--sf-space-4)}.sf-muted{color:var(--sf-text-muted)}.sf-text-sm{font-size:var(--sf-fs-sm)}.sf-text-xs{font-size:var(--sf-fs-xs)}.sf-w-full{width:100%}.sf-grid-2{gap:var(--sf-space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.sf-grid-2{grid-template-columns:1fr}}.sf-mt-2{margin-top:var(--sf-space-2)}.sf-mt-4{margin-top:var(--sf-space-4)}.sf-mt-6{margin-top:var(--sf-space-6)}.sf-mb-2{margin-bottom:var(--sf-space-2)}.sf-mb-4{margin-bottom:var(--sf-space-4)}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-spin{animation:.8s linear infinite sf-spin}