@charset "UTF-8";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #18a058;--secondary-color: #2080f0;--danger-color: #d03050;--warning-color: #f0a020;--info-color: #2080f0;--success-color: #18a058;--text-color: #333;--text-color-light: #666;--background-color: #f5f5f5;--border-color: #eee;--border-radius: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{background-color:var(--background-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-container{padding:20px}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px;margin-bottom:20px}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-column{display:flex;flex-direction:column}.action-button{display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:background-color .2s}.action-button:hover{background-color:#148f4c}