:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #1e2130;--bg-card-hover: #23273a;--bg-input: #252840;--bg-pill: rgba(255, 255, 255, .06);--border-subtle: #2e3250;--border-light: #3a3f60;--border-focus: #00c9a7;--text-primary: #eef0f8;--text-secondary: #a4adcf;--text-muted: #7e87ab;--text-on-accent: #0f1117;--accent-primary: #00c9a7;--accent-hover: #00b896;--accent-active: #009e80;--accent-glow: rgba(0, 201, 167, .15);--accent-secondary: #3d8ef0;--accent-secondary-hover: #2b7ce0;--status-success: #00c9a7;--status-warning: #f0a030;--status-danger: #e05c5c;--status-info: #3d8ef0;--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-size-xs: .75rem;--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-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--min-touch-target: 44px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--container-max-width: 1200px;--header-height: 64px;--bottom-nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary)}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}#root{min-height:100vh;display:flex;flex-direction:column;width:100%;max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);overflow-wrap:break-word}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}@media (min-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}p,span,li,label{overflow-wrap:break-word}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline}.app-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%}.main-content{flex:1;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6))}@media (min-width: 768px){.main-content{padding:var(--space-6) var(--space-8);padding-bottom:var(--space-10)}}.card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);width:100%;max-width:100%;min-width:0;box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{border-color:var(--border-medium)}@media (min-width: 768px){.card{padding:var(--space-6)}}button,.btn-primary,.btn-secondary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);min-height:var(--min-touch-target);min-width:var(--min-touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;cursor:pointer;text-decoration:none;transition:all var(--transition-fast);touch-action:manipulation}.btn-primary{background-color:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 0 12px #00c9a74d}.btn-secondary{background-color:var(--bg-pill);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background-color:var(--border-medium);border-color:var(--border-prominent)}.btn-outline{background-color:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover:not(:disabled){background-color:#00c9a71a}button:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=search]{width:100%;min-height:var(--min-touch-target);background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);padding:0 var(--space-3);font-size:var(--font-size-base);outline:none;transition:border-color var(--transition-fast)}input:focus{border-color:var(--accent-primary)}.grid-cards{display:grid;grid-template-columns:1fr;gap:var(--space-4);width:100%;max-width:100%;min-width:0}@media (min-width: 640px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background-color:var(--bg-pill);color:var(--text-secondary)}.badge-success{background-color:#00c9a726;color:var(--status-success)}.badge-info{background-color:#3d8ef026;color:var(--status-info)}.badge-warning{background-color:#f0a03026;color:var(--status-warning)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-input) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.touch-nav-item{display:flex;align-items:center;justify-content:center;min-height:var(--min-touch-target);min-width:var(--min-touch-target);padding:var(--space-2)}