:root{--color-primary: #4ade80;--color-primary-dark: #22c55e;--color-secondary: #10b981;--color-background: #ffffff;--color-surface: #f9fafb;--color-border: #e5e7eb;--color-text: #111827;--color-text-secondary: #6b7280;--color-error: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius: .5rem;--box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}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-color:var(--color-surface);color:var(--color-text);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}button{font-family:inherit;font-size:1rem;cursor:pointer;border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}input,textarea,select{font-family:inherit;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);width:100%;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-background);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--box-shadow);transition:box-shadow .2s}.card:hover{box-shadow:var(--box-shadow-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{animation:fadeIn .2s ease-out}html{overscroll-behavior:none}body{-webkit-overflow-scrolling:touch}*{-webkit-tap-highlight-color:transparent}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.detail-row{display:flex;gap:1rem;margin-bottom:.75rem}.detail-label{min-width:150px}.detail-value{color:#111827}@media (max-width: 768px){h1{font-size:1.5rem}.container{padding:0 var(--spacing-sm)}button,a{min-height:44px}.card{margin:0;border-radius:var(--border-radius)}.filter-buttons{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:none}.filter-buttons::-webkit-scrollbar{display:none}.filter-buttons button{flex-shrink:0;white-space:nowrap}.detail-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #f3f4f6}.detail-label{min-width:unset;font-size:13px;color:#6b7280;font-weight:500}.detail-value{font-size:15px;color:#111827}}