*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#e21b70;--color-primary-hover:#c4185f;--color-secondary:#ff6b35;--color-background:#fafafa;--color-surface:#fff;--color-text:#1a1a2e;--color-text-secondary:#6b7280;--color-border:#e5e7eb;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--transition:150ms ease-in-out}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased}#app{margin:0 auto;max-width:800px;padding:var(--spacing-8)}.header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--spacing-8);padding:var(--spacing-4) 0}.header h1{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700}.header .badge{align-items:center;background:var(--color-success);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-3)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-6);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2)}.card p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stats-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-8)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center}.stat-card .value{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:700}.stat-card .label{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.table{border-collapse:collapse;margin-top:var(--spacing-4);width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:var(--spacing-3) var(--spacing-4);text-align:left}.table th{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tr:hover{background:var(--color-background)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:500;justify-content:center;padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-background)}.alert{border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.chat-bubble{border-radius:var(--radius-lg);line-height:1.5;margin-bottom:var(--spacing-2);max-width:80%;padding:var(--spacing-3) var(--spacing-4)}.chat-bubble.sent{background:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:#fff;margin-left:auto}.chat-bubble.received{background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.chat-input{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-2);padding:var(--spacing-4)}.chat-input input{border:1px solid var(--color-border);border-radius:var(--radius-full);flex:1;font-size:var(--font-size-sm);outline:none;padding:var(--spacing-2) var(--spacing-4)}.chat-input input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(226,27,112,.1)}@media (max-width:640px){#app{padding:var(--spacing-4)}.stats-grid{grid-template-columns:1fr}.header{flex-direction:column;gap:var(--spacing-2)}}