:root{--primary-color: #0a66c2;--primary-dark: #004182;--primary-light: #378fe9;--secondary-color: #86888a;--secondary-light: #f3f2ef;--secondary-dark: #666666;--success-color: #057642;--warning-color: #f5b800;--error-color: #cc1016;--background-primary: #ffffff;--background-secondary: #f3f2ef;--background-tertiary: #e7e5df;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #86888a;--text-on-primary: #ffffff;--border-color: #d4d2ce;--shadow: rgba(0, 0, 0, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;background-color:var(--background-secondary);color:var(--text-primary);line-height:1.5;font-size:14px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}h1{font-size:28px;margin-bottom:var(--spacing-md)}h2{font-size:24px;margin-bottom:var(--spacing-md)}h3{font-size:20px;margin-bottom:var(--spacing-sm)}h4{font-size:16px;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}button,.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 4px 12px var(--shadow)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-light);color:var(--text-on-primary)}.btn-icon{padding:var(--spacing-sm);background-color:transparent;color:var(--text-secondary);border-radius:var(--radius-full)}.btn-icon:hover{background-color:var(--background-tertiary)}.card{background-color:var(--background-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 2px 4px var(--shadow)}.card:hover{box-shadow:0 4px 12px var(--shadow)}input,textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;width:100%;transition:border-color .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}textarea{resize:vertical;min-height:80px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-dark)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.bg-primary{background-color:var(--background-primary)}.bg-secondary{background-color:var(--background-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)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between}.flex-gap-sm{gap:var(--spacing-sm)}.flex-gap-md{gap:var(--spacing-md)}.full-width{width:100%}.full-height{height:100%}.spinner{border:3px solid var(--background-tertiary);border-top:3px solid var(--primary-color);border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.badge-primary{background-color:var(--primary-light);color:var(--text-on-primary)}.badge-success{background-color:var(--success-color);color:var(--text-on-primary)}.badge-warning{background-color:var(--warning-color);color:var(--text-primary)}.badge-error{background-color:var(--error-color);color:var(--text-on-primary)}