*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{color:#2c3e50}a{text-decoration:none;color:inherit}body{background-color:#f5f7fa}.container{max-width:1200px;margin:0 auto;padding:20px}.page-container{min-height:calc(100vh - 60px);padding:20px}.custom-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:20px;margin-bottom:20px}.button-group{display:flex;gap:10px;align-items:center}@media (max-width: 768px){.container,.page-container{padding:10px}.custom-card{padding:15px}}.text-center{text-align:center}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}