*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #007AFF;--primary-dark: #0051D5;--secondary: #5856D6;--success: #34C759;--danger: #FF3B30;--warning: #FF9500;--background: #F2F2F7;--surface: #FFFFFF;--text-primary: #000000;--text-secondary: #6E6E73;--border: #C7C7CC;--shadow: rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);line-height:1.6}#root{min-height:100vh}@media (max-width: 768px){body{font-size:14px}}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background:var(--surface);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px var(--shadow);margin-bottom:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-bottom:1rem}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007aff1a}.label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.error{background:#ffebee;color:var(--danger);padding:1rem;border-radius:8px;margin-bottom:1rem}.success{background:#e8f5e9;color:var(--success);padding:1rem;border-radius:8px;margin-bottom:1rem}.footer{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}