body{font-family:var(--font-family, "Inter", sans-serif);background-color:var(--bg-primary, #f1f5f9);color:var(--text-primary, #1e293b);font-size:var(--font-size-base, 14px);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}#network-status{position:fixed;top:10px;right:10px;padding:8px 16px;border-radius:20px;font-weight:700;font-family:system-ui,-apple-system,sans-serif;font-size:14px;z-index:10000;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}#network-status.online{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}#network-status.offline{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}#install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #0003;display:none;z-index:10001;font-family:system-ui,-apple-system,sans-serif}#install-prompt button{background:#fff;color:#007bff;border:none;padding:8px 16px;margin-left:12px;border-radius:4px;cursor:pointer;font-weight:700}#install-prompt button:hover{background:#f0f0f0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}#app{min-height:100vh}button,.btn{padding:10px 20px;border:none;border-radius:var(--radius-md, 6px);font-size:var(--font-size-medium, 16px);font-weight:500;cursor:pointer;transition:var(--transition-normal, all .2s)}.btn:disabled{opacity:.5;cursor:not-allowed}button.btn-primary,.btn-primary{background:var(--button-primary, #2563eb);color:var(--text-inverse, white)}button.btn-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--button-primary-hover, #1d4ed8)}button.btn-secondary,.btn-secondary{background:var(--button-secondary, #e2e8f0);color:var(--text-primary, #1e293b)}button.btn-secondary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--button-secondary-hover, #cbd5e1)}button.btn-success,.btn-success{background:var(--button-success, #16a34a);color:var(--text-inverse, white)}button.btn-success:hover:not(:disabled),.btn-success:hover:not(:disabled){background:var(--button-success-hover, #15803d)}button.btn-danger,.btn-danger{background:var(--button-danger, #dc2626);color:var(--text-inverse, white)}button.btn-danger:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:var(--button-danger-hover, #b91c1c)}input,select,textarea{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:#007bff}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:20px;color:#333}.modal .actions{margin-top:24px;display:flex;gap:12px;justify-flex-end}:root{--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-size-small: 12px;--font-size-base: 14px;--font-size-medium: 16px;--font-size-large: 18px;--font-size-xlarge: 24px;--bg-primary: #f1f5f9;--bg-secondary: #ffffff;--bg-tertiary: #f8fafc;--bg-accent: #2563eb;--bg-danger: #dc2626;--bg-success: #16a34a;--bg-warning: #d97706;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--text-accent: #2563eb;--text-danger: #dc2626;--text-success: #16a34a;--text-warning: #d97706;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-accent: #2563eb;--border-focus: #3b82f6;--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-hover: #f1f5f9;--surface-active: #e2e8f0;--button-primary: #2563eb;--button-primary-hover: #1d4ed8;--button-secondary: #e2e8f0;--button-secondary-hover: #cbd5e1;--button-danger: #dc2626;--button-danger-hover: #b91c1c;--button-success: #16a34a;--button-success-hover: #15803d;--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);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: all .15s ease;--transition-normal: all .2s ease;--transition-slow: all .3s ease}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-accent: #06b6d4;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0f172a;--text-accent: #22d3ee;--border-primary: #334155;--border-secondary: #475569;--surface-primary: rgba(30, 41, 59, .7);--surface-secondary: rgba(51, 65, 85, .7);--surface-hover: rgba(71, 85, 105, .7);--surface-active: rgba(100, 116, 139, .7);--button-primary: #06b6d4;--button-primary-hover: #0891b2;--button-secondary: #334155;--button-secondary-hover: #475569;background:var(--bg-primary);color:var(--text-primary)}.dark .card{background:var(--bg-secondary);color:var(--text-primary)}.dark input,.dark select,.dark textarea{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-primary)}