:root{--fs-font-sans: "Inter", sans-serif;--fs-color-bg: #ffffff;--fs-color-bg-muted: #f8fafc;--fs-color-bg-subtle: #f1f5f9;--fs-color-surface: #ffffff;--fs-color-surface-muted: #f8f9fa;--fs-color-border: #e2e8f0;--fs-color-border-soft: #f1f5f9;--fs-color-text: #0f172a;--fs-color-text-muted: #64748b;--fs-color-text-soft: #94a3b8;--fs-color-text-inverse: #ffffff;--fs-color-primary: #0f172a;--fs-color-primary-hover: #1e293b;--fs-color-info: #2563eb;--fs-color-info-soft: #eff6ff;--fs-color-success: #059669;--fs-color-success-soft: #ecfdf5;--fs-color-warning: #d97706;--fs-color-warning-soft: #fffbeb;--fs-color-danger: #dc2626;--fs-color-danger-soft: #fff1f2;--fs-color-accent: #4f46e5;--fs-color-accent-soft: #e0e7ff;--fs-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--fs-shadow-md: 0 10px 30px rgba(15, 23, 42, .08);--fs-shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--fs-radius-sm: .75rem;--fs-radius-md: 1rem;--fs-radius-lg: 1.5rem;--fs-radius-xl: 2rem}html,body,#root{min-height:100%}body{font-family:var(--fs-font-sans);background:var(--fs-color-bg);color:var(--fs-color-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--fs-color-bg-muted)}::-webkit-scrollbar-thumb{background:var(--fs-color-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.fs-app-shell{background:var(--fs-color-bg);color:var(--fs-color-text)}.fs-mobile-topbar{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--fs-color-border-soft)}.fs-sidebar{background:var(--fs-color-surface-muted);border-right:1px solid var(--fs-color-border)}.fs-panel{background:var(--fs-color-surface);border:1px solid var(--fs-color-border-soft);border-radius:var(--fs-radius-xl);box-shadow:var(--fs-shadow-md)}.fs-panel-muted{background:var(--fs-color-bg-muted);border:1px solid var(--fs-color-border-soft);border-radius:var(--fs-radius-xl)}.fs-card{background:var(--fs-color-surface);border:1px solid var(--fs-color-border-soft);border-radius:var(--fs-radius-lg);box-shadow:var(--fs-shadow-sm)}.fs-card-hover{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.fs-card-hover:hover{box-shadow:var(--fs-shadow-md);border-color:var(--fs-color-border);transform:translateY(-1px)}.fs-text-muted{color:var(--fs-color-text-muted)}.fs-text-soft{color:var(--fs-color-text-soft)}.fs-kicker{color:var(--fs-color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fs-icon-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--fs-radius-md)}.fs-icon-badge-info{background:var(--fs-color-info-soft);color:var(--fs-color-info)}.fs-chip{display:inline-flex;align-items:center;gap:.375rem;border:1px solid var(--fs-color-border);border-radius:999px;background:var(--fs-color-surface);box-shadow:var(--fs-shadow-sm)}.fs-segmented{display:flex;padding:.25rem;border-radius:var(--fs-radius-md);background:var(--fs-color-bg-muted)}.fs-segmented-option{flex:1 1 0;border:0;border-radius:.75rem;background:transparent;color:var(--fs-color-text-muted);font-size:.875rem;font-weight:700;padding:.5rem .75rem;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.fs-segmented-option--active{background:var(--fs-color-surface);box-shadow:var(--fs-shadow-sm);color:var(--fs-color-text)}.fs-label{margin-left:.25rem;color:var(--fs-color-text-soft);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.fs-field-hint{margin-left:.25rem;color:var(--fs-color-text-soft);font-size:.75rem}.fs-input-shell{position:relative}.fs-input-icon{position:absolute;top:.875rem;left:1rem;color:var(--fs-color-text-soft)}.fs-input,.fs-select{width:100%;border:0;border-radius:var(--fs-radius-lg);background:var(--fs-color-bg-muted);color:var(--fs-color-text);padding:.875rem 1rem;transition:box-shadow .16s ease,background-color .16s ease}.fs-input--with-icon,.fs-select--with-icon{padding-left:3rem}.fs-input:focus,.fs-select:focus{outline:none;box-shadow:0 0 0 2px #0f172a1f;background:var(--fs-color-surface)}.fs-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.fs-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--fs-radius-lg);border:1px solid transparent;font-weight:700;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.fs-button:disabled{cursor:not-allowed;opacity:.7}.fs-button-primary{background:var(--fs-color-primary);color:var(--fs-color-text-inverse);box-shadow:var(--fs-shadow-lg)}.fs-button-primary:hover:not(:disabled){background:var(--fs-color-primary-hover)}.fs-button-secondary{background:var(--fs-color-bg-muted);border-color:var(--fs-color-border);color:var(--fs-color-text)}.fs-button-secondary:hover:not(:disabled){background:var(--fs-color-bg-subtle)}.fs-nav-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.75rem;color:var(--fs-color-text-muted);transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}.fs-nav-item:hover{background:#e2e8f099}.fs-nav-item:disabled,.fs-nav-item[aria-disabled=true]{cursor:not-allowed}.fs-nav-item:disabled:hover,.fs-nav-item[aria-disabled=true]:hover{background:transparent}.fs-nav-item--active{background:var(--fs-color-surface);box-shadow:var(--fs-shadow-sm);color:var(--fs-color-text);font-weight:500}.fs-status{display:flex;align-items:center;gap:.75rem;border-radius:var(--fs-radius-lg);border:1px solid;padding:1rem}.fs-status--success{border-color:#a7f3d0;background:var(--fs-color-success-soft);color:var(--fs-color-success)}.fs-status--error{border-color:#fecdd3;background:var(--fs-color-danger-soft);color:#be123c}.fs-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--fs-color-accent-soft);color:var(--fs-color-accent);font-weight:700}.fs-empty-state{background:var(--fs-color-bg-muted);color:var(--fs-color-text-muted)}
