:root,[data-theme=light]{--sf-primary:#2e7d32;--sf-primary-dark:#1b5e20;--sf-primary-light:#81c784;--sf-primary-hover:#388e3c;--sf-accent:#8d6e63;--sf-accent-light:#bcaaa4;--sf-bg:#fafaf5;--sf-bg-card:#fff;--sf-bg-sidebar:#f1f8e9;--sf-bg-input:#fff;--sf-bg-hover:#e8f5e9;--sf-bg-inset:#f5f5f0;--sf-text:#1a1a17;--sf-text-secondary:#5d5d57;--sf-text-muted:#9e9e96;--sf-text-inverse:#fff;--sf-border:#c8e6c9;--sf-border-light:#e0e0d8;--sf-shadow:0 1px 3px #00000014;--sf-shadow-lg:0 4px 12px #0000001a;--sf-error:#c62828;--sf-warning:#f9a825;--sf-success:#2e7d32;--sf-info:#1565c0;--sf-radius:8px;--sf-radius-sm:4px;--sf-sidebar-width:240px}[data-theme=dark]{--sf-primary:#66bb6a;--sf-primary-dark:#43a047;--sf-primary-light:#388e3c;--sf-primary-hover:#81c784;--sf-accent:#a1887f;--sf-accent-light:#8d6e63;--sf-bg:#1a1a17;--sf-bg-card:#252522;--sf-bg-sidebar:#1e1e1b;--sf-bg-input:#2d2d2a;--sf-bg-hover:#333330;--sf-bg-inset:#2a2a27;--sf-text:#e8e8e3;--sf-text-secondary:#b0b0a8;--sf-text-muted:#7a7a72;--sf-text-inverse:#1a1a17;--sf-border:#3a3a35;--sf-border-light:#2d2d28;--sf-shadow:0 1px 3px #0000004d;--sf-shadow-lg:0 4px 12px #0006;--sf-error:#ef5350;--sf-warning:#ffca28;--sf-success:#66bb6a;--sf-info:#42a5f5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--sf-bg);color:var(--sf-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}a{color:var(--sf-primary);text-decoration:none}a:hover{color:var(--sf-primary-hover)}.sf-card{background:var(--sf-bg-card);border:1px solid var(--sf-border-light);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow);padding:1.5rem}.sf-btn{border-radius:var(--sf-radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:background .15s,box-shadow .15s;display:inline-flex}.sf-btn-primary{background:var(--sf-primary);color:var(--sf-text-inverse)}.sf-btn-primary:hover{background:var(--sf-primary-hover);box-shadow:var(--sf-shadow)}.sf-btn-secondary{color:var(--sf-primary);border:1px solid var(--sf-border);background:0 0}.sf-btn-secondary:hover{background:var(--sf-bg-hover)}.sf-btn-danger{background:var(--sf-error);color:#fff}.sf-btn-danger:hover{opacity:.9}.sf-input{border:1px solid var(--sf-border);border-radius:var(--sf-radius-sm);background:var(--sf-bg-input);width:100%;color:var(--sf-text);padding:.625rem .75rem;font-size:.875rem;transition:border-color .15s}.sf-input:focus{border-color:var(--sf-primary);outline:none;box-shadow:0 0 0 2px #2e7d3226}.sf-label{color:var(--sf-text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.sf-page-title{color:var(--sf-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.sf-empty{text-align:center;color:var(--sf-text-muted);padding:3rem 1rem}.sf-alert{border-radius:var(--sf-radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.sf-alert-error{color:var(--sf-error);background:#c6282814;border:1px solid #c6282833}.sf-alert-success{color:var(--sf-success);background:#2e7d3214;border:1px solid #2e7d3233}.sf-form-group{margin-bottom:1rem}.sf-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.sf-grid-2{grid-template-columns:repeat(2,1fr)}.sf-grid-3{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.sf-grid-4{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.sf-page-title{margin-bottom:1rem;font-size:1.25rem}.sf-card{padding:1rem}.sf-grid{gap:1rem}}