*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#f9fafb;--color-bg-secondary:#fff;--color-bg-accent:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-accent-primary:#3b82f6;--color-accent-secondary:#10b981;--color-accent-danger:#ef4444;--color-border:#d1d5db;--color-border-focus:#3b82f6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-family:Arial, sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700}.app-body{height:100vh;font-family:var(--font-family);padding:0}.app-container{background-color:var(--color-bg-primary);width:100%;height:100%;display:flex}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.app-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.app-header-section{margin-bottom:var(--spacing-lg)}.app-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.app-subtitle{color:var(--color-text-secondary);margin:0}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background-color:var(--color-accent-primary);color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-accent)}.btn-success{background-color:var(--color-accent-secondary);color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:var(--color-accent-danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--color-border);background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:.375rem}.input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-lg);border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-accent-danger)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.border{border:1px solid var(--color-border)}.form{gap:var(--spacing-sm);max-width:20rem;display:grid}