:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--bg-success: #d4edda;--bg-info: #d1ecf1;--bg-warning: #fff3cd;--text-primary: #212529;--text-secondary: #6c757d;--text-success: #155724;--text-danger: #721c24;--text-info: #0c5460;--border-color: #dee2e6;--border-radius: 8px;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-primary: #007bff;background-color:var(--bg-secondary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-secondary)}#root{width:100%;margin:0;padding:0}h1,h2,h3{color:var(--text-primary);margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:var(--text-primary);margin-bottom:.5rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 2px 4px #0000001a}.badge{padding:.25rem .75rem;border-radius:4px;font-weight:600;font-size:.875rem}.badge-success{background:var(--bg-success);color:var(--text-success)}.badge-danger{background:#f8d7da;color:var(--text-danger)}.badge-warning{background:var(--bg-warning);color:#856404}.text-success{color:var(--color-success)!important;font-weight:600}.text-danger{color:var(--color-danger)!important;font-weight:600}.text-warning{color:var(--color-warning)!important;font-weight:600}.text-info{color:var(--color-info)!important;font-weight:600}button{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}button:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}button:active{transform:translateY(0)}